nesta-contentfocus-extensions 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (145) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +53 -0
  3. data/Rakefile +1 -2
  4. data/assets/stylesheets/bitters/_base.scss +24 -0
  5. data/assets/stylesheets/bitters/_buttons.scss +10 -0
  6. data/assets/stylesheets/bitters/_forms.scss +78 -0
  7. data/assets/stylesheets/bitters/_grid-settings.scss +14 -0
  8. data/assets/stylesheets/bitters/_lists.scss +31 -0
  9. data/assets/stylesheets/bitters/_tables.scss +24 -0
  10. data/assets/stylesheets/bitters/_typography.scss +93 -0
  11. data/assets/stylesheets/bitters/_variables.scss +65 -0
  12. data/assets/stylesheets/bitters/extends/_button.scss +22 -0
  13. data/assets/stylesheets/bitters/extends/_clearfix.scss +3 -0
  14. data/assets/stylesheets/bitters/extends/_errors.scss +11 -0
  15. data/assets/stylesheets/bitters/extends/_flashes.scss +38 -0
  16. data/assets/stylesheets/bitters/extends/_hide-text.scss +3 -0
  17. data/assets/stylesheets/bourbon/_bourbon-deprecated-upcoming.scss +411 -0
  18. data/assets/stylesheets/bourbon/_bourbon.scss +87 -0
  19. data/assets/stylesheets/bourbon/addons/_border-color.scss +26 -0
  20. data/assets/stylesheets/bourbon/addons/_border-radius.scss +48 -0
  21. data/assets/stylesheets/bourbon/addons/_border-style.scss +25 -0
  22. data/assets/stylesheets/bourbon/addons/_border-width.scss +25 -0
  23. data/assets/stylesheets/bourbon/addons/_buttons.scss +64 -0
  24. data/assets/stylesheets/bourbon/addons/_clearfix.scss +25 -0
  25. data/assets/stylesheets/bourbon/addons/_ellipsis.scss +30 -0
  26. data/assets/stylesheets/bourbon/addons/_font-stacks.scss +31 -0
  27. data/assets/stylesheets/bourbon/addons/_hide-text.scss +27 -0
  28. data/assets/stylesheets/bourbon/addons/_margin.scss +26 -0
  29. data/assets/stylesheets/bourbon/addons/_padding.scss +26 -0
  30. data/assets/stylesheets/bourbon/addons/_position.scss +48 -0
  31. data/assets/stylesheets/bourbon/addons/_prefixer.scss +66 -0
  32. data/assets/stylesheets/bourbon/addons/_retina-image.scss +25 -0
  33. data/assets/stylesheets/bourbon/addons/_size.scss +51 -0
  34. data/assets/stylesheets/bourbon/addons/_text-inputs.scss +112 -0
  35. data/assets/stylesheets/bourbon/addons/_timing-functions.scss +34 -0
  36. data/assets/stylesheets/bourbon/addons/_triangle.scss +63 -0
  37. data/assets/stylesheets/bourbon/addons/_word-wrap.scss +29 -0
  38. data/assets/stylesheets/bourbon/css3/_animation.scss +43 -0
  39. data/assets/stylesheets/bourbon/css3/_appearance.scss +3 -0
  40. data/assets/stylesheets/bourbon/css3/_backface-visibility.scss +3 -0
  41. data/assets/stylesheets/bourbon/css3/_background-image.scss +42 -0
  42. data/assets/stylesheets/bourbon/css3/_background.scss +55 -0
  43. data/assets/stylesheets/bourbon/css3/_border-image.scss +59 -0
  44. data/assets/stylesheets/bourbon/css3/_calc.scss +4 -0
  45. data/assets/stylesheets/bourbon/css3/_columns.scss +47 -0
  46. data/assets/stylesheets/bourbon/css3/_filter.scss +4 -0
  47. data/assets/stylesheets/bourbon/css3/_flex-box.scss +287 -0
  48. data/assets/stylesheets/bourbon/css3/_font-face.scss +24 -0
  49. data/assets/stylesheets/bourbon/css3/_font-feature-settings.scss +4 -0
  50. data/assets/stylesheets/bourbon/css3/_hidpi-media-query.scss +10 -0
  51. data/assets/stylesheets/bourbon/css3/_hyphens.scss +4 -0
  52. data/assets/stylesheets/bourbon/css3/_image-rendering.scss +14 -0
  53. data/assets/stylesheets/bourbon/css3/_keyframes.scss +36 -0
  54. data/assets/stylesheets/bourbon/css3/_linear-gradient.scss +38 -0
  55. data/assets/stylesheets/bourbon/css3/_perspective.scss +8 -0
  56. data/assets/stylesheets/bourbon/css3/_placeholder.scss +8 -0
  57. data/assets/stylesheets/bourbon/css3/_radial-gradient.scss +39 -0
  58. data/assets/stylesheets/bourbon/css3/_selection.scss +42 -0
  59. data/assets/stylesheets/bourbon/css3/_text-decoration.scss +19 -0
  60. data/assets/stylesheets/bourbon/css3/_transform.scss +15 -0
  61. data/assets/stylesheets/bourbon/css3/_transition.scss +71 -0
  62. data/assets/stylesheets/bourbon/css3/_user-select.scss +3 -0
  63. data/assets/stylesheets/bourbon/functions/_assign-inputs.scss +11 -0
  64. data/assets/stylesheets/bourbon/functions/_contains-falsy.scss +20 -0
  65. data/assets/stylesheets/bourbon/functions/_contains.scss +26 -0
  66. data/assets/stylesheets/bourbon/functions/_is-length.scss +11 -0
  67. data/assets/stylesheets/bourbon/functions/_is-light.scss +21 -0
  68. data/assets/stylesheets/bourbon/functions/_is-number.scss +11 -0
  69. data/assets/stylesheets/bourbon/functions/_is-size.scss +13 -0
  70. data/assets/stylesheets/bourbon/functions/_modular-scale.scss +69 -0
  71. data/assets/stylesheets/bourbon/functions/_px-to-em.scss +13 -0
  72. data/assets/stylesheets/bourbon/functions/_px-to-rem.scss +15 -0
  73. data/assets/stylesheets/bourbon/functions/_shade.scss +24 -0
  74. data/assets/stylesheets/bourbon/functions/_strip-units.scss +17 -0
  75. data/assets/stylesheets/bourbon/functions/_tint.scss +24 -0
  76. data/assets/stylesheets/bourbon/functions/_transition-property-name.scss +22 -0
  77. data/assets/stylesheets/bourbon/functions/_unpack.scss +27 -0
  78. data/assets/stylesheets/bourbon/helpers/_convert-units.scss +21 -0
  79. data/assets/stylesheets/bourbon/helpers/_directional-values.scss +96 -0
  80. data/assets/stylesheets/bourbon/helpers/_font-source-declaration.scss +43 -0
  81. data/assets/stylesheets/bourbon/helpers/_gradient-positions-parser.scss +13 -0
  82. data/assets/stylesheets/bourbon/helpers/_linear-angle-parser.scss +25 -0
  83. data/assets/stylesheets/bourbon/helpers/_linear-gradient-parser.scss +41 -0
  84. data/assets/stylesheets/bourbon/helpers/_linear-positions-parser.scss +61 -0
  85. data/assets/stylesheets/bourbon/helpers/_linear-side-corner-parser.scss +31 -0
  86. data/assets/stylesheets/bourbon/helpers/_radial-arg-parser.scss +69 -0
  87. data/assets/stylesheets/bourbon/helpers/_radial-gradient-parser.scss +50 -0
  88. data/assets/stylesheets/bourbon/helpers/_radial-positions-parser.scss +18 -0
  89. data/assets/stylesheets/bourbon/helpers/_render-gradients.scss +26 -0
  90. data/assets/stylesheets/bourbon/helpers/_shape-size-stripper.scss +10 -0
  91. data/assets/stylesheets/bourbon/helpers/_str-to-num.scss +50 -0
  92. data/assets/stylesheets/bourbon/settings/_asset-pipeline.scss +7 -0
  93. data/assets/stylesheets/bourbon/settings/_prefixer.scss +9 -0
  94. data/assets/stylesheets/bourbon/settings/_px-to-em.scss +1 -0
  95. data/assets/stylesheets/contentfocus/_animations.scss +9 -0
  96. data/assets/stylesheets/contentfocus/_breadcrumb.scss +83 -0
  97. data/assets/stylesheets/contentfocus/_browser.scss +146 -0
  98. data/assets/stylesheets/contentfocus/_bullets.scss +63 -0
  99. data/assets/stylesheets/contentfocus/_comments.scss +59 -0
  100. data/assets/stylesheets/contentfocus/_device.scss +84 -0
  101. data/assets/stylesheets/contentfocus/_flashes.scss +30 -0
  102. data/assets/stylesheets/contentfocus/_footer.scss +78 -0
  103. data/assets/stylesheets/contentfocus/_forms.scss +110 -0
  104. data/assets/stylesheets/contentfocus/_geometric_typography.scss +104 -0
  105. data/assets/stylesheets/contentfocus/_hero.scss +108 -0
  106. data/assets/stylesheets/contentfocus/_hover_tile.scss +51 -0
  107. data/assets/stylesheets/contentfocus/_nav.scss +396 -0
  108. data/assets/stylesheets/contentfocus/_progress_bar.scss +92 -0
  109. data/assets/stylesheets/contentfocus/_variables.scss +84 -0
  110. data/assets/stylesheets/neat/_neat-helpers.scss +8 -0
  111. data/assets/stylesheets/neat/_neat.scss +23 -0
  112. data/assets/stylesheets/neat/functions/_new-breakpoint.scss +49 -0
  113. data/assets/stylesheets/neat/functions/_private.scss +114 -0
  114. data/assets/stylesheets/neat/grid/_box-sizing.scss +15 -0
  115. data/assets/stylesheets/neat/grid/_direction-context.scss +33 -0
  116. data/assets/stylesheets/neat/grid/_display-context.scss +28 -0
  117. data/assets/stylesheets/neat/grid/_fill-parent.scss +22 -0
  118. data/assets/stylesheets/neat/grid/_media.scss +92 -0
  119. data/assets/stylesheets/neat/grid/_omega.scss +87 -0
  120. data/assets/stylesheets/neat/grid/_outer-container.scss +38 -0
  121. data/assets/stylesheets/neat/grid/_pad.scss +25 -0
  122. data/assets/stylesheets/neat/grid/_private.scss +35 -0
  123. data/assets/stylesheets/neat/grid/_row.scss +52 -0
  124. data/assets/stylesheets/neat/grid/_shift.scss +50 -0
  125. data/assets/stylesheets/neat/grid/_span-columns.scss +94 -0
  126. data/assets/stylesheets/neat/grid/_to-deprecate.scss +97 -0
  127. data/assets/stylesheets/neat/grid/_visual-grid.scss +42 -0
  128. data/assets/stylesheets/neat/settings/_disable-warnings.scss +13 -0
  129. data/assets/stylesheets/neat/settings/_grid.scss +51 -0
  130. data/assets/stylesheets/neat/settings/_visual-grid.scss +27 -0
  131. data/lib/nesta-contentfocus-extensions.rb +14 -4
  132. data/lib/nesta-contentfocus-extensions/app.rb +8 -0
  133. data/lib/nesta-contentfocus-extensions/helpers.rb +21 -0
  134. data/lib/nesta-contentfocus-extensions/kramdown.rb +91 -0
  135. data/lib/nesta-contentfocus-extensions/menu.rb +4 -1
  136. data/lib/nesta-contentfocus-extensions/overrides.rb +17 -0
  137. data/lib/nesta-contentfocus-extensions/page.rb +29 -54
  138. data/lib/nesta-contentfocus-extensions/path.rb +13 -7
  139. data/lib/nesta-contentfocus-extensions/paths.rb +52 -0
  140. data/lib/nesta-contentfocus-extensions/renderer.rb +46 -0
  141. data/lib/nesta-contentfocus-extensions/routes.rb +15 -0
  142. data/lib/nesta-contentfocus-extensions/theme.rb +36 -0
  143. data/lib/nesta-contentfocus-extensions/version.rb +1 -1
  144. data/nesta-contentfocus-extensions.gemspec +14 -11
  145. metadata +184 -6
@@ -0,0 +1,87 @@
1
+ // Bourbon 4.2.3
2
+ // http://bourbon.io
3
+ // Copyright 2011-2015 thoughtbot, inc.
4
+ // MIT License
5
+
6
+ @import "settings/prefixer";
7
+ @import "settings/px-to-em";
8
+ @import "settings/asset-pipeline";
9
+
10
+ @import "functions/assign-inputs";
11
+ @import "functions/contains";
12
+ @import "functions/contains-falsy";
13
+ @import "functions/is-length";
14
+ @import "functions/is-light";
15
+ @import "functions/is-number";
16
+ @import "functions/is-size";
17
+ @import "functions/px-to-em";
18
+ @import "functions/px-to-rem";
19
+ @import "functions/shade";
20
+ @import "functions/strip-units";
21
+ @import "functions/tint";
22
+ @import "functions/transition-property-name";
23
+ @import "functions/unpack";
24
+ @import "functions/modular-scale";
25
+
26
+ @import "helpers/convert-units";
27
+ @import "helpers/directional-values";
28
+ @import "helpers/font-source-declaration";
29
+ @import "helpers/gradient-positions-parser";
30
+ @import "helpers/linear-angle-parser";
31
+ @import "helpers/linear-gradient-parser";
32
+ @import "helpers/linear-positions-parser";
33
+ @import "helpers/linear-side-corner-parser";
34
+ @import "helpers/radial-arg-parser";
35
+ @import "helpers/radial-positions-parser";
36
+ @import "helpers/radial-gradient-parser";
37
+ @import "helpers/render-gradients";
38
+ @import "helpers/shape-size-stripper";
39
+ @import "helpers/str-to-num";
40
+
41
+ @import "css3/animation";
42
+ @import "css3/appearance";
43
+ @import "css3/backface-visibility";
44
+ @import "css3/background";
45
+ @import "css3/background-image";
46
+ @import "css3/border-image";
47
+ @import "css3/calc";
48
+ @import "css3/columns";
49
+ @import "css3/filter";
50
+ @import "css3/flex-box";
51
+ @import "css3/font-face";
52
+ @import "css3/font-feature-settings";
53
+ @import "css3/hidpi-media-query";
54
+ @import "css3/hyphens";
55
+ @import "css3/image-rendering";
56
+ @import "css3/keyframes";
57
+ @import "css3/linear-gradient";
58
+ @import "css3/perspective";
59
+ @import "css3/placeholder";
60
+ @import "css3/radial-gradient";
61
+ @import "css3/selection";
62
+ @import "css3/text-decoration";
63
+ @import "css3/transform";
64
+ @import "css3/transition";
65
+ @import "css3/user-select";
66
+
67
+ @import "addons/border-color";
68
+ @import "addons/border-radius";
69
+ @import "addons/border-style";
70
+ @import "addons/border-width";
71
+ @import "addons/buttons";
72
+ @import "addons/clearfix";
73
+ @import "addons/ellipsis";
74
+ @import "addons/font-stacks";
75
+ @import "addons/hide-text";
76
+ @import "addons/margin";
77
+ @import "addons/padding";
78
+ @import "addons/position";
79
+ @import "addons/prefixer";
80
+ @import "addons/retina-image";
81
+ @import "addons/size";
82
+ @import "addons/text-inputs";
83
+ @import "addons/timing-functions";
84
+ @import "addons/triangle";
85
+ @import "addons/word-wrap";
86
+
87
+ @import "bourbon-deprecated-upcoming";
@@ -0,0 +1,26 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Provides a quick method for targeting `border-color` on specific sides of a box. Use a `null` value to “skip” a side.
4
+ ///
5
+ /// @param {Arglist} $vals
6
+ /// List of arguments
7
+ ///
8
+ /// @example scss - Usage
9
+ /// .element {
10
+ /// @include border-color(#a60b55 #76cd9c null #e8ae1a);
11
+ /// }
12
+ ///
13
+ /// @example css - CSS Output
14
+ /// .element {
15
+ /// border-left-color: #e8ae1a;
16
+ /// border-right-color: #76cd9c;
17
+ /// border-top-color: #a60b55;
18
+ /// }
19
+ ///
20
+ /// @require {mixin} directional-property
21
+ ///
22
+ /// @output `border-color`
23
+
24
+ @mixin border-color($vals...) {
25
+ @include directional-property(border, color, $vals...);
26
+ }
@@ -0,0 +1,48 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Provides a quick method for targeting `border-radius` on both corners on the side of a box.
4
+ ///
5
+ /// @param {Number} $radii
6
+ /// List of arguments
7
+ ///
8
+ /// @example scss - Usage
9
+ /// .element-one {
10
+ /// @include border-top-radius(5px);
11
+ /// }
12
+ ///
13
+ /// .element-two {
14
+ /// @include border-left-radius(3px);
15
+ /// }
16
+ ///
17
+ /// @example css - CSS Output
18
+ /// .element-one {
19
+ /// border-top-left-radius: 5px;
20
+ /// border-top-right-radius: 5px;
21
+ /// }
22
+ ///
23
+ /// .element-two {
24
+ /// border-bottom-left-radius: 3px;
25
+ /// border-top-left-radius: 3px;
26
+ /// }
27
+ ///
28
+ /// @output `border-radius`
29
+
30
+ @mixin border-top-radius($radii) {
31
+ border-top-left-radius: $radii;
32
+ border-top-right-radius: $radii;
33
+ }
34
+
35
+ @mixin border-right-radius($radii) {
36
+ border-bottom-right-radius: $radii;
37
+ border-top-right-radius: $radii;
38
+ }
39
+
40
+ @mixin border-bottom-radius($radii) {
41
+ border-bottom-left-radius: $radii;
42
+ border-bottom-right-radius: $radii;
43
+ }
44
+
45
+ @mixin border-left-radius($radii) {
46
+ border-bottom-left-radius: $radii;
47
+ border-top-left-radius: $radii;
48
+ }
@@ -0,0 +1,25 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Provides a quick method for targeting `border-style` on specific sides of a box. Use a `null` value to “skip” a side.
4
+ ///
5
+ /// @param {Arglist} $vals
6
+ /// List of arguments
7
+ ///
8
+ /// @example scss - Usage
9
+ /// .element {
10
+ /// @include border-style(dashed null solid);
11
+ /// }
12
+ ///
13
+ /// @example css - CSS Output
14
+ /// .element {
15
+ /// border-bottom-style: solid;
16
+ /// border-top-style: dashed;
17
+ /// }
18
+ ///
19
+ /// @require {mixin} directional-property
20
+ ///
21
+ /// @output `border-style`
22
+
23
+ @mixin border-style($vals...) {
24
+ @include directional-property(border, style, $vals...);
25
+ }
@@ -0,0 +1,25 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Provides a quick method for targeting `border-width` on specific sides of a box. Use a `null` value to “skip” a side.
4
+ ///
5
+ /// @param {Arglist} $vals
6
+ /// List of arguments
7
+ ///
8
+ /// @example scss - Usage
9
+ /// .element {
10
+ /// @include border-width(1em null 20px);
11
+ /// }
12
+ ///
13
+ /// @example css - CSS Output
14
+ /// .element {
15
+ /// border-bottom-width: 20px;
16
+ /// border-top-width: 1em;
17
+ /// }
18
+ ///
19
+ /// @require {mixin} directional-property
20
+ ///
21
+ /// @output `border-width`
22
+
23
+ @mixin border-width($vals...) {
24
+ @include directional-property(border, width, $vals...);
25
+ }
@@ -0,0 +1,64 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Generates variables for all buttons. Please note that you must use interpolation on the variable: `#{$all-buttons}`.
4
+ ///
5
+ /// @example scss - Usage
6
+ /// #{$all-buttons} {
7
+ /// background-color: #f00;
8
+ /// }
9
+ ///
10
+ /// #{$all-buttons-focus},
11
+ /// #{$all-buttons-hover} {
12
+ /// background-color: #0f0;
13
+ /// }
14
+ ///
15
+ /// #{$all-buttons-active} {
16
+ /// background-color: #00f;
17
+ /// }
18
+ ///
19
+ /// @example css - CSS Output
20
+ /// button,
21
+ /// input[type="button"],
22
+ /// input[type="reset"],
23
+ /// input[type="submit"] {
24
+ /// background-color: #f00;
25
+ /// }
26
+ ///
27
+ /// button:focus,
28
+ /// input[type="button"]:focus,
29
+ /// input[type="reset"]:focus,
30
+ /// input[type="submit"]:focus,
31
+ /// button:hover,
32
+ /// input[type="button"]:hover,
33
+ /// input[type="reset"]:hover,
34
+ /// input[type="submit"]:hover {
35
+ /// background-color: #0f0;
36
+ /// }
37
+ ///
38
+ /// button:active,
39
+ /// input[type="button"]:active,
40
+ /// input[type="reset"]:active,
41
+ /// input[type="submit"]:active {
42
+ /// background-color: #00f;
43
+ /// }
44
+ ///
45
+ /// @require assign-inputs
46
+ ///
47
+ /// @type List
48
+ ///
49
+ /// @todo Remove double assigned variables (Lines 59–62) in v5.0.0
50
+
51
+ $buttons-list: 'button',
52
+ 'input[type="button"]',
53
+ 'input[type="reset"]',
54
+ 'input[type="submit"]';
55
+
56
+ $all-buttons: assign-inputs($buttons-list);
57
+ $all-buttons-active: assign-inputs($buttons-list, active);
58
+ $all-buttons-focus: assign-inputs($buttons-list, focus);
59
+ $all-buttons-hover: assign-inputs($buttons-list, hover);
60
+
61
+ $all-button-inputs: $all-buttons;
62
+ $all-button-inputs-active: $all-buttons-active;
63
+ $all-button-inputs-focus: $all-buttons-focus;
64
+ $all-button-inputs-hover: $all-buttons-hover;
@@ -0,0 +1,25 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Provides an easy way to include a clearfix for containing floats.
4
+ ///
5
+ /// @link http://cssmojo.com/latest_new_clearfix_so_far/
6
+ ///
7
+ /// @example scss - Usage
8
+ /// .element {
9
+ /// @include clearfix;
10
+ /// }
11
+ ///
12
+ /// @example css - CSS Output
13
+ /// .element::after {
14
+ /// clear: both;
15
+ /// content: "";
16
+ /// display: table;
17
+ /// }
18
+
19
+ @mixin clearfix {
20
+ &::after {
21
+ clear: both;
22
+ content: "";
23
+ display: table;
24
+ }
25
+ }
@@ -0,0 +1,30 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Truncates text and adds an ellipsis to represent overflow.
4
+ ///
5
+ /// @param {Number} $width [100%]
6
+ /// Max-width for the string to respect before being truncated
7
+ ///
8
+ /// @example scss - Usage
9
+ /// .element {
10
+ /// @include ellipsis;
11
+ /// }
12
+ ///
13
+ /// @example css - CSS Output
14
+ /// .element {
15
+ /// display: inline-block;
16
+ /// max-width: 100%;
17
+ /// overflow: hidden;
18
+ /// text-overflow: ellipsis;
19
+ /// white-space: nowrap;
20
+ /// word-wrap: normal;
21
+ /// }
22
+
23
+ @mixin ellipsis($width: 100%) {
24
+ display: inline-block;
25
+ max-width: $width;
26
+ overflow: hidden;
27
+ text-overflow: ellipsis;
28
+ white-space: nowrap;
29
+ word-wrap: normal;
30
+ }
@@ -0,0 +1,31 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Georgia font stack.
4
+ ///
5
+ /// @type List
6
+
7
+ $georgia: "Georgia", "Cambria", "Times New Roman", "Times", serif;
8
+
9
+ /// Helvetica font stack.
10
+ ///
11
+ /// @type List
12
+
13
+ $helvetica: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
14
+
15
+ /// Lucida Grande font stack.
16
+ ///
17
+ /// @type List
18
+
19
+ $lucida-grande: "Lucida Grande", "Tahoma", "Verdana", "Arial", sans-serif;
20
+
21
+ /// Monospace font stack.
22
+ ///
23
+ /// @type List
24
+
25
+ $monospace: "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
26
+
27
+ /// Verdana font stack.
28
+ ///
29
+ /// @type List
30
+
31
+ $verdana: "Verdana", "Geneva", sans-serif;
@@ -0,0 +1,27 @@
1
+ /// Hides the text in an element, commonly used to show an image. Some elements will need block-level styles applied.
2
+ ///
3
+ /// @link http://zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement
4
+ ///
5
+ /// @example scss - Usage
6
+ /// .element {
7
+ /// @include hide-text;
8
+ /// }
9
+ ///
10
+ /// @example css - CSS Output
11
+ /// .element {
12
+ /// overflow: hidden;
13
+ /// text-indent: 101%;
14
+ /// white-space: nowrap;
15
+ /// }
16
+ ///
17
+ /// @todo Remove height argument in v5.0.0
18
+
19
+ @mixin hide-text($height: null) {
20
+ overflow: hidden;
21
+ text-indent: 101%;
22
+ white-space: nowrap;
23
+
24
+ @if $height {
25
+ @warn "The `hide-text` mixin has changed and no longer requires a height. The height argument will no longer be accepted in v5.0.0";
26
+ }
27
+ }
@@ -0,0 +1,26 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Provides a quick method for targeting `margin` on specific sides of a box. Use a `null` value to “skip” a side.
4
+ ///
5
+ /// @param {Arglist} $vals
6
+ /// List of arguments
7
+ ///
8
+ /// @example scss - Usage
9
+ /// .element {
10
+ /// @include margin(null 10px 3em 20vh);
11
+ /// }
12
+ ///
13
+ /// @example css - CSS Output
14
+ /// .element {
15
+ /// margin-bottom: 3em;
16
+ /// margin-left: 20vh;
17
+ /// margin-right: 10px;
18
+ /// }
19
+ ///
20
+ /// @require {mixin} directional-property
21
+ ///
22
+ /// @output `margin`
23
+
24
+ @mixin margin($vals...) {
25
+ @include directional-property(margin, false, $vals...);
26
+ }
@@ -0,0 +1,26 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Provides a quick method for targeting `padding` on specific sides of a box. Use a `null` value to “skip” a side.
4
+ ///
5
+ /// @param {Arglist} $vals
6
+ /// List of arguments
7
+ ///
8
+ /// @example scss - Usage
9
+ /// .element {
10
+ /// @include padding(12vh null 10px 5%);
11
+ /// }
12
+ ///
13
+ /// @example css - CSS Output
14
+ /// .element {
15
+ /// padding-bottom: 10px;
16
+ /// padding-left: 5%;
17
+ /// padding-top: 12vh;
18
+ /// }
19
+ ///
20
+ /// @require {mixin} directional-property
21
+ ///
22
+ /// @output `padding`
23
+
24
+ @mixin padding($vals...) {
25
+ @include directional-property(padding, false, $vals...);
26
+ }