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