Remove spaces around slashes in final CSS output and update tests to reflect that; Added a couple shorthand tests

This commit is contained in:
Dustin Cass
2012-08-22 11:38:29 -07:00
committed by Luke Page
parent bf1823f109
commit 241b9d23a4
6 changed files with 21 additions and 15 deletions

View File

@@ -73,12 +73,12 @@ p::before {
}
}
.units {
font: 1.2rem / 2rem;
font: 8vw / 9vw;
font: 10vh / 12vh;
font: 12vm / 15vm;
font: 12vmin / 15vmin;
font: 1.2ch / 1.5ch;
font: 1.2rem/2rem;
font: 8vw/9vw;
font: 10vh/12vh;
font: 12vm/15vm;
font: 12vmin/15vmin;
font: 1.2ch/1.5ch;
}
@supports ( box-shadow: 2px 2px 2px black ) or
( -moz-box-shadow: 2px 2px 2px black ) {

View File

@@ -50,16 +50,19 @@ p + h1 {
}
#shorthands {
border: 1px solid #000;
font: 12px / 16px Arial;
font: 100% / 16px Arial;
font: 12px/16px Arial;
font: 100%/16px Arial;
margin: 1px 0;
padding: 0 auto;
}
#more-shorthands {
margin: 0;
padding: 1px 0 2px 0;
font: normal small / 20px 'Trebuchet MS', Verdana, sans-serif;
font: 0 / 0 a;
font: normal small/20px 'Trebuchet MS', Verdana, sans-serif;
font: 0/0 a;
border-radius: 5px/10px;
background: url("img.jpg") center/100px;
background: #ffffff url(image.png) center/1px 100px repeat-x scroll content-box padding-box;
}
.misc {
-moz-border-radius: 2px;

View File

@@ -15,7 +15,7 @@
max-width: 480;
}
}
@media all and (device-aspect-ratio: 16 / 9) {
@media all and (device-aspect-ratio: 16/9) {
body {
max-width: 800px;
}
@@ -169,7 +169,7 @@
}
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (min-resolution: 2dppx), (min-resolution: 128dpcm) {
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (min-resolution: 128dpcm) {
.b {
background: red;
}

View File

@@ -9,7 +9,7 @@
width: 96;
height: 113;
margin: 12;
border-radius: 8px / 7px;
border-radius: 8px/7px;
}
.nested-parens {
width: 71;

View File

@@ -65,8 +65,11 @@ p + h1 {
#more-shorthands {
margin: 0;
padding: 1px 0 2px 0;
font: normal small/20px 'Trebuchet MS', Verdana, sans-serif;
font: normal small/20px 'Trebuchet MS', Verdana, sans-serif;
font: 0/0 a;
border-radius: 5px / 10px;
background: url("img.jpg") center / 100px;
background: #fff url(image.png) center / 1px 100px repeat-x scroll content-box padding-box;
}
.misc {