ონლაინ LESS To CSS Converter

LESS To CSS Converter დაგეხმარებათ გადაიყვანოთ LESS CSS-ად ონლაინ.

LESS to CSS კონვერტორი უმარტივესი

ეს უფასო ონლაინ ინსტრუმენტი საშუალებას გაძლევთ გადაიყვანოთ LESS ფაილი CSS ფაილად. უბრალოდ ჩასვით თქვენი LESS ქვემოთ მოცემულ ფორმაში და ის მყისიერად გარდაიქმნება CSS-ად. არ არის საჭირო რაიმე პროგრამის ჩამოტვირთვა ან ინსტალაცია. უფასო

ინსტრუმენტი რა არის LESS-ში CSS-ის გადამყვანი?

ეს LESS-ში CSS-ის კონვერტორი გარდაქმნის LESS მონაცემებსა და ფაილებს CSS მონაცემებად და ფაილებად. ეს კონვერტორი საშუალებას გაძლევთ დააკონფიგურიროთ შეყვანის LESS და გამომავალი CSS ის ასევე იღებს LESS ფაილებს საბაჟო სვეტის გამიჯვნის სიმბოლოებით და ველის ციტირების სიმბოლოებით. იგი მხარს უჭერს კომენტარების ხაზებს და შეგიძლიათ სურვილისამებრ უგულებელყოთ ცარიელი ხაზები. თქვენ ასევე შეგიძლიათ შეცვალოთ რამდენი სივრცე უნდა გამოიყენოთ გამომავალი CSS შეწევაში.

როგორ გადავიტანოთ LESS CSS-ში?

ნაბიჯი 1: აირჩიეთ თქვენი შეყვანა. შეიყვანეთ მონაცემები.
ნაბიჯი 2: აირჩიეთ გამომავალი პარამეტრები (არასავალდებულო) გამომავალი ოფციები.
ნაბიჯი 3: გამომავალი გენერირება.

LESS-დან CSS-ის გადამყვანის მაგალითები

ᲜᲐᲙᲚᲔᲑᲘ

@base: 24px;
@border-color: #B2B;

.underline { border-bottom: 1px solid green }

#header {
  color: black;
  border: 1px solid @border-color + #222222;

  .navigation {
    font-size: @base / 2;
    a {
    .underline;
    }
  }
  .logo {
    width: 300px;
    :hover { text-decoration: none }
  }
}

CSS

.underline {
    border-bottom: 1px solid green;
}
#header {
    color: black;
    border: 1px solid #dd44dd;
}
#header .navigation {
    font-size: 12px;
}
#header .navigation a {
    border-bottom: 1px solid green;
}
#header .logo {
    width: 300px;
}
#header .logo :hover {
    text-decoration: none;
}