material-sass 1.4.1 → 4.0.0.alpha5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (189) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -0
  3. data/Rakefile +61 -0
  4. data/app/assets/fonts/{MaterialIcons-Regular.eot → material-icons/MaterialIcons-Regular.eot} +0 -0
  5. data/app/assets/fonts/{MaterialIcons-Regular.ijmap → material-icons/MaterialIcons-Regular.ijmap} +0 -0
  6. data/app/assets/fonts/{MaterialIcons-Regular.svg → material-icons/MaterialIcons-Regular.svg} +0 -0
  7. data/app/assets/fonts/{MaterialIcons-Regular.ttf → material-icons/MaterialIcons-Regular.ttf} +0 -0
  8. data/app/assets/fonts/{MaterialIcons-Regular.woff → material-icons/MaterialIcons-Regular.woff} +0 -0
  9. data/app/assets/fonts/{MaterialIcons-Regular.woff2 → material-icons/MaterialIcons-Regular.woff2} +0 -0
  10. data/app/assets/fonts/{README.md → material-icons/README.md} +0 -0
  11. data/app/assets/fonts/{codepoints → material-icons/codepoints} +0 -0
  12. data/app/assets/fonts/roboto/Roboto-Bold.eot +0 -0
  13. data/app/assets/fonts/roboto/Roboto-Bold.ttf +0 -0
  14. data/app/assets/fonts/roboto/Roboto-Bold.woff +0 -0
  15. data/app/assets/fonts/roboto/Roboto-Bold.woff2 +0 -0
  16. data/app/assets/fonts/roboto/Roboto-Light.eot +0 -0
  17. data/app/assets/fonts/roboto/Roboto-Light.ttf +0 -0
  18. data/app/assets/fonts/roboto/Roboto-Light.woff +0 -0
  19. data/app/assets/fonts/roboto/Roboto-Light.woff2 +0 -0
  20. data/app/assets/fonts/roboto/Roboto-Medium.eot +0 -0
  21. data/app/assets/fonts/roboto/Roboto-Medium.ttf +0 -0
  22. data/app/assets/fonts/roboto/Roboto-Medium.woff +0 -0
  23. data/app/assets/fonts/roboto/Roboto-Medium.woff2 +0 -0
  24. data/app/assets/fonts/roboto/Roboto-Regular.eot +0 -0
  25. data/app/assets/fonts/roboto/Roboto-Regular.ttf +0 -0
  26. data/app/assets/fonts/roboto/Roboto-Regular.woff +0 -0
  27. data/app/assets/fonts/roboto/Roboto-Regular.woff2 +0 -0
  28. data/app/assets/fonts/roboto/Roboto-Thin.eot +0 -0
  29. data/app/assets/fonts/roboto/Roboto-Thin.ttf +0 -0
  30. data/app/assets/fonts/roboto/Roboto-Thin.woff +0 -0
  31. data/app/assets/fonts/roboto/Roboto-Thin.woff2 +0 -0
  32. data/app/assets/javascripts/material.js +739 -798
  33. data/app/assets/javascripts/material/addons-materialise/pickadate.js +139 -0
  34. data/app/assets/javascripts/material/addons-materialise/textarea-autosize.js +9 -0
  35. data/app/assets/javascripts/material/addons-materialise/wave.js +12 -0
  36. data/app/assets/javascripts/material/addons/pickadate.js +7 -0
  37. data/app/assets/javascripts/material/addons/textarea-autosize.js +5 -0
  38. data/app/assets/javascripts/material/{wave.js → addons/wave.js} +0 -10
  39. data/app/assets/javascripts/material/src/floating-label.js +91 -0
  40. data/app/assets/javascripts/material/src/navdrawer.js +352 -0
  41. data/app/assets/javascripts/material/src/tab-switch.js +136 -0
  42. data/app/assets/javascripts/material/src/util.js +138 -0
  43. data/app/assets/stylesheets/material.min.css +2 -2
  44. data/app/assets/stylesheets/material.scss +1 -1
  45. data/app/assets/stylesheets/material/_mixins.scss +21 -0
  46. data/app/assets/stylesheets/material/_utilities.scss +15 -0
  47. data/app/assets/stylesheets/material/_variables.scss +25 -0
  48. data/app/assets/stylesheets/material/base/_base.scss +482 -0
  49. data/app/assets/stylesheets/material/base/_grid.scss +28 -40
  50. data/app/assets/stylesheets/material/base/_typography.scss +208 -0
  51. data/app/assets/stylesheets/material/bootstrap/_alert.scss +55 -0
  52. data/app/assets/stylesheets/material/bootstrap/_animation.scss +26 -0
  53. data/app/assets/stylesheets/material/bootstrap/_breadcrumb.scss +39 -0
  54. data/app/assets/stylesheets/material/bootstrap/_button-group.scss +155 -0
  55. data/app/assets/stylesheets/material/bootstrap/_carousel.scss +234 -0
  56. data/app/assets/stylesheets/material/bootstrap/_close.scss +31 -0
  57. data/app/assets/stylesheets/material/bootstrap/_code.scss +50 -0
  58. data/app/assets/stylesheets/material/bootstrap/_custom-form.scss +69 -0
  59. data/app/assets/stylesheets/material/bootstrap/_form.scss +116 -0
  60. data/app/assets/stylesheets/material/bootstrap/_image.scss +25 -0
  61. data/app/assets/stylesheets/material/bootstrap/_jumbotron.scss +12 -0
  62. data/app/assets/stylesheets/material/bootstrap/_media.scss +69 -0
  63. data/app/assets/stylesheets/material/bootstrap/_nav.scss +118 -0
  64. data/app/assets/stylesheets/material/bootstrap/_pagination.scss +68 -0
  65. data/app/assets/stylesheets/material/bootstrap/_popover.scss +84 -0
  66. data/app/assets/stylesheets/material/bootstrap/_responsive-embed.scss +37 -0
  67. data/app/assets/stylesheets/material/material.scss +62 -0
  68. data/app/assets/stylesheets/material/material/_button-flat.scss +53 -0
  69. data/app/assets/stylesheets/material/material/_button-float.scss +29 -0
  70. data/app/assets/stylesheets/material/material/_button.scss +241 -0
  71. data/app/assets/stylesheets/material/material/_card.scss +286 -0
  72. data/app/assets/stylesheets/material/material/_chip.scss +93 -0
  73. data/app/assets/stylesheets/material/material/_data-table.scss +138 -0
  74. data/app/assets/stylesheets/material/material/_dialog.scss +147 -0
  75. data/app/assets/stylesheets/material/material/_expansion-panel.scss +292 -0
  76. data/app/assets/stylesheets/material/material/_menu.scss +281 -0
  77. data/app/assets/stylesheets/material/material/_navdrawer.scss +289 -0
  78. data/app/assets/stylesheets/material/material/_picker.scss +272 -0
  79. data/app/assets/stylesheets/material/material/_progress-circular.scss +144 -0
  80. data/app/assets/stylesheets/material/material/_progress.scss +174 -0
  81. data/app/assets/stylesheets/material/material/_selection-control.scss +221 -0
  82. data/app/assets/stylesheets/material/material/_stepper.scss +135 -0
  83. data/app/assets/stylesheets/material/material/_tab.scss +196 -0
  84. data/app/assets/stylesheets/material/material/_text-field-floating-label.scss +51 -0
  85. data/app/assets/stylesheets/material/material/_text-field-input-group.scss +76 -0
  86. data/app/assets/stylesheets/material/material/_text-field-textarea.scss +31 -0
  87. data/app/assets/stylesheets/material/material/_text-field.scss +179 -0
  88. data/app/assets/stylesheets/material/material/_toolbar.scss +516 -0
  89. data/app/assets/stylesheets/material/material/_tooltip.scss +86 -0
  90. data/app/assets/stylesheets/material/mixins/_background-variant.scss +14 -0
  91. data/app/assets/stylesheets/material/mixins/_border-radius.scss +34 -0
  92. data/app/assets/stylesheets/material/mixins/_breakpoint.scss +38 -0
  93. data/app/assets/stylesheets/material/mixins/_clearfix.scss +7 -0
  94. data/app/assets/stylesheets/material/mixins/_form.scss +60 -0
  95. data/app/assets/stylesheets/material/mixins/_grid.scss +149 -0
  96. data/app/assets/stylesheets/material/mixins/_hex-to-rgba.scss +3 -0
  97. data/app/assets/stylesheets/material/mixins/_hover.scss +70 -0
  98. data/app/assets/stylesheets/material/mixins/_image.scss +4 -0
  99. data/app/assets/stylesheets/material/mixins/_list.scss +4 -0
  100. data/app/assets/stylesheets/material/mixins/_nav-divider.scss +6 -0
  101. data/app/assets/stylesheets/material/mixins/_pull.scss +7 -0
  102. data/app/assets/stylesheets/material/mixins/_reset-text.scss +35 -0
  103. data/app/assets/stylesheets/material/mixins/_screenreader.scss +23 -0
  104. data/app/assets/stylesheets/material/mixins/_strip-unit.scss +3 -0
  105. data/app/assets/stylesheets/material/mixins/_tab-focus.scss +5 -0
  106. data/app/assets/stylesheets/material/mixins/_text-emphasis.scss +14 -0
  107. data/app/assets/stylesheets/material/mixins/_text-hide.scss +7 -0
  108. data/app/assets/stylesheets/material/mixins/_text-truncate.scss +5 -0
  109. data/app/assets/stylesheets/material/mixins/_transition.scss +55 -0
  110. data/app/assets/stylesheets/material/mixins/_typography.scss +69 -0
  111. data/app/assets/stylesheets/material/utilities/_align.scss +23 -0
  112. data/app/assets/stylesheets/material/utilities/_background.scss +23 -0
  113. data/app/assets/stylesheets/material/utilities/_border.scss +27 -0
  114. data/app/assets/stylesheets/material/utilities/_clearfix.scss +3 -0
  115. data/app/assets/stylesheets/material/utilities/_display.scss +11 -0
  116. data/app/assets/stylesheets/material/utilities/_float.scss +15 -0
  117. data/app/assets/stylesheets/material/utilities/_material-icons.scss +10 -0
  118. data/app/assets/stylesheets/material/utilities/_screenreader.scss +7 -0
  119. data/app/assets/stylesheets/material/utilities/_spacing.scss +65 -0
  120. data/app/assets/stylesheets/material/utilities/_text.scss +95 -0
  121. data/app/assets/stylesheets/material/utilities/_visibility.scss +50 -0
  122. data/app/assets/stylesheets/material/utilities/_waves.scss +48 -0
  123. data/app/assets/stylesheets/material/variables/_animation.scss +22 -0
  124. data/app/assets/stylesheets/material/variables/_colour.scss +389 -0
  125. data/app/assets/stylesheets/material/variables/_elevation-shadow.scss +84 -0
  126. data/app/assets/stylesheets/material/variables/_grid.scss +32 -0
  127. data/app/assets/stylesheets/material/variables/_spacer.scss +73 -0
  128. data/app/assets/stylesheets/material/variables/_typography.scss +72 -0
  129. data/app/assets/stylesheets/material/variables/_variable-bootstrap.scss +129 -0
  130. data/app/assets/stylesheets/material/variables/_variable-material.scss +434 -0
  131. data/lib/material-sass/engine.rb +3 -2
  132. data/lib/material-sass/version.rb +1 -1
  133. metadata +128 -70
  134. data/app/assets/javascripts/material.min.js +0 -2
  135. data/app/assets/javascripts/material/_.js +0 -6
  136. data/app/assets/javascripts/material/bootstrap.js +0 -6
  137. data/app/assets/javascripts/material/form-floating-label.js +0 -49
  138. data/app/assets/javascripts/material/form-textarea.js +0 -13
  139. data/app/assets/javascripts/material/header.js +0 -12
  140. data/app/assets/javascripts/material/menu.js +0 -200
  141. data/app/assets/javascripts/material/modal.js +0 -12
  142. data/app/assets/javascripts/material/picker.js +0 -141
  143. data/app/assets/javascripts/material/snackbar.js +0 -116
  144. data/app/assets/javascripts/material/tab.js +0 -51
  145. data/app/assets/javascripts/material/tile.js +0 -181
  146. data/app/assets/stylesheets/material/addons/_material-icons.scss +0 -9
  147. data/app/assets/stylesheets/material/addons/_waves.scss +0 -44
  148. data/app/assets/stylesheets/material/addons/material-icons/_core.scss +0 -20
  149. data/app/assets/stylesheets/material/addons/material-icons/_larger.scss +0 -23
  150. data/app/assets/stylesheets/material/addons/material-icons/_path.scss +0 -11
  151. data/app/assets/stylesheets/material/addons/material-icons/_variables.scss +0 -3
  152. data/app/assets/stylesheets/material/base.scss +0 -50
  153. data/app/assets/stylesheets/material/base/_reset.scss +0 -421
  154. data/app/assets/stylesheets/material/components/_avatar.scss +0 -59
  155. data/app/assets/stylesheets/material/components/_breadcrumb.scss +0 -26
  156. data/app/assets/stylesheets/material/components/_button-flat.scss +0 -22
  157. data/app/assets/stylesheets/material/components/_button-float.scss +0 -183
  158. data/app/assets/stylesheets/material/components/_button.scss +0 -81
  159. data/app/assets/stylesheets/material/components/_card.scss +0 -175
  160. data/app/assets/stylesheets/material/components/_code.scss +0 -53
  161. data/app/assets/stylesheets/material/components/_dropdown.scss +0 -99
  162. data/app/assets/stylesheets/material/components/_form-checkbox.scss +0 -161
  163. data/app/assets/stylesheets/material/components/_form-floating-label.scss +0 -64
  164. data/app/assets/stylesheets/material/components/_form-switch.scss +0 -96
  165. data/app/assets/stylesheets/material/components/_form-textarea.scss +0 -4
  166. data/app/assets/stylesheets/material/components/_form.scss +0 -217
  167. data/app/assets/stylesheets/material/components/_label.scss +0 -23
  168. data/app/assets/stylesheets/material/components/_modal.scss +0 -164
  169. data/app/assets/stylesheets/material/components/_nav.scss +0 -53
  170. data/app/assets/stylesheets/material/components/_picker.scss +0 -298
  171. data/app/assets/stylesheets/material/components/_progress-circular.scss +0 -169
  172. data/app/assets/stylesheets/material/components/_progress-loadbar.scss +0 -97
  173. data/app/assets/stylesheets/material/components/_progress.scss +0 -132
  174. data/app/assets/stylesheets/material/components/_snackbar.scss +0 -59
  175. data/app/assets/stylesheets/material/components/_stepper.scss +0 -201
  176. data/app/assets/stylesheets/material/components/_tab.scss +0 -84
  177. data/app/assets/stylesheets/material/components/_table.scss +0 -82
  178. data/app/assets/stylesheets/material/components/_tile.scss +0 -156
  179. data/app/assets/stylesheets/material/elements/_content.scss +0 -42
  180. data/app/assets/stylesheets/material/elements/_header.scss +0 -141
  181. data/app/assets/stylesheets/material/elements/_menu.scss +0 -267
  182. data/app/assets/stylesheets/material/mixin/_grid.scss +0 -78
  183. data/app/assets/stylesheets/material/mixin/_responsive.scss +0 -32
  184. data/app/assets/stylesheets/material/mixin/_utilities.scss +0 -69
  185. data/app/assets/stylesheets/material/utilities/_print.scss +0 -95
  186. data/app/assets/stylesheets/material/utilities/_utilities-responsive.scss +0 -97
  187. data/app/assets/stylesheets/material/utilities/_utilities.scss +0 -393
  188. data/app/assets/stylesheets/material/var/_colours.scss +0 -336
  189. data/app/assets/stylesheets/material/var/_variables.scss +0 -78
@@ -1,9 +0,0 @@
1
- /*!
2
- * material icons v2.2.0
3
- * http://google.github.io/material-design-icons/#icon-font-for-the-web
4
- */
5
-
6
- @import "material-icons/variables";
7
- @import "material-icons/path";
8
- @import "material-icons/core";
9
- @import "material-icons/larger";
@@ -1,44 +0,0 @@
1
- /*!
2
- * waves v0.7.4
3
- * http://fian.my.id/Waves
4
- */
5
-
6
- .waves-effect {
7
- position: relative;
8
- -webkit-tap-highlight-color: transparent;
9
- .waves-ripple {
10
- background-clip: content-box;
11
- background-color: rgba(0, 0, 0, 0.3);
12
- border-radius: 50%;
13
- height: 60px;
14
- margin-top: -30px;
15
- margin-left: -30px;
16
- opacity: 0;
17
- position: absolute;
18
- transform: scale(0) translate(0, 0);
19
- transition-duration: 0.6s;
20
- transition-property: opacity, transform;
21
- transition-timing-function: $timing;
22
- width: 60px;
23
- }
24
- &.waves-light .waves-ripple {
25
- background-color: rgba(255, 255, 255, 0.3);
26
- }
27
- }
28
-
29
- .waves-wrap {
30
- overflow: hidden;
31
- pointer-events: none;
32
- position: absolute;
33
- top: 0;
34
- right: 0;
35
- bottom: 0;
36
- left: 0;
37
- user-select: none;
38
- .waves-circle > & {
39
- border-radius: 50%;
40
- mask: url();
41
- transform: translateZ(0);
42
- -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
43
- }
44
- }
@@ -1,20 +0,0 @@
1
- .#{$mdicon-css-prefix} {
2
- display: inline-block;
3
- font-family: 'Material Icons';
4
- font-feature-settings: 'liga';
5
- font-size: inherit;
6
- font-style: normal;
7
- font-weight: normal;
8
- height: 1em;
9
- letter-spacing: normal;
10
- line-height: 1;
11
- overflow: hidden;
12
- text-rendering: optimizeLegibility;
13
- text-transform: none;
14
- vertical-align: -16%;
15
- white-space: nowrap;
16
- width: 1em;
17
- word-wrap: normal;
18
- -webkit-font-smoothing: antialiased;
19
- -moz-osx-font-smoothing: grayscale;
20
- }
@@ -1,23 +0,0 @@
1
- .#{$mdicon-css-prefix}-2x {
2
- font-size: 2em;
3
- }
4
-
5
- .#{$mdicon-css-prefix}-3x {
6
- font-size: 3em;
7
- }
8
-
9
- .#{$mdicon-css-prefix}-4x {
10
- font-size: 4em;
11
- }
12
-
13
- .#{$mdicon-css-prefix}-5x {
14
- font-size: 5em;
15
- }
16
-
17
- .#{$mdicon-css-prefix}-lg {
18
- font-size: 1.4em;
19
- vertical-align: -20%;
20
- @include responsive("(min--moz-device-pixel-ratio: 0)") {
21
- vertical-align: -26%;
22
- }
23
- }
@@ -1,11 +0,0 @@
1
- @font-face {
2
- font-family: 'Material Icons';
3
- font-style: normal;
4
- font-weight: $font-weight-normal;
5
- src: font-url("MaterialIcons-Regular.eot?v=#{$mdicon-version}");
6
- src: local('Material Icons'),
7
- local('MaterialIcons-Regular'),
8
- font-url("MaterialIcons-Regular.woff2?v=#{$mdicon-version}") format("woff2"),
9
- font-url("MaterialIcons-Regular.woff?v=#{$mdicon-version}") format("woff"),
10
- font-url("MaterialIcons-Regular.ttf?v=#{$mdicon-version}") format("truetype"),
11
- }
@@ -1,3 +0,0 @@
1
- $mdicon-css-prefix: icon !default;
2
- $mdicon-path: "#{$css-path}/fonts" !default;
3
- $mdicon-version: "2.2.2" !default;
@@ -1,50 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- @import "mixin/grid";
4
- @import "mixin/responsive";
5
- @import "mixin/utilities";
6
-
7
- @import "var/variables";
8
-
9
- // css
10
- @import "base/reset";
11
- @import "base/grid";
12
-
13
- // addons & utilities
14
- @import "addons/material-icons";
15
- @import "addons/waves";
16
-
17
- @import "utilities/print";
18
- @import "utilities/utilities";
19
- @import "utilities/utilities-responsive";
20
-
21
- // components & elements
22
- @import "components/avatar";
23
- @import "components/breadcrumb";
24
- @import "components/button";
25
- @import "components/button-flat";
26
- @import "components/button-float";
27
- @import "components/card";
28
- @import "components/code";
29
- @import "components/dropdown";
30
- @import "components/form";
31
- @import "components/form-checkbox";
32
- @import "components/form-floating-label";
33
- @import "components/form-switch";
34
- @import "components/form-textarea";
35
- @import "components/label";
36
- @import "components/modal";
37
- @import "components/nav";
38
- @import "components/picker";
39
- @import "components/progress";
40
- @import "components/progress-circular";
41
- @import "components/progress-loadbar";
42
- @import "components/snackbar";
43
- @import "components/stepper";
44
- @import "components/tab";
45
- @import "components/table";
46
- @import "components/tile";
47
-
48
- @import "elements/content";
49
- @import "elements/header";
50
- @import "elements/menu";
@@ -1,421 +0,0 @@
1
- /*!
2
- * normalize.css v3.0.3
3
- * github.com/necolas/normalize.css
4
- */
5
-
6
- *,
7
- *:after,
8
- *:before {
9
- box-sizing: border-box;
10
- }
11
-
12
- @-ms-viewport {
13
- width: device-width;
14
- }
15
-
16
- body {
17
- background-color: $white;
18
- background-image: none;
19
- color: $black-text-solid;
20
- font-family: $font-fam;
21
- font-size: $font-size;
22
- font-weight: $font-weight-normal;
23
- line-height: $line-height;
24
- margin: 0;
25
- padding: 0;
26
- text-rendering: optimizeLegibility;
27
- -webkit-font-smoothing: subpixel-antialiased;
28
- }
29
-
30
- html {
31
- font-family: sans-serif;
32
- font-size: 100%;
33
- min-height: 100%;
34
- position: relative;
35
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
36
- -webkit-text-size-adjust: 100%;
37
- -ms-text-size-adjust: 100%;
38
- }
39
-
40
- // form
41
- button,
42
- input,
43
- optgroup,
44
- select,
45
- textarea {
46
- color: inherit;
47
- font: inherit;
48
- margin: 0;
49
- }
50
-
51
- button,
52
- input[type="button"],
53
- input[type="reset"],
54
- input[type="submit"] {
55
- cursor: pointer;
56
- -webkit-appearance: button;
57
- }
58
-
59
- button,
60
- select {
61
- text-transform: none;
62
- }
63
-
64
- button {
65
- overflow: visible;
66
- }
67
-
68
- button[disabled],
69
- input[disabled] {
70
- cursor: default;
71
- }
72
-
73
- button::-moz-focus-inner,
74
- input::-moz-focus-inner {
75
- border: 0;
76
- padding: 0;
77
- }
78
-
79
- fieldset {
80
- border: 0;
81
- margin: 0;
82
- min-width: 0;
83
- padding: 0;
84
- & ~ fieldset {
85
- margin-top: $margin-md;
86
- }
87
- }
88
-
89
- input {
90
- line-height: normal;
91
- }
92
-
93
- input[type="checkbox"],
94
- input[type="radio"] {
95
- line-height: normal;
96
- margin: 4px 0 0;
97
- padding: 0;
98
- }
99
-
100
- input[type="color"] {
101
- min-width: $line-height;
102
- width: auto;
103
- }
104
-
105
- input[type="date"],
106
- input[type="datetime-local"],
107
- input[type="month"],
108
- input[type="time"] {
109
- line-height: $line-height;
110
- line-height: 1 #{\0};
111
- }
112
-
113
- input[type="file"] {
114
- display: block;
115
- height: auto;
116
- line-height: 1;
117
- min-height: $input-height;
118
- padding-top: (($input-height - $line-height) / 2);
119
- padding-bottom: (($input-height - $line-height) / 2);
120
- }
121
-
122
- input[type="number"]::-webkit-inner-spin-button,
123
- input[type="number"]::-webkit-outer-spin-button {
124
- height: auto;
125
- }
126
-
127
- input[type="range"] {
128
- display: block;
129
- height: $input-height;
130
- width: 100%;
131
- }
132
-
133
- input[type="search"] {
134
- box-sizing: border-box;
135
- -webkit-appearance: none;
136
- }
137
-
138
- input[type="search"]::-webkit-search-cancel-button,
139
- input[type="search"]::-webkit-search-decoration {
140
- -webkit-appearance: none;
141
- }
142
-
143
- label {
144
- display: inline-block;
145
- font-weight: $font-weight-medium;
146
- margin: 0;
147
- max-width: 100%;
148
- }
149
-
150
- legend {
151
- border: 0;
152
- color: $black-text-solid;
153
- display: block;
154
- font-size: $font-size-h3;
155
- font-weight: $font-weight-normal;
156
- line-height: $line-height-h3;
157
- margin: 0 0 $margin-sm;
158
- padding: 0;
159
- width: 100%;
160
- }
161
-
162
- optgroup {
163
- font-weight: $font-weight-medium;
164
- }
165
-
166
- select[multiple],
167
- select[size] {
168
- height: auto;
169
- }
170
-
171
- textarea {
172
- overflow: auto;
173
- }
174
-
175
- // list
176
- dd,
177
- dt,
178
- li {
179
- line-height: $line-height;
180
- }
181
-
182
- dd {
183
- margin: 0;
184
- }
185
-
186
- dl {
187
- margin: $margin-sm 0;
188
- }
189
-
190
- dt {
191
- font-weight: $font-weight-medium;
192
- }
193
-
194
- ol,
195
- ul {
196
- margin: $margin-sm 0;
197
- padding: 0 0 0 ($grid-gutter * 2);
198
- ol,
199
- ul {
200
- margin-top: 0;
201
- margin-bottom: 0;
202
- }
203
- }
204
-
205
- // table
206
- table {
207
- border-collapse: collapse;
208
- border-spacing: 0;
209
- }
210
-
211
- td,
212
- th {
213
- padding: 0;
214
- }
215
-
216
- th {
217
- text-align: left;
218
- }
219
-
220
- // typography
221
- a {
222
- background-color: transparent;
223
- background-image: none;
224
- color: $link-color;
225
- text-decoration: none;
226
- &:focus,
227
- &:hover {
228
- color: $link-color-hover;
229
- outline: 0;
230
- text-decoration: underline;
231
- }
232
- }
233
-
234
- abbr[title] {
235
- border-bottom: 1px dashed $black-divider;
236
- cursor: help;
237
- }
238
-
239
- b,
240
- strong {
241
- font-weight: $font-weight-medium;
242
- }
243
-
244
- dfn {
245
- font-style: italic;
246
- }
247
-
248
- h1,
249
- h2,
250
- h3,
251
- h4,
252
- h5,
253
- h6,
254
- .h1,
255
- .h2,
256
- .h3,
257
- .h4,
258
- .h5,
259
- .h6 {
260
- color: inherit;
261
- font-family: $font-fam;
262
- font-weight: $font-weight-normal;
263
- margin-top: $margin-lg;
264
- margin-bottom: $margin-sm;
265
- }
266
-
267
- h1,
268
- .h1 {
269
- font-size: $font-size-h1;
270
- line-height: $line-height-h1;
271
- }
272
-
273
- h2,
274
- .h2 {
275
- font-size: $font-size-h2;
276
- line-height: $line-height-h2;
277
- }
278
-
279
- h3,
280
- .h3 {
281
- font-size: $font-size-h3;
282
- line-height: $line-height-h3;
283
- }
284
-
285
- h4,
286
- .h4 {
287
- font-size: $font-size-h4;
288
- line-height: $line-height-h4;
289
- }
290
-
291
- h5,
292
- .h5 {
293
- font-size: $font-size-h5;
294
- line-height: $line-height-h5;
295
- }
296
-
297
- h6,
298
- .h6 {
299
- font-size: $font-size-h6;
300
- line-height: $line-height-h6;
301
- }
302
-
303
- h1,
304
- h2,
305
- h3,
306
- h4,
307
- .h1,
308
- .h2,
309
- .h3,
310
- .h4 {
311
- small {
312
- font-size: $font-size;
313
- }
314
- }
315
-
316
- p {
317
- margin: $margin-sm 0;
318
- }
319
-
320
- small {
321
- font-size: 75%;
322
- line-height: 1;
323
- }
324
-
325
- sub,
326
- sup {
327
- font-size: 80%;
328
- line-height: 0;
329
- position: relative;
330
- vertical-align: baseline;
331
- }
332
-
333
- sub {
334
- // position
335
- bottom: -0.25em;
336
- }
337
-
338
- sup {
339
- // position
340
- top: -0.5em;
341
- }
342
-
343
- // utilities
344
- address {
345
- font-size: $font-size;
346
- font-style: normal;
347
- font-weight: $font-weight-normal;
348
- line-height: $line-height;
349
- margin: $margin-sm 0;
350
- }
351
-
352
- article,
353
- aside,
354
- details,
355
- figcaption,
356
- figure,
357
- footer,
358
- header,
359
- hgroup,
360
- main,
361
- menu,
362
- nav,
363
- section,
364
- summary {
365
- display: block;
366
- }
367
-
368
- audio,
369
- canvas,
370
- progress,
371
- video {
372
- display: inline-block;
373
- max-width: 100%;
374
- vertical-align: baseline;
375
- }
376
-
377
- audio:not([controls]) {
378
- display: none;
379
- height: 0;
380
- }
381
-
382
- blockquote,
383
- q {
384
- font-size: $font-size-h4;
385
- font-style: italic;
386
- font-weight: $font-weight-light;
387
- line-height: $line-height-h4;
388
- margin: $margin-md 0;
389
- padding-right: ($grid-gutter * 2);
390
- padding-left: ($grid-gutter * 2);
391
- position: relative;
392
- }
393
-
394
- figure {
395
- margin: 1em 40px;
396
- }
397
-
398
- hr,
399
- .hr {
400
- border: 0;
401
- border-top: 1px solid $black-divider;
402
- box-sizing: content-box;
403
- display: block;
404
- height: 0;
405
- margin-top: $margin-md;
406
- margin-bottom: $margin-md;
407
- }
408
-
409
- img {
410
- border: 0;
411
- vertical-align: middle;
412
- }
413
-
414
- svg:not(:root) {
415
- overflow: hidden;
416
- }
417
-
418
- template,
419
- [hidden] {
420
- display: none;
421
- }