Remove unecessary quotes from examples
This commit is contained in:
parent
3295db75a0
commit
9170c1395e
@ -10,6 +10,6 @@
|
|||||||
text-align: center
|
text-align: center
|
||||||
margin-bottom: 2em
|
margin-bottom: 2em
|
||||||
#padding-box
|
#padding-box
|
||||||
+background-clip("padding-box")
|
+background-clip(padding-box)
|
||||||
#border-box
|
#border-box
|
||||||
+background-clip("border-box")
|
+background-clip(border-box)
|
||||||
|
@ -14,8 +14,8 @@
|
|||||||
text-align: center
|
text-align: center
|
||||||
margin-bottom: 2em
|
margin-bottom: 2em
|
||||||
#padding-box
|
#padding-box
|
||||||
+background-origin("padding-box")
|
+background-origin(padding-box)
|
||||||
#border-box
|
#border-box
|
||||||
+background-origin("border-box")
|
+background-origin(border-box)
|
||||||
#content-box
|
#content-box
|
||||||
+background-origin("content-box")
|
+background-origin(content-box)
|
@ -14,12 +14,12 @@
|
|||||||
text-align: center
|
text-align: center
|
||||||
margin-bottom: 2em
|
margin-bottom: 2em
|
||||||
#auto
|
#auto
|
||||||
+background-size("auto")
|
+background-size(auto)
|
||||||
#contain
|
#contain
|
||||||
+background-size("contain")
|
+background-size(contain)
|
||||||
#cover
|
#cover
|
||||||
+background-size("cover")
|
+background-size(cover)
|
||||||
#percent
|
#percent
|
||||||
+background-size("50% 50%")
|
+background-size(50% 50%)
|
||||||
#absolute
|
#absolute
|
||||||
+background-size("100px 25px")
|
+background-size(100px 25px)
|
@ -8,7 +8,7 @@
|
|||||||
width: 200px
|
width: 200px
|
||||||
|
|
||||||
#content-box
|
#content-box
|
||||||
+box-sizing('content-box')
|
+box-sizing(content-box)
|
||||||
|
|
||||||
#border-box
|
#border-box
|
||||||
+box-sizing('border-box')
|
+box-sizing(border-box)
|
@ -12,6 +12,6 @@
|
|||||||
|
|
||||||
#four-column-with-rule
|
#four-column-with-rule
|
||||||
+column-count(4)
|
+column-count(4)
|
||||||
+column-rule(1px, "solid", red)
|
+column-rule(1px, solid, red)
|
||||||
width: 300px
|
width: 300px
|
||||||
margin-bottom: 20px
|
margin-bottom: 20px
|
@ -1,6 +1,7 @@
|
|||||||
@import compass/css3
|
@import compass/css3
|
||||||
|
|
||||||
+font-face("Angelina", font-files("examples/angelina.ttf", "truetype"))
|
+font-face("Angelina", font-files("examples/angelina.ttf", "truetype"))
|
||||||
|
|
||||||
.example
|
.example
|
||||||
font-family: "Angelina"
|
font-family: "Angelina"
|
||||||
padding: 1em
|
padding: 1em
|
||||||
|
@ -12,7 +12,7 @@
|
|||||||
|
|
||||||
// This yields a linear gradient spanning from the upper left corner to the lower right corner
|
// This yields a linear gradient spanning from the upper left corner to the lower right corner
|
||||||
#linear-gradient
|
#linear-gradient
|
||||||
+linear-gradient(color-stops(#fff, #ddd), "left top")
|
+linear-gradient(color-stops(#fff, #ddd), left top)
|
||||||
|
|
||||||
// This yields a gradient starting at the top with #fff, ending in #aaa
|
// This yields a gradient starting at the top with #fff, ending in #aaa
|
||||||
#v-gradient
|
#v-gradient
|
||||||
@ -28,4 +28,4 @@
|
|||||||
|
|
||||||
// This yields a horizontal linear gradient spanning from left to right.
|
// This yields a horizontal linear gradient spanning from left to right.
|
||||||
#h-gradient
|
#h-gradient
|
||||||
+linear-gradient(color-stops(#fff, #ddd), "left")
|
+linear-gradient(color-stops(#fff, #ddd), left)
|
||||||
|
@ -7,29 +7,29 @@
|
|||||||
margin: 20px
|
margin: 20px
|
||||||
|
|
||||||
#width
|
#width
|
||||||
+transition-property('width')
|
+transition-property(width)
|
||||||
|
|
||||||
#width:hover
|
#width:hover
|
||||||
width: 80px
|
width: 80px
|
||||||
|
|
||||||
#width-duration
|
#width-duration
|
||||||
+transition-property('width')
|
+transition-property(width)
|
||||||
+transition-duration('2s')
|
+transition-duration(2s)
|
||||||
|
|
||||||
#width-duration:hover
|
#width-duration:hover
|
||||||
width: 80px
|
width: 80px
|
||||||
|
|
||||||
#width-duration-easein
|
#width-duration-easein
|
||||||
+transition-property('width')
|
+transition-property(width)
|
||||||
+transition-duration('2s')
|
+transition-duration(2s)
|
||||||
+transition-timing-function('ease-in')
|
+transition-timing-function(ease-in)
|
||||||
|
|
||||||
#width-duration-easein:hover
|
#width-duration-easein:hover
|
||||||
width: 80px
|
width: 80px
|
||||||
|
|
||||||
#width-delay
|
#width-delay
|
||||||
+transition-property('width')
|
+transition-property(width)
|
||||||
+transition-delay('2s')
|
+transition-delay(2s)
|
||||||
|
|
||||||
#width-delay:hover
|
#width-delay:hover
|
||||||
width: 80px
|
width: 80px
|
Loading…
Reference in New Issue
Block a user