CSS naar MINDER converter eenvoudigst
Met deze gratis online tool kun je een CSS-bestand converteren naar een LESS-bestand. Plak je CSS in het onderstaande formulier en het wordt onmiddellijk geconverteerd naar MINDER. Je hoeft geen software te downloaden of te installeren. Vrij
Hoe CSS naar MINDER te converteren?
Stap 1: Selecteer uw invoer. Gegevens invoeren.
Stap 2: Kies uitvoeropties (optioneel) Uitvoeropties.
Stap 3: Genereer output.
Voorbeelden van CSS naar LESS-converter
CSS
.feature-url {
background: #f7f7f7;
text-align: center;
}
.feature-url li {
list-style: none;
display: inline-block;
margin: 2px;
border: 1px solid #e9ebee;
text-align: center;
}
.feature-url li a {
padding: 5px;
color: blue;
display: block;
min-width: 70px;
}
.feature-url li a i {
font-size: 20px;
}
.feature-url li a:hover {
text-decoration: none;
background: #e9ebee;
color: #222;
}
.feature-url li.active a {
background: #e9ebee;
color: #222;
}
MINDER
@color1: #f7f7f7;
@color2: #e9ebee;
@color3: #222222;
.feature-url {
background: @color1;
text-align: center;
li {
list-style: none;
display: inline-block;
margin: 2px;
border: 1px solid @color2;
text-align: center;
a {
padding: 5px;
color: blue;
display: block;
min-width: 70px;
i {
font-size: 20px;
}
&:hover {
text-decoration: none;
background: @color2;
color: @color3;
}
}
&.active a {
background: @color2;
color: @color3;
}
}
}
