Online Μετατροπέας LESS σε CSS

Ο μετατροπέας LESS σε CSS σάς βοηθά να μετατρέψετε το LESS σε CSS online.

Ο απλούστερος μετατροπέας LESS σε 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;
}