mirror of
https://github.com/less/less.js.git
synced 2026-01-22 13:48:03 -05:00
72c469d86e
First step in implementing syntax for @import options, proposed in https://github.com/cloudhead/less.js/issues/1185#issuecomment-13710620 (steps (1) and (2)). I've implemented the 'multiple' and 'less' options. One could trivially add 'once' and 'css' options as well, if there was need. Proposed "silent" and "inline" options are deferred for future work. I left the existing "@import-multiple" and "@import-once" syntax in place, although the proposal is for this to be deprecated once the new option syntax is in place.
39 lines
642 B
CSS
39 lines
642 B
CSS
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
|
|
|
|
@import url(/absolute/something.css) screen and (color) and (max-width: 600px);
|
|
|
|
@import url("//ha.com/file.css") (min-width: 100px);
|
|
#import-test {
|
|
height: 10px;
|
|
color: #ff0000;
|
|
width: 10px;
|
|
height: 30%;
|
|
}
|
|
@media screen and (max-width: 600px) {
|
|
body {
|
|
width: 100%;
|
|
}
|
|
}
|
|
#import {
|
|
color: #ff0000;
|
|
}
|
|
.mixin {
|
|
height: 10px;
|
|
color: #ff0000;
|
|
}
|
|
@media screen and (max-width: 601px) {
|
|
#css {
|
|
color: yellow;
|
|
}
|
|
}
|
|
@media screen and (max-width: 602px) {
|
|
body {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 603px) {
|
|
#css {
|
|
color: yellow;
|
|
}
|
|
}
|