github/less.js
1
1
Fork 0
mirror of https://github.com/less/less.js.git synced 2026-02-07 21:45:08 -05:00
Code Issues Packages Projects Releases Wiki Activity

Support for support/viewport/page directives. Fixes #847 and fixes #366

Browse Source
This commit is contained in:
Luke Page
2012-08-08 22:55:36 +01:00
parent 5d49ca000e
commit b96e307bd5
5 changed files with 236 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
test/css/css-3.css
View File

@@ -60,6 +60,19 @@ p::before {
border: 3px;
}
}
@keyframes fontbulger1 {
to {
font-size: 15px;
}
from,
to {
font-size: 12px;
}
0%,
100% {
font-size: 12px;
}
}
.units {
font: 1.2rem/2rem;
font: 8vw/9vw;
@@ -67,3 +80,18 @@ p::before {
font: 12vm/15vm;
font: 1.2ch/1.5ch;
}
@supports ( box-shadow: 2px 2px 2px black ) or
( -moz-box-shadow: 2px 2px 2px black ) {
.outline {
box-shadow: 2px 2px 2px black;
-moz-box-shadow: 2px 2px 2px black;
}
}
@-x-document url-prefix(""github.com"") {
h1 {
color: red;
}
}
@viewport {
font-size: 10px;
}

61
test/css/media.css
View File

@@ -82,3 +82,64 @@
@media only screen and (max-width: 200px) {
width: 480px;
}
@media print {
@page :left {
margin: 0.5cm;
}
@page :right {
margin: 0.5cm;
}
@page Test:first {
margin: 1cm;
}
@page :first {
size: 8.5in 11in;@top-left {
margin: 1cm;
}
@top-left-corner {
margin: 1cm;
}
@top-center {
margin: 1cm;
}
@top-right {
margin: 1cm;
}
@top-right-corner {
margin: 1cm;
}
@bottom-left {
margin: 1cm;
}
@bottom-left-corner {
margin: 1cm;
}
@bottom-center {
margin: 1cm;
}
@bottom-right {
margin: 1cm;
}
@bottom-right-corner {
margin: 1cm;
}
@left-top {
margin: 1cm;
}
@left-middle {
margin: 1cm;
}
@left-bottom {
margin: 1cm;
}
@right-top {
margin: 1cm;
}
@right-middle {
content: "Page " counter(page);
}
@right-bottom {
margin: 1cm;
}
}
}

32
test/less/css-3.less
View File

@@ -68,10 +68,40 @@ p::before {
100% { border: 3px }
}
@keyframes fontbulger1 {
to {
font-size: 15px;
}
from,to {
font-size: 12px;
}
0%,100% {
font-size: 12px;
}
}
.units {
font: 1.2rem/2rem;
font: 8vw/9vw;
font: 10vh/12vh;
font: 12vm/15vm;
font: 1.2ch/1.5ch;
}
}
@supports ( box-shadow: 2px 2px 2px black ) or
( -moz-box-shadow: 2px 2px 2px black ) {
.outline {
box-shadow: 2px 2px 2px black;
-moz-box-shadow: 2px 2px 2px black;
}
}
@-x-document url-prefix(""github.com"") {
h1 {
color: red;
}
}
@viewport {
font-size: 10px;
}

63
test/less/media.less
View File

@@ -81,3 +81,66 @@ body {
@media @smartphone {
width: 480px;
}
@media print {
@page :left {
margin: 0.5cm;
}
@page :right {
margin: 0.5cm;
}
@page Test:first {
margin: 1cm;
}
@page :first {
size: 8.5in 11in;
@top-left {
margin: 1cm;
}
@top-left-corner {
margin: 1cm;
}
@top-center {
margin: 1cm;
}
@top-right {
margin: 1cm;
}
@top-right-corner {
margin: 1cm;
}
@bottom-left {
margin: 1cm;
}
@bottom-left-corner {
margin: 1cm;
}
@bottom-center {
margin: 1cm;
}
@bottom-right {
margin: 1cm;
}
@bottom-right-corner {
margin: 1cm;
}
@left-top {
margin: 1cm;
}
@left-middle {
margin: 1cm;
}
@left-bottom {
margin: 1cm;
}
@right-top {
margin: 1cm;
}
@right-middle {
content: "Page " counter(page);
}
@right-bottom {
margin: 1cm;
}
}
}