Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Added Stylus folder. (Stylus used for CSS to quickly test stuff on an…

… XHTML build.)
  • Loading branch information...
commit 470a057e5a61a1f57b3fc860c69cd012eca0096f 1 parent 3192488
Zearin authored
View
322 src/docbook/_stylus/lib/nib/buttons.styl
@@ -6,181 +6,181 @@
// a, button, and input's are supported.
-reset()
- margin: 0
- user-select: none
- display: inline-block
- text-decoration: none
+ margin: 0
+ user-select: none
+ display: inline-block
+ text-decoration: none
// minimalistic flat button with white inset.
minimal-button(bg = #e3e3e3, text = #333, text-shadow = #fff)
- -reset()
- background: bg
- border: 1px solid darken(bg, 15%)
- border-radius: 3px
- box-shadow: inset 0 0 1px 1px rgba(white, 0.8)
- font-family: 'helvetica neue', helvetica, arial, sans-serif
- font-size: 12px
- font-weight: bold
- line-height: 1
- padding: 8px 20px 9px 20px
- text-align: center
- text-shadow: 0 1px 0 text-shadow
- color: text
-
- &:hover
- &.hover
- background: bg - 5%
- box-shadow: inset 0 0 1px 1px rgba(white, 0.5)
- cursor: pointer
- color: text
-
- &:active
- &.active
- background: bg - 10%
- box-shadow: inset 0 0 1px 1px rgba(white, 0.2)
- color: text - 50%
-
- &:focus
- &.focus
- outline: none
- box-shadow: 0 0 5px 1px rgba(bg, 1)
+ -reset()
+ background: bg
+ border: 1px solid darken(bg, 15%)
+ border-radius: 3px
+ box-shadow: inset 0 0 1px 1px rgba(white, 0.8)
+ font-family: 'helvetica neue', helvetica, arial, sans-serif
+ font-size: 12px
+ font-weight: bold
+ line-height: 1
+ padding: 8px 20px 9px 20px
+ text-align: center
+ text-shadow: 0 1px 0 text-shadow
+ color: text
+
+ &:hover
+ &.hover
+ background: bg - 5%
+ box-shadow: inset 0 0 1px 1px rgba(white, 0.5)
+ cursor: pointer
+ color: text
+
+ &:active
+ &.active
+ background: bg - 10%
+ box-shadow: inset 0 0 1px 1px rgba(white, 0.2)
+ color: text - 50%
+
+ &:focus
+ &.focus
+ outline: none
+ box-shadow: 0 0 5px 1px rgba(bg, 1)
// smooth flat button, defaulting to green.
smooth-button(bg = #7fbf4d, height = 28px)
- -reset()
- dark = bg - 10%
- background: bg
- background: linear-gradient(height top, bg, dark)
- border: 1px solid dark - 5%
- border-bottom: 1px solid dark
- border-radius: 3px
- box-shadow: inset 0 1px 0 0 lighten(bg, 10%)
- font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif
- font-size: 11px
- font-weight: bold
- line-height: 1
- padding: 7px 15px 8px 15px
- text-align: center
- text-shadow: 0 -1px 0 darken(bg, 15%)
- color: #fff
-
- &:hover
- &.hover
- dark -= 5%
- background: dark
- background: linear-gradient(height top, bg, dark)
- cursor: pointer
-
- &:active
- &.active
- dark -= 5%
- border: 1px solid dark
- border-bottom: 1px solid dark
- background: linear-gradient(height bottom, bg, dark)
- box-shadow: inset 0 0 8px 4px rgba(black, 0.15), 0 1px 0 0 #eee
+ -reset()
+ dark = bg - 10%
+ background: bg
+ background: linear-gradient(height top, bg, dark)
+ border: 1px solid dark - 5%
+ border-bottom: 1px solid dark
+ border-radius: 3px
+ box-shadow: inset 0 1px 0 0 lighten(bg, 10%)
+ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif
+ font-size: 11px
+ font-weight: bold
+ line-height: 1
+ padding: 7px 15px 8px 15px
+ text-align: center
+ text-shadow: 0 -1px 0 darken(bg, 15%)
+ color: #fff
+
+ &:hover
+ &.hover
+ dark -= 5%
+ background: dark
+ background: linear-gradient(height top, bg, dark)
+ cursor: pointer
+
+ &:active
+ &.active
+ dark -= 5%
+ border: 1px solid dark
+ border-bottom: 1px solid dark
+ background: linear-gradient(height bottom, bg, dark)
+ box-shadow: inset 0 0 8px 4px rgba(black, 0.15), 0 1px 0 0 #eee
// small pill-shaped blue apple download inspired button.
download-button(bg = #377ad0, height = 20px)
- -reset()
- dark = bg - 8%
- background: light = hsl(bg) + hsl(0,30%,10%) - hsl(5,0,0)
- background: linear-gradient(height top, light, bg)
- border: 1px solid dark
- border-radius: 16px
- color #fff
- font-family: "lucida grande", sans-serif
- font-size: 11px
- font-weight: normal
- line-height: 1
- padding: 3px 10px 5px 10px
- text-align: center
- text-shadow: 0 -1px 1px bg - 10%
-
- &:hover
- &.hover
- background: darker
- background: linear-gradient(height top, light, dark)
- border: 1px solid dark
- cursor: pointer
- text-shadow: 0 -1px 1px bg - 12%
-
- &:active
- &.active
- background: dark
- border: 1px solid dark
- border-bottom: 1px solid bg - 20%
- text-shadow: 0 -1px 1px bg - 15%
-
- &:focus
- &.focus
- outline: none
- box-shadow: 0 1px 0 0 rgba(white,0.4), 0 0 4px 0 bg
+ -reset()
+ dark = bg - 8%
+ background: light = hsl(bg) + hsl(0,30%,10%) - hsl(5,0,0)
+ background: linear-gradient(height top, light, bg)
+ border: 1px solid dark
+ border-radius: 16px
+ color #fff
+ font-family: "lucida grande", sans-serif
+ font-size: 11px
+ font-weight: normal
+ line-height: 1
+ padding: 3px 10px 5px 10px
+ text-align: center
+ text-shadow: 0 -1px 1px bg - 10%
+
+ &:hover
+ &.hover
+ background: darker
+ background: linear-gradient(height top, light, dark)
+ border: 1px solid dark
+ cursor: pointer
+ text-shadow: 0 -1px 1px bg - 12%
+
+ &:active
+ &.active
+ background: dark
+ border: 1px solid dark
+ border-bottom: 1px solid bg - 20%
+ text-shadow: 0 -1px 1px bg - 15%
+
+ &:focus
+ &.focus
+ outline: none
+ box-shadow: 0 1px 0 0 rgba(white,0.4), 0 0 4px 0 bg
bold-button(bg = #333, glow = false, height = 25px)
- -reset()
- light = bg + 50%
- font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif
- border-radius: 4px
- font-size: 11px
- background: bg
- background: linear-gradient(height top, light, bg)
- box-shadow: inset 0 1px 1px 0 light + 40%
- border: 1px solid bg
- line-height: 1
- padding: 7px 10px 8px 10px
- text-align: center
- text-shadow: 0 -1px 0 bg - 15%
- color: #fff
-
- &:hover
- &.hover
- bg += 10%
- background: bg
- background: linear-gradient(height top, light, bg)
- box-shadow: inset 0 1px 1px 0 light + 70%
-
- &:active
- &.active
- bg -= 20%
- background: bg
- background: linear-gradient(height top, bg, bg + 50%)
- box-shadow: inset 0 -1px 1px 0 light + 20%
-
- if glow
- &:hover
- &.hover
- box-shadow: inset 0 0 3px 1px rgba(glow, 0.6), inset 0 -1px 0 0 glow
- &:active
- &.active
- box-shadow: inset 0 0 5px 1px rgba(black, 0.6)
- &:focus
- &.focus
- outline: none
- box-shadow: inset 0 0 3px 1px rgba(glow, 0.6), inset 0 -1px 0 0 glow, 0 0 3px 1px rgba(glow, 0.5)
+ -reset()
+ light = bg + 50%
+ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif
+ border-radius: 4px
+ font-size: 11px
+ background: bg
+ background: linear-gradient(height top, light, bg)
+ box-shadow: inset 0 1px 1px 0 light + 40%
+ border: 1px solid bg
+ line-height: 1
+ padding: 7px 10px 8px 10px
+ text-align: center
+ text-shadow: 0 -1px 0 bg - 15%
+ color: #fff
+
+ &:hover
+ &.hover
+ bg += 10%
+ background: bg
+ background: linear-gradient(height top, light, bg)
+ box-shadow: inset 0 1px 1px 0 light + 70%
+
+ &:active
+ &.active
+ bg -= 20%
+ background: bg
+ background: linear-gradient(height top, bg, bg + 50%)
+ box-shadow: inset 0 -1px 1px 0 light + 20%
+
+ if glow
+ &:hover
+ &.hover
+ box-shadow: inset 0 0 3px 1px rgba(glow, 0.6), inset 0 -1px 0 0 glow
+ &:active
+ &.active
+ box-shadow: inset 0 0 5px 1px rgba(black, 0.6)
+ &:focus
+ &.focus
+ outline: none
+ box-shadow: inset 0 0 3px 1px rgba(glow, 0.6), inset 0 -1px 0 0 glow, 0 0 3px 1px rgba(glow, 0.5)
pill-button(bg = #ECECEC, height = 18px)
- -reset()
- light = bg + 20
- dark = bg - 10
- background: bg
- font: 10px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif
- background: linear-gradient(height top, light, dark)
- border: 1px solid bg
- padding: 3px 15px
- border-radius: 10px
- box-shadow: 0 1px 1px 0 #aaa, inset 0 1px 0 0 white
- color: #888
-
- &:hover
- &.hover
- background: linear-gradient(height top, light, dark + 10)
- box-shadow: 0 1px 1px 0 #aaa, inset 0 -2px 0 0 rgba(white, 0.4)
-
- &:active
- &.active
- background: linear-gradient(height bottom, light, dark)
- box-shadow: 0 1px 1px 0 #aaa, inset 0 1px 0 0 rgba(white, 0.8)
+ -reset()
+ light = bg + 20
+ dark = bg - 10
+ background: bg
+ font: 10px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif
+ background: linear-gradient(height top, light, dark)
+ border: 1px solid bg
+ padding: 3px 15px
+ border-radius: 10px
+ box-shadow: 0 1px 1px 0 #aaa, inset 0 1px 0 0 white
+ color: #888
+
+ &:hover
+ &.hover
+ background: linear-gradient(height top, light, dark + 10)
+ box-shadow: 0 1px 1px 0 #aaa, inset 0 -2px 0 0 rgba(white, 0.4)
+
+ &:active
+ &.active
+ background: linear-gradient(height bottom, light, dark)
+ box-shadow: 0 1px 1px 0 #aaa, inset 0 1px 0 0 rgba(white, 0.8)
View
20 src/docbook/_stylus/lib/nib/clearfix.styl
@@ -8,11 +8,11 @@
* Known issues:
*
* 1. For IE 6/7 when applied to an element that contains only left-floated
- * children the bottom margin on child elements will be collapsed.
+ * children the bottom margin on child elements will be collapsed.
*
* 2. For Firefox versions prior to 3.5 when applied to the first child element
- * of body, and the element does not have non-zero padding, extra space will
- * appear between the body and the first child.
+ * of body, and the element does not have non-zero padding, extra space will
+ * appear between the body and the first child.
*
* See http://nicolasgallagher.com/micro-clearfix-hack/
* and http://j.mp/bestclearfix
@@ -20,10 +20,10 @@
*/
clearfix()
- &:before
- &:after
- content: ""
- display: table
- &:after
- clear: both
- zoom: 1 if support-for-ie
+ &:before
+ &:after
+ content: ""
+ display: table
+ &:after
+ clear: both
+ zoom: 1 if support-for-ie
View
162 src/docbook/_stylus/lib/nib/gradients.styl
@@ -6,11 +6,11 @@
*/
replace(expr, str, val)
- expr = clone(expr)
- for e, i in expr
- if str == e
- expr[i] = val
- expr
+ expr = clone(expr)
+ for e, i in expr
+ if str == e
+ expr[i] = val
+ expr
/*
@@ -18,75 +18,75 @@ replace(expr, str, val)
*/
grad-point(pos)
- if length(pos) == 1
- return left pos if pos in (top bottom)
- return pos top if pos in (left right)
- else if pos[0] in (top bottom)
- pos[1] pos[0]
- else
- pos
+ if length(pos) == 1
+ return left pos if pos in (top bottom)
+ return pos top if pos in (left right)
+ else if pos[0] in (top bottom)
+ pos[1] pos[0]
+ else
+ pos
/*
* Implicit color stop position.
*/
pos-in-stops(i, stops)
- len = length(stops)
- if len - 1 == i
- 100%
- else if i
- unit(i / len * 100, '%')
- else
- 0%
+ len = length(stops)
+ if len - 1 == i
+ 100%
+ else if i
+ unit(i / len * 100, '%')
+ else
+ 0%
/*
* Normalize color stops:
*
- * - (color pos) -> (pos color)
- * - (color) -> (implied-pos color)
+ * - (color pos) -> (pos color)
+ * - (color) -> (implied-pos color)
*
*/
normalize-stops(stops)
- stops = clone(stops)
- for stop, i in stops
- if length(stop) == 1
- color = stop[0]
- stop[0] = pos-in-stops(i, stops)
- stop[1] = color
- else if typeof(stop[1]) == 'unit'
- pos = stop[1]
- stop[1] = stop[0]
- stop[0] = pos
- stops
+ stops = clone(stops)
+ for stop, i in stops
+ if length(stop) == 1
+ color = stop[0]
+ stop[0] = pos-in-stops(i, stops)
+ stop[1] = color
+ else if typeof(stop[1]) == 'unit'
+ pos = stop[1]
+ stop[1] = stop[0]
+ stop[0] = pos
+ stops
/*
* Join color stops with the given translation function.
*/
join-stops(stops, translate)
- str = ''
- len = length(stops)
- for stop, i in stops
- str += ', ' if i
- pos = stop[0]
- color = stop[1]
- str += translate(color, pos)
- unquote(str)
+ str = ''
+ len = length(stops)
+ for stop, i in stops
+ str += ', ' if i
+ pos = stop[0]
+ color = stop[1]
+ str += translate(color, pos)
+ unquote(str)
/*
* Legacy Webkit color stop.
*/
webkit-stop(color, pos)
- 'color-stop(%d, %s)' % (pos / 100 color)
+ 'color-stop(%d, %s)' % (pos / 100 color)
/*
* Standard color stop.
*/
std-stop(color, pos)
- '%s %s' % (color pos)
+ '%s %s' % (color pos)
/*
* Create a linear gradient with the given start position
@@ -94,40 +94,40 @@ std-stop(color, pos)
*
* Examples:
*
- * background: linear-gradient(top, red, green, blue)
- * background: linear-gradient(bottom, red, green 50%, blue)
- * background: linear-gradient(bottom, red, 50% green, blue)
- * background: linear-gradient(bottom, red, 50% green, 90% white, blue)
+ * background: linear-gradient(top, red, green, blue)
+ * background: linear-gradient(bottom, red, green 50%, blue)
+ * background: linear-gradient(bottom, red, 50% green, blue)
+ * background: linear-gradient(bottom, red, 50% green, 90% white, blue)
*
*/
linear-gradient(start, stops...)
- error('color stops required') unless length(stops)
- prop = current-property[0]
- val = current-property[1]
- stops = normalize-stops(stops)
-
- // gradient image
- if start[0] is a 'unit'
- if has-canvas
- img = linear-gradient-image(start, stops)
- add-property(prop, replace(val, '__CALL__', img))
- start = start[1]
-
- // legacy webkit
- end = grad-point(opposite-position(start))
- webkit-legacy = '-webkit-gradient(linear, %s, %s, %s)' % (grad-point(start) end join-stops(stops, webkit-stop))
- add-property(prop, replace(val, '__CALL__', webkit-legacy))
-
- // vendor prefixed
- stops = join-stops(stops, std-stop)
- for prefix in vendor-prefixes
- unless prefix == official
- gradient = '-%s-linear-gradient(%s, %s)' % (prefix start stops)
- add-property(prop, replace(val, '__CALL__', gradient))
-
- // standard
- 'linear-gradient(%s, %s)' % (start stops)
+ error('color stops required') unless length(stops)
+ prop = current-property[0]
+ val = current-property[1]
+ stops = normalize-stops(stops)
+
+ // gradient image
+ if start[0] is a 'unit'
+ if has-canvas
+ img = linear-gradient-image(start, stops)
+ add-property(prop, replace(val, '__CALL__', img))
+ start = start[1]
+
+ // legacy webkit
+ end = grad-point(opposite-position(start))
+ webkit-legacy = '-webkit-gradient(linear, %s, %s, %s)' % (grad-point(start) end join-stops(stops, webkit-stop))
+ add-property(prop, replace(val, '__CALL__', webkit-legacy))
+
+ // vendor prefixed
+ stops = join-stops(stops, std-stop)
+ for prefix in vendor-prefixes
+ unless prefix == official
+ gradient = '-%s-linear-gradient(%s, %s)' % (prefix start stops)
+ add-property(prop, replace(val, '__CALL__', gradient))
+
+ // standard
+ 'linear-gradient(%s, %s)' % (start stops)
/*
* Create a linear gradient image with the given start position
@@ -135,12 +135,12 @@ linear-gradient(start, stops...)
*/
linear-gradient-image(start, stops...)
- error('node-canvas is required for linear-gradient-image()') unless has-canvas
- stops = stops[0] if length(stops) == 1
- error('gradient image size required') unless start[0] is a 'unit'
- size = start[0]
- start = start[1] or 'top'
- grad = create-gradient-image(size, start)
- stops = normalize-stops(stops)
- add-color-stop(grad, stop[0], stop[1]) for stop in stops
- 'url(%s)' % gradient-data-uri(grad)
+ error('node-canvas is required for linear-gradient-image()') unless has-canvas
+ stops = stops[0] if length(stops) == 1
+ error('gradient image size required') unless start[0] is a 'unit'
+ size = start[0]
+ start = start[1] or 'top'
+ grad = create-gradient-image(size, start)
+ stops = normalize-stops(stops)
+ add-color-stop(grad, stop[0], stop[1]) for stop in stops
+ 'url(%s)' % gradient-data-uri(grad)
View
12 src/docbook/_stylus/lib/nib/iconic.styl
@@ -1,8 +1,8 @@
iconic-stroke(path)
- @font-face
- font-family: 'IconicStroke'
- src: url(path + '/iconic_stroke.eot')
- src: local('☺'), url(path + '/iconic_stroke.ttf') format('truetype'), url(path + '/iconic_stroke.svg#iconic') format('svg')
- font-weight: normal
- font-style: normal
+ @font-face
+ font-family: 'IconicStroke'
+ src: url(path + '/iconic_stroke.eot')
+ src: local('☺'), url(path + '/iconic_stroke.ttf') format('truetype'), url(path + '/iconic_stroke.svg#iconic') format('svg')
+ font-weight: normal
+ font-style: normal
View
44 src/docbook/_stylus/lib/nib/positions.styl
@@ -2,64 +2,64 @@
// helper
-pos(type, args)
- i = 0
- position: unquote(type)
- {args[i]}: args[i + 1] is a 'unit' ? args[i += 1] : 0
- {args[i += 1]}: args[i + 1] is a 'unit' ? args[i += 1] : 0
+ i = 0
+ position: unquote(type)
+ {args[i]}: args[i + 1] is a 'unit' ? args[i += 1] : 0
+ {args[i += 1]}: args[i + 1] is a 'unit' ? args[i += 1] : 0
/*
* Position utility.
*
* Synopsis:
*
- * fixed: <pos> [n] <pos> [n]
+ * fixed: <pos> [n] <pos> [n]
*
* Examples:
*
- * fixed: top left
- * fixed: top 5px left
- * fixed: top left 5px
- * fixed: top 5px left 5px
+ * fixed: top left
+ * fixed: top 5px left
+ * fixed: top left 5px
+ * fixed: top 5px left 5px
*
*/
fixed()
- -pos('fixed', arguments)
+ -pos('fixed', arguments)
/*
* Position utility.
*
* Synopsis:
*
- * absolute: <pos> [n] <pos> [n]
+ * absolute: <pos> [n] <pos> [n]
*
* Examples:
*
- * absolute: top left
- * absolute: top 5px left
- * absolute: top left 5px
- * absolute: top 5px left 5px
+ * absolute: top left
+ * absolute: top 5px left
+ * absolute: top left 5px
+ * absolute: top 5px left 5px
*
*/
absolute()
- -pos('absolute', arguments)
+ -pos('absolute', arguments)
/*
* Position utility.
*
* Synopsis:
*
- * absolute: <pos> [n] <pos> [n]
+ * absolute: <pos> [n] <pos> [n]
*
* Examples:
*
- * relative: top left
- * relative: top 5px left
- * relative: top left 5px
- * relative: top 5px left 5px
+ * relative: top left
+ * relative: top 5px left
+ * relative: top left 5px
+ * relative: top 5px left 5px
*
*/
relative()
- -pos('relative', arguments)
+ -pos('relative', arguments)
View
110 src/docbook/_stylus/lib/nib/reset.styl
@@ -1,72 +1,72 @@
// Based on [Eric Meyer's reset](http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
global-reset()
- html, body, div, span, applet, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,
- del, dfn, em, font, img, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td
- reset-box-model()
- reset-font()
- body
- reset-body()
- ol, ul
- list-style: none
- table
- reset-table()
- caption, th, td
- reset-table-cell()
- a img
- border: none
+ html, body, div, span, applet, object, iframe,
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+ a, abbr, acronym, address, big, cite, code,
+ del, dfn, em, font, img, ins, kbd, q, s, samp,
+ small, strike, strong, sub, sup, tt, var,
+ dl, dt, dd, ol, ul, li,
+ fieldset, form, label, legend,
+ table, caption, tbody, tfoot, thead, tr, th, td
+ reset-box-model()
+ reset-font()
+ body
+ reset-body()
+ ol, ul
+ list-style: none
+ table
+ reset-table()
+ caption, th, td
+ reset-table-cell()
+ a img
+ border: none
nested-reset()
- div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
- pre, a, abbr, acronym, address, code, del, dfn, em, img,
- dl, dt, dd, ol, ul, li, fieldset, form, label,
- legend, caption, tbody, tfoot, thead, tr
- reset-box-model()
- reset-font()
- table
- reset-table()
- caption, th, td
- reset-table-cell()
- a img
- border: none
+ div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
+ pre, a, abbr, acronym, address, code, del, dfn, em, img,
+ dl, dt, dd, ol, ul, li, fieldset, form, label,
+ legend, caption, tbody, tfoot, thead, tr
+ reset-box-model()
+ reset-font()
+ table
+ reset-table()
+ caption, th, td
+ reset-table-cell()
+ a img
+ border: none
reset-box-model()
- margin: 0
- padding: 0
- border: 0
- outline: 0
+ margin: 0
+ padding: 0
+ border: 0
+ outline: 0
reset-font()
- font-weight: inherit
- font-style: inherit
- font-family: inherit
- font-size: 100%
- vertical-align: baseline
+ font-weight: inherit
+ font-style: inherit
+ font-family: inherit
+ font-size: 100%
+ vertical-align: baseline
reset-body()
- line-height: 1
- color: black
- background: white
+ line-height: 1
+ color: black
+ background: white
reset-table()
- border-collapse: separate
- border-spacing: 0
- vertical-align: middle
+ border-collapse: separate
+ border-spacing: 0
+ vertical-align: middle
reset-table-cell()
- text-align: left
- font-weight: normal
- vertical-align: middle
+ text-align: left
+ font-weight: normal
+ vertical-align: middle
reset-html5()
- article, aside, canvas, details, figcaption,
- figure, footer, header, hgroup, menu, nav,
- section, summary
- reset-box-model()
- display: block
+ article, aside, canvas, details, figcaption,
+ figure, footer, header, hgroup, menu, nav,
+ section, summary
+ reset-box-model()
+ display: block
View
108 src/docbook/_stylus/lib/nib/vendor.styl
@@ -14,113 +14,113 @@ no-wrap = unquote('nowrap')
*/
vendor(prop, args, only = null, ignore = null)
- for prefix in vendor-prefixes
- unless (only and !(prefix in only)) or (ignore and prefix in ignore)
- if official == prefix
- {prop}: args
- else
- {'-' + prefix + '-' + prop}: args
+ for prefix in vendor-prefixes
+ unless (only and !(prefix in only)) or (ignore and prefix in ignore)
+ if official == prefix
+ {prop}: args
+ else
+ {'-' + prefix + '-' + prop}: args
/*
* Vendor "box-shadow" support.
*/
box-shadow()
- vendor('box-shadow', arguments)
+ vendor('box-shadow', arguments)
/*
* Vendor "user-size" support.
*/
user-select()
- vendor('user-select', arguments)
+ vendor('user-select', arguments)
/*
* Vendor "column-count" support.
*/
column-count()
- vendor('column-count', arguments)
+ vendor('column-count', arguments)
/*
* Vendor "column-gap" support.
*/
column-gap()
- vendor('column-gap', arguments)
+ vendor('column-gap', arguments)
/*
* Vendor "background-size" support.
*/
background-size()
- vendor('background-size', arguments)
+ vendor('background-size', arguments)
/*
* Vendor "box-sizing" support.
*/
box-sizing()
- vendor('box-sizing', arguments)
+ vendor('box-sizing', arguments)
/*
* Vendor "transform" support.
*/
transform()
- vendor('transform', arguments)
+ vendor('transform', arguments)
/*
* Vendor "border-image" support.
*/
border-image()
- vendor('border-image', arguments)
+ vendor('border-image', arguments)
/*
* Vendor "transition" support.
*/
transition()
- vendor('transition', arguments, only: webkit moz)
+ vendor('transition', arguments, only: webkit moz)
/*
* Opacity with conditional IE support.
*/
opacity(n)
- opacity: n
- if support-for-ie
- filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=%s)' % round(n * 100)
+ opacity: n
+ if support-for-ie
+ filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=%s)' % round(n * 100)
/*
* Alias the "white-space" property.
*/
whitespace()
- white-space: arguments
+ white-space: arguments
/*
* Helper for border-radius().
*/
-apply-border-radius(pos)
- if length(pos) == 3
- // border-radius: <top | buttom> <left | right> <n>
- y = pos[0]
- x = pos[1]
- vendor('border-radius-%s%s' % pos, pos[2], only: moz)
- vendor('border-%s-%s-radius' % pos, pos[2], ignore: moz)
- else if pos[0] in (top bottom)
- // border-radius: <top | bottom> <n>
- -apply-border-radius(pos[0] left pos[1])
- -apply-border-radius(pos[0] right pos[1])
- else if pos[0] in (left right)
- // border-radius: <left | right> <n>
- unshift(pos, top);
- -apply-border-radius(pos)
- pos[0] = bottom
- -apply-border-radius(pos)
+ if length(pos) == 3
+ // border-radius: <top | buttom> <left | right> <n>
+ y = pos[0]
+ x = pos[1]
+ vendor('border-radius-%s%s' % pos, pos[2], only: moz)
+ vendor('border-%s-%s-radius' % pos, pos[2], ignore: moz)
+ else if pos[0] in (top bottom)
+ // border-radius: <top | bottom> <n>
+ -apply-border-radius(pos[0] left pos[1])
+ -apply-border-radius(pos[0] right pos[1])
+ else if pos[0] in (left right)
+ // border-radius: <left | right> <n>
+ unshift(pos, top);
+ -apply-border-radius(pos)
+ pos[0] = bottom
+ -apply-border-radius(pos)
/*
* border-radius supporting vendor prefixes and
@@ -128,26 +128,26 @@ whitespace()
*
* Examples:
*
- * border-radius: 2px 5px
- * border-radius: top 5px bottom 10px
- * border-radius: left 5px
- * border-radius: top left 5px
- * border-radius: top left 10px bottom right 5px
- * border-radius: top left 10px, bottom right 5px
+ * border-radius: 2px 5px
+ * border-radius: top 5px bottom 10px
+ * border-radius: left 5px
+ * border-radius: top left 5px
+ * border-radius: top left 10px bottom right 5px
+ * border-radius: top left 10px, bottom right 5px
*
*/
border-radius()
- pos = ()
- augmented = false
- for args in arguments
- for arg in args
- if arg is a 'ident'
- append(pos, arg)
- augmented = true
- else
- append(pos, arg)
- if augmented
- -apply-border-radius(pos)
- pos = ()
- vendor('border-radius', pos) unless augmented
+ pos = ()
+ augmented = false
+ for args in arguments
+ for arg in args
+ if arg is a 'ident'
+ append(pos, arg)
+ augmented = true
+ else
+ append(pos, arg)
+ if augmented
+ -apply-border-radius(pos)
+ pos = ()
+ vendor('border-radius', pos) unless augmented
Please sign in to comment.
Something went wrong with that request. Please try again.