'How can I convert less to scss or css without needing to install anything?
I have a code that's in .less and I need to convert it to either .scss or .css without the need of installing scripts in my hosting account. I tried using some online tools, but it did not work. Would anyone point me directions on how I should proceed? My code is the following:
.background-cover() {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.border-radius( @radius: 3px; ) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
.border-radius-specific( @tl-radius: 3px; @tr-radius: 3px; @bl-radius: 3px; @br-radius: 3px; ) {
-webkit-border-radius: @arguments;
-moz-border-radius: @arguments;
border-radius: @arguments;
}
.box-shadow( @h-shadow: 0px; @v-shadow: 1px; @blur: 2px; @spread: 0px; @color: fade(@black, 15%); ) {
-webkit-box-shadow: @arguments;
-moz-box-shadow: @arguments;
box-shadow: @arguments;
}
.inner-box-shadow( @h-shadow: 0px; @v-shadow: 1px; @blur: 2px; @spread: 0px; @color: fade(@black, 15%); ) {
-webkit-box-shadow: inset @arguments;
-moz-box-shadow: inset @arguments;
box-shadow: inset @arguments;
}
.box-shadow-none() {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.transitions( @property: all; @duration: 0.3s; @timing: linear; @delay: 0s; ) {
-webkit-transition: @arguments;
-moz-transition: @arguments;
-ms-transition: @arguments;
-o-transition: @arguments;
transition: @arguments;
}
.animation( @animation_name; @duration: 1s; @timing_function: ease ) {
-webkit-animation: @animation_name @duration @timing_function;
-moz-animation: @animation_name @duration @timing_function;
-o-animation: @animation_name @duration @timing_function;
animation: @animation_name @duration @timing_function;
}
.box-size( @property: border-box; ) {
-webkti-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.font-smoothing() {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
