archetype 0.0.1.pre.13 → 1.0.0.alpha.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (253) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +97 -24
  3. data/README.md +11 -5
  4. data/VERSION +1 -0
  5. data/lib/archetype.rb +30 -18
  6. data/lib/archetype/actions/migrate.rb +152 -0
  7. data/lib/archetype/actions/theme.rb +6 -7
  8. data/lib/archetype/executor.rb +21 -7
  9. data/lib/archetype/extensions.rb +57 -0
  10. data/lib/archetype/functions.rb +2 -3
  11. data/lib/archetype/functions/css.rb +70 -0
  12. data/lib/archetype/functions/css/constants.rb +247 -0
  13. data/lib/archetype/functions/css/helpers.rb +265 -0
  14. data/lib/archetype/functions/css/routers.rb +28 -0
  15. data/lib/archetype/functions/css/routers/animation.rb +55 -0
  16. data/lib/archetype/functions/css/routers/background.rb +38 -0
  17. data/lib/archetype/functions/css/routers/border.rb +151 -0
  18. data/lib/archetype/functions/css/routers/list.rb +63 -0
  19. data/lib/archetype/functions/css/routers/margin_padding.rb +40 -0
  20. data/lib/archetype/functions/css/routers/outline.rb +56 -0
  21. data/lib/archetype/functions/css/routers/overflow.rb +11 -0
  22. data/lib/archetype/functions/css/routers/target.rb +38 -0
  23. data/lib/archetype/functions/css/routers/transition.rb +48 -0
  24. data/lib/archetype/functions/css/shorthands.rb +43 -0
  25. data/lib/archetype/functions/css/shorthands/animation.rb +18 -0
  26. data/lib/archetype/functions/css/shorthands/background.rb +68 -0
  27. data/lib/archetype/functions/css/shorthands/border.rb +102 -0
  28. data/lib/archetype/functions/hash.rb +3 -149
  29. data/lib/archetype/functions/hash/extend.rb +74 -0
  30. data/lib/archetype/functions/hash/shim.rb +48 -0
  31. data/lib/archetype/functions/helpers.rb +231 -22
  32. data/lib/archetype/functions/styleguide_memoizer.rb +18 -1
  33. data/lib/archetype/sass_extensions.rb +1 -3
  34. data/lib/archetype/sass_extensions/functions.rb +15 -1
  35. data/lib/archetype/sass_extensions/functions/environment.rb +152 -1
  36. data/lib/archetype/sass_extensions/functions/lists.rb +95 -45
  37. data/lib/archetype/sass_extensions/functions/locale.rb +107 -28
  38. data/lib/archetype/sass_extensions/functions/numbers.rb +118 -4
  39. data/lib/archetype/sass_extensions/functions/strings.rb +53 -0
  40. data/lib/archetype/sass_extensions/functions/styleguide.rb +43 -375
  41. data/lib/archetype/sass_extensions/functions/styleguide/components.rb +25 -0
  42. data/lib/archetype/sass_extensions/functions/styleguide/constants.rb +27 -0
  43. data/lib/archetype/sass_extensions/functions/styleguide/grammar.rb +80 -0
  44. data/lib/archetype/sass_extensions/functions/styleguide/helpers.rb +36 -0
  45. data/lib/archetype/sass_extensions/functions/styleguide/resolve.rb +159 -0
  46. data/lib/archetype/sass_extensions/functions/styleguide/styles.rb +146 -0
  47. data/lib/archetype/sass_extensions/functions/styleguide/themes.rb +40 -0
  48. data/lib/archetype/sass_extensions/functions/ui.rb +7 -57
  49. data/lib/archetype/sass_extensions/functions/ui/glyphs.rb +118 -0
  50. data/lib/archetype/sass_extensions/functions/ui/scopes.rb +96 -0
  51. data/lib/archetype/sass_extensions/functions/util.rb +14 -0
  52. data/lib/archetype/sass_extensions/functions/util/debug.rb +22 -0
  53. data/lib/archetype/sass_extensions/functions/util/hacks.rb +44 -0
  54. data/lib/archetype/sass_extensions/functions/util/images.rb +132 -0
  55. data/lib/archetype/sass_extensions/functions/util/misc.rb +220 -0
  56. data/lib/archetype/sass_extensions/functions/util/spacing.rb +83 -0
  57. data/lib/archetype/sass_extensions/functions/version.rb +12 -17
  58. data/lib/archetype/version.rb +1 -1
  59. data/stylesheets/archetype/_config.scss +1 -389
  60. data/stylesheets/archetype/_core.scss +15 -0
  61. data/stylesheets/archetype/_hacks.scss +4 -120
  62. data/stylesheets/archetype/_init.scss +4 -22
  63. data/stylesheets/archetype/_required.scss +3 -0
  64. data/stylesheets/archetype/_reset.scss +3 -0
  65. data/stylesheets/archetype/_styleguide.scss +2 -6
  66. data/stylesheets/archetype/_ui.scss +2 -358
  67. data/stylesheets/archetype/_util.scss +3 -10
  68. data/stylesheets/archetype/config/_core.scss +14 -0
  69. data/stylesheets/archetype/config/_environment.scss +19 -0
  70. data/stylesheets/archetype/config/_formatting.scss +63 -0
  71. data/stylesheets/archetype/config/_glyphs.scss +252 -0
  72. data/stylesheets/archetype/config/_resets.scss +7 -0
  73. data/stylesheets/archetype/config/_resolution.scss +3 -0
  74. data/stylesheets/archetype/config/_spacing.scss +5 -0
  75. data/stylesheets/archetype/config/_targeting.scss +18 -0
  76. data/stylesheets/archetype/config/_theme.scss +3 -0
  77. data/stylesheets/archetype/config/_typography.scss +56 -0
  78. data/stylesheets/archetype/config/_units.scss +2 -0
  79. data/stylesheets/archetype/config/_vars.scss +10 -0
  80. data/stylesheets/archetype/hacks/_core.scss +4 -0
  81. data/stylesheets/archetype/hacks/_hacks.scss +160 -0
  82. data/stylesheets/archetype/hacks/_init.scss +2 -0
  83. data/stylesheets/archetype/styleguide/_core.scss +4 -0
  84. data/stylesheets/archetype/styleguide/_init.scss +1 -0
  85. data/stylesheets/archetype/styleguide/_styleguide.scss +41 -18
  86. data/stylesheets/archetype/ui/_accessibility.scss +41 -0
  87. data/stylesheets/archetype/ui/_breakpoints.scss +19 -0
  88. data/stylesheets/archetype/ui/_core.scss +10 -0
  89. data/stylesheets/archetype/ui/_elements.scss +98 -0
  90. data/stylesheets/archetype/ui/_glyphs.scss +244 -0
  91. data/stylesheets/archetype/ui/_init.scss +5 -0
  92. data/stylesheets/archetype/ui/_layout.scss +37 -0
  93. data/stylesheets/archetype/ui/_locale.scss +12 -0
  94. data/stylesheets/archetype/ui/_scopes.scss +42 -0
  95. data/stylesheets/archetype/util/_core.scss +8 -0
  96. data/stylesheets/archetype/util/_debug.scss +9 -21
  97. data/stylesheets/archetype/util/_init.scss +1 -0
  98. data/stylesheets/archetype/util/_misc.scss +21 -86
  99. data/stylesheets/archetype/util/_spacing.scss +9 -40
  100. data/stylesheets/archetype/util/_styles.scss +189 -178
  101. data/stylesheets/archetype/util/_targeting.scss +51 -68
  102. data/templates/example/manifest.rb +2 -2
  103. data/templates/example/screen.scss +0 -1
  104. data/templates/project/manifest.rb +3 -8
  105. metadata +93 -263
  106. data/bin/archetype +0 -3
  107. data/lib/archetype/sass_extensions/monkey_patches.rb +0 -3
  108. data/lib/archetype/sass_extensions/monkey_patches/handle_include_loop.rb +0 -13
  109. data/stylesheets/archetype/_base.scss +0 -54
  110. data/stylesheets/archetype/_grid.scss +0 -3
  111. data/stylesheets/archetype/base/_h5bp.scss +0 -307
  112. data/stylesheets/archetype/base/_hybrid.scss +0 -25
  113. data/stylesheets/archetype/base/_normalize.scss +0 -634
  114. data/stylesheets/archetype/base/_reset.scss +0 -72
  115. data/stylesheets/archetype/grid/_config.scss +0 -14
  116. data/stylesheets/archetype/grid/_grid.scss +0 -391
  117. data/stylesheets/archetype/styleguide/_components.scss +0 -25
  118. data/stylesheets/archetype/styleguide/_helpers.scss +0 -215
  119. data/stylesheets/archetype/styleguide/_primitives.scss +0 -10
  120. data/stylesheets/archetype/styleguide/components/_alerts.scss +0 -59
  121. data/stylesheets/archetype/styleguide/components/_annotations.scss +0 -27
  122. data/stylesheets/archetype/styleguide/components/_bristol.scss +0 -15
  123. data/stylesheets/archetype/styleguide/components/_button_groups.scss +0 -47
  124. data/stylesheets/archetype/styleguide/components/_button_toolbars.scss +0 -17
  125. data/stylesheets/archetype/styleguide/components/_buttons.scss +0 -339
  126. data/stylesheets/archetype/styleguide/components/_canvas.scss +0 -15
  127. data/stylesheets/archetype/styleguide/components/_carets.scss +0 -336
  128. data/stylesheets/archetype/styleguide/components/_closes.scss +0 -63
  129. data/stylesheets/archetype/styleguide/components/_container.scss +0 -27
  130. data/stylesheets/archetype/styleguide/components/_copy.scss +0 -85
  131. data/stylesheets/archetype/styleguide/components/_flyouts.scss +0 -52
  132. data/stylesheets/archetype/styleguide/components/_headings.scss +0 -33
  133. data/stylesheets/archetype/styleguide/components/_headlines.scss +0 -64
  134. data/stylesheets/archetype/styleguide/components/_hovercards.scss +0 -27
  135. data/stylesheets/archetype/styleguide/components/_icons.scss +0 -17
  136. data/stylesheets/archetype/styleguide/components/_identities.scss +0 -34
  137. data/stylesheets/archetype/styleguide/components/_links.scss +0 -68
  138. data/stylesheets/archetype/styleguide/components/_loaders.scss +0 -154
  139. data/stylesheets/archetype/styleguide/components/_menu_items.scss +0 -31
  140. data/stylesheets/archetype/styleguide/components/_module.scss +0 -15
  141. data/stylesheets/archetype/styleguide/components/_pullquotes.scss +0 -29
  142. data/stylesheets/archetype/styleguide/components/_punchcut.scss +0 -18
  143. data/stylesheets/archetype/styleguide/components/_tooltips.scss +0 -28
  144. data/stylesheets/archetype/styleguide/primitives/_animations.scss +0 -17
  145. data/stylesheets/archetype/styleguide/primitives/_dimensions.scss +0 -50
  146. data/stylesheets/archetype/styleguide/primitives/_glyphs.scss +0 -11
  147. data/stylesheets/archetype/styleguide/primitives/_misc.scss +0 -8
  148. data/stylesheets/archetype/styleguide/primitives/_palettes.scss +0 -94
  149. data/stylesheets/archetype/styleguide/primitives/_shadows.scss +0 -23
  150. data/stylesheets/archetype/styleguide/primitives/_sprites.scss +0 -46
  151. data/stylesheets/archetype/styleguide/primitives/_textures.scss +0 -10
  152. data/stylesheets/archetype/styleguide/primitives/_typography.scss +0 -56
  153. data/stylesheets/archetype/util/_lists.scss +0 -57
  154. data/stylesheets/archetype/util/_rtl.scss +0 -279
  155. data/stylesheets/archetype/util/_units.scss +0 -18
  156. data/templates/project/screen.scss +0 -1
  157. data/templates/project/vendor/archetype/animations/loaders/large/large.png +0 -0
  158. data/templates/project/vendor/archetype/animations/loaders/large/large_dark.png +0 -0
  159. data/templates/project/vendor/archetype/animations/loaders/large/large_dark_static.png +0 -0
  160. data/templates/project/vendor/archetype/animations/loaders/large/large_static.png +0 -0
  161. data/templates/project/vendor/archetype/animations/loaders/medium/medium.png +0 -0
  162. data/templates/project/vendor/archetype/animations/loaders/medium/medium_dark.png +0 -0
  163. data/templates/project/vendor/archetype/animations/loaders/medium/medium_dark_static.png +0 -0
  164. data/templates/project/vendor/archetype/animations/loaders/medium/medium_static.png +0 -0
  165. data/templates/project/vendor/archetype/animations/loaders/small/small.png +0 -0
  166. data/templates/project/vendor/archetype/animations/loaders/small/small_dark.png +0 -0
  167. data/templates/project/vendor/archetype/animations/loaders/small/small_dark_static.png +0 -0
  168. data/templates/project/vendor/archetype/animations/loaders/small/small_static.png +0 -0
  169. data/templates/project/vendor/archetype/fontawesome-webfont.eot +0 -0
  170. data/templates/project/vendor/archetype/fontawesome-webfont.svg +0 -255
  171. data/templates/project/vendor/archetype/fontawesome-webfont.ttf +0 -0
  172. data/templates/project/vendor/archetype/fontawesome-webfont.woff +0 -0
  173. data/test/fixtures/stylesheets/archetype/assets/fonts/fontawesome-webfont.eot +0 -0
  174. data/test/fixtures/stylesheets/archetype/assets/fonts/fontawesome-webfont.svg +0 -255
  175. data/test/fixtures/stylesheets/archetype/assets/fonts/fontawesome-webfont.ttf +0 -0
  176. data/test/fixtures/stylesheets/archetype/assets/fonts/fontawesome-webfont.woff +0 -0
  177. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders-s7889ccc8c1.png +0 -0
  178. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders/large/large.png +0 -0
  179. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders/large/large_dark.png +0 -0
  180. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders/large/large_dark_static.png +0 -0
  181. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders/large/large_static.png +0 -0
  182. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders/medium/medium.png +0 -0
  183. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders/medium/medium_dark.png +0 -0
  184. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders/medium/medium_dark_static.png +0 -0
  185. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders/medium/medium_static.png +0 -0
  186. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders/small/small.png +0 -0
  187. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders/small/small_dark.png +0 -0
  188. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders/small/small_dark_static.png +0 -0
  189. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders/small/small_static.png +0 -0
  190. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/sprites/hovercard_tip.png +0 -0
  191. data/test/fixtures/stylesheets/archetype/config.rb +0 -21
  192. data/test/fixtures/stylesheets/archetype/source/b.scss +0 -9
  193. data/test/fixtures/stylesheets/archetype/source/base.scss +0 -3
  194. data/test/fixtures/stylesheets/archetype/source/hacks/ie_pseudo.scss +0 -13
  195. data/test/fixtures/stylesheets/archetype/source/hacks/transparent_focusable.scss +0 -5
  196. data/test/fixtures/stylesheets/archetype/source/locale.scss +0 -43
  197. data/test/fixtures/stylesheets/archetype/source/styleguide/alerts.scss +0 -21
  198. data/test/fixtures/stylesheets/archetype/source/styleguide/buttons.scss +0 -18
  199. data/test/fixtures/stylesheets/archetype/source/styleguide/drop.scss +0 -101
  200. data/test/fixtures/stylesheets/archetype/source/styleguide/extend.scss +0 -24
  201. data/test/fixtures/stylesheets/archetype/source/styleguide/fallback_styles.scss +0 -23
  202. data/test/fixtures/stylesheets/archetype/source/styleguide/invalid_structures.scss +0 -85
  203. data/test/fixtures/stylesheets/archetype/source/styleguide/multi_value.scss +0 -18
  204. data/test/fixtures/stylesheets/archetype/source/styleguide/nested_styleguides.scss +0 -40
  205. data/test/fixtures/stylesheets/archetype/source/styleguide/selective_state.scss +0 -22
  206. data/test/fixtures/stylesheets/archetype/source/ui/glyph_icon.scss +0 -35
  207. data/test/fixtures/stylesheets/archetype/source/ui/hide_element.scss +0 -5
  208. data/test/fixtures/stylesheets/archetype/source/ui/stroke.scss +0 -13
  209. data/test/fixtures/stylesheets/archetype/source/ui/triangle.scss +0 -13
  210. data/test/fixtures/stylesheets/archetype/source/utilities/associative.scss +0 -24
  211. data/test/fixtures/stylesheets/archetype/source/utilities/custom_output_styler.scss +0 -22
  212. data/test/fixtures/stylesheets/archetype/source/utilities/if-set.scss +0 -16
  213. data/test/fixtures/stylesheets/archetype/source/utilities/spacing/horizontal-spacing.scss +0 -27
  214. data/test/fixtures/stylesheets/archetype/source/utilities/spacing/vertical-spacing.scss +0 -27
  215. data/test/fixtures/stylesheets/archetype/source/utilities/styles/filter.scss +0 -9
  216. data/test/fixtures/stylesheets/archetype/source/utilities/styles/font-family.scss +0 -9
  217. data/test/fixtures/stylesheets/archetype/source/utilities/styles/z-index.scss +0 -18
  218. data/test/fixtures/stylesheets/archetype/source/utilities/targeting/target-browser.scss +0 -77
  219. data/test/fixtures/stylesheets/archetype/source/utilities/targeting/target-os.scss +0 -42
  220. data/test/fixtures/stylesheets/archetype/tmp/b.css +0 -14
  221. data/test/fixtures/stylesheets/archetype/tmp/base.css +0 -349
  222. data/test/fixtures/stylesheets/archetype/tmp/hacks/ie_pseudo.css +0 -11
  223. data/test/fixtures/stylesheets/archetype/tmp/hacks/transparent_focusable.css +0 -4
  224. data/test/fixtures/stylesheets/archetype/tmp/locale.css +0 -23
  225. data/test/fixtures/stylesheets/archetype/tmp/styleguide/alerts.css +0 -711
  226. data/test/fixtures/stylesheets/archetype/tmp/styleguide/buttons.css +0 -2119
  227. data/test/fixtures/stylesheets/archetype/tmp/styleguide/drop.css +0 -63
  228. data/test/fixtures/stylesheets/archetype/tmp/styleguide/extend.css +0 -11
  229. data/test/fixtures/stylesheets/archetype/tmp/styleguide/fallback_styles.css +0 -10
  230. data/test/fixtures/stylesheets/archetype/tmp/styleguide/invalid_structures.css +0 -21
  231. data/test/fixtures/stylesheets/archetype/tmp/styleguide/multi_value.css +0 -13
  232. data/test/fixtures/stylesheets/archetype/tmp/styleguide/nested_styleguides.css +0 -28
  233. data/test/fixtures/stylesheets/archetype/tmp/styleguide/selective_state.css +0 -177
  234. data/test/fixtures/stylesheets/archetype/tmp/ui/glyph_icon.css +0 -127
  235. data/test/fixtures/stylesheets/archetype/tmp/ui/hide_element.css +0 -8
  236. data/test/fixtures/stylesheets/archetype/tmp/ui/stroke.css +0 -17
  237. data/test/fixtures/stylesheets/archetype/tmp/ui/triangle.css +0 -35
  238. data/test/fixtures/stylesheets/archetype/tmp/utilities/associative.css +0 -9
  239. data/test/fixtures/stylesheets/archetype/tmp/utilities/custom_output_styler.css +0 -8
  240. data/test/fixtures/stylesheets/archetype/tmp/utilities/if-set.css +0 -9
  241. data/test/fixtures/stylesheets/archetype/tmp/utilities/spacing/horizontal-spacing.css +0 -29
  242. data/test/fixtures/stylesheets/archetype/tmp/utilities/spacing/vertical-spacing.css +0 -29
  243. data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/filter.css +0 -11
  244. data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/font-family.css +0 -16
  245. data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/z-index.css +0 -15
  246. data/test/fixtures/stylesheets/archetype/tmp/utilities/targeting/target-browser.css +0 -105
  247. data/test/fixtures/stylesheets/archetype/tmp/utilities/targeting/target-os.css +0 -55
  248. data/test/helpers/diff.rb +0 -49
  249. data/test/helpers/io.rb +0 -36
  250. data/test/helpers/test_case.rb +0 -62
  251. data/test/integrations/archetype_test.rb +0 -126
  252. data/test/test_helper.rb +0 -26
  253. data/test/units/sass_extensions_test.rb +0 -200
@@ -1,15 +0,0 @@
1
- // ==========
2
- // CANVAS
3
- // ==========
4
- $STYLEGUIDE_CANVAS_ID: canvas !default;
5
- $STYLEGUIDE_CANVAS: () !default;
6
-
7
- @if not styleguide-component-exists($STYLEGUIDE_CANVAS_ID, $CONFIG_THEME) {
8
- $a-blackhole: styleguide-add-component($STYLEGUIDE_CANVAS_ID, $STYLEGUIDE_CANVAS, (
9
- (default, (
10
- background nth($CONFIG_TEXTURE_CANVAS, 1),
11
- nil
12
- )),
13
- nil
14
- ), $CONFIG_THEME);
15
- }
@@ -1,336 +0,0 @@
1
- // ==========
2
- // CARETS
3
- // ==========
4
- $STYLEGUIDE_CARETS_ID: caret !default;
5
- $STYLEGUIDE_CARETS: () !default;
6
-
7
- @if not styleguide-component-exists($STYLEGUIDE_CARETS_ID, $CONFIG_THEME) {
8
- $a-blackhole: styleguide-add-component($STYLEGUIDE_CARETS_ID, $STYLEGUIDE_CARETS, (
9
- (default, (
10
- inline-block true,
11
- vertical-align middle,
12
- // triangle... @see triangle() mixin
13
- height 0,
14
- width 0,
15
- font-size 0,
16
- line-height 0,
17
- border-style dashed,
18
- border-color transparent,
19
- border-top-style solid,
20
- border-width _styleguideCaretSize(medium),
21
- border-top-color nth($CONFIG_COLOR_COPY, 1),
22
- overflow hidden,
23
- content $CONTENT_PLACEHOLDER
24
- )),
25
- (in-dark, (
26
- border-top-color nth-cyclic($CONFIG_COLOR_COPY, 2),
27
- nil
28
- )),
29
- (in-punchcut, (
30
- inherit (in-dark),
31
- nil
32
- )),
33
- (in-bristol, (
34
- inherit (in-dark),
35
- nil
36
- )),
37
- (in-tooltip, (
38
- inherit (in-dark),
39
- nil
40
- )),
41
- (in-button, (
42
- border-top-color $CONFIG_COLOR_BUTTON_PRIMARY,
43
- nil
44
- )),
45
- (in-button in-secondary, (
46
- border-top-color $CONFIG_COLOR_BUTTON_SECONDARY,
47
- nil
48
- )),
49
- (in-button in-spotlight, (
50
- border-top-color $CONFIG_COLOR_BUTTON_SPOTLIGHT,
51
- nil
52
- )),
53
- // SIZES
54
- (large, (
55
- border-width _styleguideCaretSize(large),
56
- nil
57
- )),
58
- (small, (
59
- border-width _styleguideCaretSize(small),
60
- nil
61
- )),
62
- (in-button in-large, (
63
- inherit (large),
64
- nil
65
- )),
66
- (in-button in-small, (
67
- inherit (small),
68
- nil
69
- )),
70
- // upward caret
71
- (north, (
72
- border-top-color nil,
73
- border-top-style nil,
74
- border-bottom-style solid,
75
- border-bottom-color nth($CONFIG_COLOR_COPY, 1),
76
- border-width _styleguideCaretSize(medium, north)
77
- )),
78
- (north in-button, (
79
- border-bottom-color $CONFIG_COLOR_BUTTON_PRIMARY,
80
- nil
81
- )),
82
- (north in-button in-secondary, (
83
- border-bottom-color $CONFIG_COLOR_BUTTON_SECONDARY,
84
- nil
85
- )),
86
- (north in-button in-spotlight, (
87
- border-bottom-color $CONFIG_COLOR_BUTTON_SPOTLIGHT,
88
- nil
89
- )),
90
- // rightward caret
91
- (east, (
92
- border-top-color nil,
93
- border-top-style nil,
94
- border-left-style solid,
95
- border-left-color nth($CONFIG_COLOR_COPY, 1),
96
- border-width _styleguideCaretSize(medium, east)
97
- )),
98
- (east in-button, (
99
- border-left-color $CONFIG_COLOR_BUTTON_PRIMARY,
100
- nil
101
- )),
102
- (east in-button in-secondary, (
103
- border-left-color $CONFIG_COLOR_BUTTON_SECONDARY,
104
- nil
105
- )),
106
- (east in-button in-spotlight, (
107
- border-left-color $CONFIG_COLOR_BUTTON_SPOTLIGHT,
108
- nil
109
- )),
110
- // leftward caret
111
- (west, (
112
- border-top-color nil,
113
- border-top-style nil,
114
- border-right-style solid,
115
- border-right-color nth($CONFIG_COLOR_COPY, 1),
116
- border-width _styleguideCaretSize(medium, east)
117
- )),
118
- (west in-button, (
119
- border-left-color $CONFIG_COLOR_BUTTON_PRIMARY,
120
- nil
121
- )),
122
- (west in-button in-secondary, (
123
- border-left-color $CONFIG_COLOR_BUTTON_SECONDARY,
124
- nil
125
- )),
126
- (west in-button in-spotlight, (
127
- border-left-color $CONFIG_COLOR_BUTTON_SPOTLIGHT,
128
- nil
129
- )),
130
- // SIZES
131
- (north in-button in-large, (
132
- border-width _styleguideCaretSize(large, north),
133
- nil
134
- )),
135
- (north in-button in-small, (
136
- border-width _styleguideCaretSize(small, north),
137
- nil
138
- )),
139
- (west in-button in-large, (
140
- border-width _styleguideCaretSize(large, west),
141
- nil
142
- )),
143
- (west in-button in-small, (
144
- border-width _styleguideCaretSize(small, west),
145
- nil
146
- )),
147
- (east in-button in-large, (
148
- border-width _styleguideCaretSize(large, east),
149
- nil
150
- )),
151
- (east in-button in-small, (
152
- border-width _styleguideCaretSize(small, east),
153
- nil
154
- )),
155
- // on hovercards
156
- (on-hovercard, (
157
- // remove unneeded styles
158
- inline-block nil,
159
- vertical-align nil,
160
- height nil,
161
- width nil,
162
- font-size nil,
163
- line-height nil,
164
- border-style nil,
165
- border-color nil,
166
- border-top-style nil,
167
- border-right-style nil,
168
- border-bottom-style nil,
169
- border-left-style nil,
170
- border-width nil,
171
- border-top-color nil,
172
- border-right-color nil,
173
- border-bottom-color nil,
174
- border-left-color nil,
175
- overflow nil,
176
- // real styles
177
- position absolute,
178
- display block,
179
- width nth($CONFIG_DIM_HOVERCARD_TIP, 1),
180
- height nth-cyclic($CONFIG_DIM_HOVERCARD_TIP, 2),
181
- margin-left -1/2*nth($CONFIG_DIM_HOVERCARD_TIP, 1),
182
- background (transparent image-url($CONFIG_IMG_HOVERCARD_TIP) _styleguideGetTooltipTipBG(south) no-repeat),
183
- top 100%,
184
- left 50%
185
- )),
186
- (south-west on-hovercard, (
187
- left $CONFIG_DIM_HOVERCARD_TIP_OFFSET,
188
- margin-left nil
189
- )),
190
- (south-east on-hovercard, (
191
- left nil,
192
- right $CONFIG_DIM_HOVERCARD_TIP_OFFSET,
193
- margin-left nil
194
- )),
195
- (north on-hovercard, (
196
- background-position _styleguideGetTooltipTipBG(north),
197
- top nil,
198
- bottom 100%
199
- )),
200
- (north-west on-hovercard, (
201
- inherit (north on-hovercard),
202
- left $CONFIG_DIM_HOVERCARD_TIP_OFFSET,
203
- margin-left nil
204
- )),
205
- (north-east on-hovercard, (
206
- inherit (north on-hovercard),
207
- left nil,
208
- right $CONFIG_DIM_HOVERCARD_TIP_OFFSET,
209
- margin-left nil
210
- )),
211
- (east on-hovercard, (
212
- width nth-cyclic($CONFIG_DIM_HOVERCARD_TIP, 2),
213
- height nth($CONFIG_DIM_HOVERCARD_TIP, 1),
214
- margin-top -1/2*nth($CONFIG_DIM_HOVERCARD_TIP, 1),
215
- margin-left nil,
216
- background-position _styleguideGetTooltipTipBG(east),
217
- top 50%,
218
- left 100%
219
- )),
220
- (east-north on-hovercard, (
221
- inherit (east on-hovercard),
222
- top $CONFIG_DIM_HOVERCARD_TIP_OFFSET,
223
- margin-top nil
224
- )),
225
- (east-south on-hovercard, (
226
- inherit (east on-hovercard),
227
- top nil,
228
- bottom $CONFIG_DIM_HOVERCARD_TIP_OFFSET,
229
- margin-top nil
230
- )),
231
- (west on-hovercard, (
232
- width nth-cyclic($CONFIG_DIM_HOVERCARD_TIP, 2),
233
- height nth($CONFIG_DIM_HOVERCARD_TIP, 1),
234
- margin-top -1/2*nth($CONFIG_DIM_HOVERCARD_TIP, 1),
235
- margin-left nil,
236
- background-position _styleguideGetTooltipTipBG(west),
237
- top 50%,
238
- right 100%,
239
- left nil
240
- )),
241
- (west-north on-hovercard, (
242
- inherit (west on-hovercard),
243
- top $CONFIG_DIM_HOVERCARD_TIP_OFFSET,
244
- margin-top nil
245
- )),
246
- (west-south on-hovercard, (
247
- inherit (west on-hovercard),
248
- top nil,
249
- bottom $CONFIG_DIM_HOVERCARD_TIP_OFFSET,
250
- margin-top nil
251
- )),
252
- // on tooltips
253
- (on-tooltip, (
254
- position absolute,
255
- margin-left -1*$CONFIG_DIM_TOOLTIP_TIP,
256
- top 100%,
257
- left 50%,
258
- border-width _styleguideCaretSize(tooltip),
259
- border-top-color nth($CONFIG_COLOR_BORDER_TOOLTIP, 1)
260
- )),
261
- (south-west on-tooltip, (
262
- left $CONFIG_DIM_TOOLTIP_TIP_OFFSET,
263
- margin-left nil
264
- )),
265
- (south-east on-tooltip, (
266
- left nil,
267
- right $CONFIG_DIM_TOOLTIP_TIP_OFFSET,
268
- margin-left nil
269
- )),
270
- (north on-tooltip, (
271
- border-width _styleguideCaretSize(tooltip, north),
272
- border-top-color nil,
273
- border-top-style nil,
274
- border-bottom-style solid,
275
- border-bottom-color nth($CONFIG_COLOR_BORDER_TOOLTIP, 1),
276
- top nil,
277
- bottom 100%
278
- )),
279
- (north-west on-tooltip, (
280
- inherit (north on-tooltip),
281
- left $CONFIG_DIM_TOOLTIP_TIP_OFFSET,
282
- margin-left nil
283
- )),
284
- (north-east on-tooltip, (
285
- inherit (north on-tooltip),
286
- right $CONFIG_DIM_TOOLTIP_TIP_OFFSET,
287
- left nil,
288
- margin-left nil
289
- )),
290
- (east on-tooltip, (
291
- border-width _styleguideCaretSize(tooltip, east),
292
- border-top-color nil,
293
- border-top-style nil,
294
- border-left-style solid,
295
- border-left-color nth($CONFIG_COLOR_BORDER_TOOLTIP, 1),
296
- margin-left nil,
297
- margin-top -1*$CONFIG_DIM_TOOLTIP_TIP,
298
- top 50%,
299
- left 100%
300
- )),
301
- (east-north on-tooltip, (
302
- inherit (east on-tooltip),
303
- top $CONFIG_DIM_TOOLTIP_TIP_OFFSET,
304
- margin-top nil
305
- )),
306
- (east-south on-tooltip, (
307
- inherit (east on-tooltip),
308
- top nil,
309
- bottom $CONFIG_DIM_TOOLTIP_TIP_OFFSET,
310
- margin-top nil
311
- )),
312
- (west on-tooltip, (
313
- border-width _styleguideCaretSize(tooltip, west),
314
- border-top-color nil,
315
- border-top-style nil,
316
- border-right-style solid,
317
- border-right-color nth($CONFIG_COLOR_BORDER_TOOLTIP, 1),
318
- margin-left nil,
319
- margin-top -1*$CONFIG_DIM_TOOLTIP_TIP,
320
- top 50%,
321
- right 100%,
322
- left nil
323
- )),
324
- (west-north on-tooltip, (
325
- inherit (west on-tooltip),
326
- top $CONFIG_DIM_TOOLTIP_TIP_OFFSET,
327
- margin-top nil
328
- )),
329
- (west-south on-tooltip, (
330
- inherit (west on-tooltip),
331
- top nil,
332
- bottom $CONFIG_DIM_TOOLTIP_TIP_OFFSET,
333
- margin-top nil
334
- ))
335
- ), $CONFIG_THEME);
336
- }
@@ -1,63 +0,0 @@
1
- // ==========
2
- // CLOSES
3
- // ==========
4
- $STYLEGUIDE_CLOSES_ID: close !default;
5
- $STYLEGUIDE_CLOSES: () !default;
6
-
7
- @if not styleguide-component-exists($STYLEGUIDE_CLOSES_ID, $CONFIG_THEME) {
8
- $a-blackhole: styleguide-add-component($STYLEGUIDE_CLOSES_ID, $STYLEGUIDE_CLOSES, (
9
- (default, (
10
- color inherit,
11
- background (transparent none),
12
- padding (0 1px 0 0),
13
- border 0,
14
- margin 0,
15
- cursor pointer,
16
- text-decoration none,
17
- position absolute,
18
- overflow hidden,
19
- top vertical-spacing(2),
20
- right horizontal-spacing(2),
21
- width nth($CONFIG_GLYPH_CLOSE, 4),
22
- height nth($CONFIG_GLYPH_CLOSE, 4),
23
- text-indent (nth($CONFIG_GLYPH_CLOSE, 4) + 1px),
24
- glyph-icon (nth($CONFIG_GLYPH_CLOSE, 1), nth($CONFIG_GLYPH_CLOSE, 2), nth($CONFIG_GLYPH_CLOSE, 3), before, 'text-decoration:none;vertical-align:top;line-height:1;position:absolute;top:0;right:0;'),
25
- (selectors, (
26
- ('&:before', (
27
- vertical-align top,
28
- line-height 1,
29
- position absolute,
30
- top 0,
31
- right 0,
32
- text-decoration none,
33
- cursor pointer
34
- )),
35
- nil
36
- )),
37
- (states, (
38
- (hover, (
39
- text-shadow $CONFIG_SHADOW_CLOSES,
40
- nil
41
- )),
42
- nil
43
- ))
44
- )),
45
- (in-alert, (
46
- color nth($CONFIG_COLOR_COPY, 2),
47
- nil
48
- )),
49
- (in-dialog, (
50
- color nth($CONFIG_COLOR_COPY, 2),
51
- opacity 0.7,
52
- top vertical-spacing(2.6, $abuse: true),
53
- (states, (
54
- (hover, (
55
- opacity 1,
56
- nil
57
- )),
58
- nil
59
- ))
60
- )),
61
- nil
62
- ), $CONFIG_THEME);
63
- }
@@ -1,27 +0,0 @@
1
- // ==========
2
- // CONTAINER
3
- // ==========
4
- $STYLEGUIDE_CONTAINERS_ID: container !default;
5
- $STYLEGUIDE_CONTAINERS: () !default;
6
-
7
- @if not styleguide-component-exists($STYLEGUIDE_CONTAINERS_ID, $CONFIG_THEME) {
8
- $a-blackhole: styleguide-add-component($STYLEGUIDE_CONTAINERS_ID, $STYLEGUIDE_CONTAINERS, (
9
- (default, (
10
- background nth($CONFIG_TEXTURE_CONTAINER, 1),
11
- box-shadow $CONFIG_SHADOW_CONTAINER,
12
- target-browser $CONFIG_SHADOW_CONTAINER_ALT // simulate the shadow in IE<9
13
- )),
14
- (light, (
15
- nil
16
- )),
17
- (dark, (
18
- background nth($CONFIG_TEXTURE_CONTAINER, 2),
19
- nil
20
- )),
21
- (without-shadow, (
22
- box-shadow nil,
23
- target-browser nil,
24
- nil
25
- ))
26
- ), $CONFIG_THEME);
27
- }
@@ -1,85 +0,0 @@
1
- // ==========
2
- // COPY
3
- // ==========
4
- $STYLEGUIDE_COPY_ID: copy !default;
5
- $STYLEGUIDE_COPY: () !default;
6
-
7
- @if not styleguide-component-exists($STYLEGUIDE_COPY_ID, $CONFIG_THEME) {
8
- $a-blackhole: styleguide-add-component($STYLEGUIDE_COPY_ID, $STYLEGUIDE_COPY, (
9
- (default, (
10
- font-size nth($CONFIG_FONT_COPY_MEDIUM, 1),
11
- line-height nth-cyclic($CONFIG_FONT_COPY_MEDIUM, 2),
12
- color nth($CONFIG_COLOR_COPY, 1),
13
- font-weight normal
14
- )),
15
- // sizes
16
- (medium, (
17
- nil
18
- )),
19
- (large, (
20
- font-size nth($CONFIG_FONT_COPY_LARGE, 1),
21
- line-height nth-cyclic($CONFIG_FONT_COPY_LARGE, 2)
22
- )),
23
- (small, (
24
- font-size nth($CONFIG_FONT_COPY_SMALL, 1),
25
- line-height nth-cyclic($CONFIG_FONT_COPY_SMALL, 2)
26
- )),
27
- // contexts
28
- (in-dark, (
29
- color nth-cyclic($CONFIG_COLOR_COPY, 2),
30
- nil
31
- )),
32
- (in-module, (
33
- color nth($CONFIG_COLOR_COPY, 1),
34
- nil
35
- )),
36
- (in-bristol, (
37
- inherit (in-dark),
38
- nil
39
- )),
40
- (in-tooltip, (
41
- inherit (in-dark),
42
- nil
43
- )),
44
- (in-alert, (
45
- inherit (in-dark),
46
- nil
47
- )),
48
- (in-punchcut, (
49
- inherit (in-dark),
50
- text-shadow nth-cyclic($CONFIG_SHADOW_COPY, 2),
51
- nil
52
- )),
53
- (breadcrumb, (
54
- color nth($CONFIG_COLOR_BREADCRUMB, 1),
55
- font-size nth($CONFIG_FONT_BREADCRUMB, 1),
56
- font-weight $CONFIG_FONT_WEIGHT_BREADCRUMB,
57
- text-decoration nth($CONFIG_DECORATION_LINK, 1),
58
- text-shadow $CONFIG_SHADOW_BREADCRUMB,
59
- nil
60
- )),
61
- (active breadcrumb, (
62
- color nth($CONFIG_COLOR_BREADCRUMB_ACTIVE, 1),
63
- font-size nth($CONFIG_FONT_BREADCRUMB, 1),
64
- font-weight $CONFIG_FONT_WEIGHT_BREADCRUMB,
65
- text-shadow $CONFIG_SHADOW_BREADCRUMB,
66
- border-left ($CONFIG_DIM_GENERIC_BORDER solid $CONFIG_COLOR_BREADCRUMB),
67
- margin $CONFIG_DIM_BREADCRUMB_SPACING_OUTER,
68
- padding $CONFIG_DIM_BREADCRUMB_SPACING,
69
- nil
70
- )),
71
- (emphasized, (
72
- font-style italic,
73
- nil
74
- )),
75
- (strong, (
76
- font-weight bold,
77
- nil
78
- )),
79
- // muted colors
80
- (muted, (
81
- color nth($CONFIG_COLOR_COPY_MUTED, 1),
82
- nil
83
- ))
84
- ), $CONFIG_THEME);
85
- }