hux 0.0.0 → 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (73) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +8 -0
  3. data/.hound.yml +5 -0
  4. data/.ruby-version +1 -0
  5. data/.scss-lint.yml +249 -0
  6. data/CHANGELOG.md +4 -0
  7. data/CODE_OF_CONDUCT.md +6 -0
  8. data/Gemfile +3 -0
  9. data/Gulpfile.js +34 -0
  10. data/LICENSE.md +21 -0
  11. data/README.md +1 -0
  12. data/RELEASING.md +21 -0
  13. data/Rakefile +8 -0
  14. data/bin/hux +5 -0
  15. data/circle.yml +7 -0
  16. data/contrib/index.html +1 -0
  17. data/contrib/styles.scss +19 -0
  18. data/core/_base.scss +9 -0
  19. data/core/_generic.scss +152 -0
  20. data/core/_helpers.scss +349 -0
  21. data/core/_minireset.scss +92 -0
  22. data/core/components/_all.scss +15 -0
  23. data/core/components/_breadcrumb.scss +116 -0
  24. data/core/components/_card.scss +77 -0
  25. data/core/components/_dropdown.scss +84 -0
  26. data/core/components/_level.scss +119 -0
  27. data/core/components/_media.scss +64 -0
  28. data/core/components/_menu.scss +72 -0
  29. data/core/components/_message.scss +118 -0
  30. data/core/components/_modal.scss +132 -0
  31. data/core/components/_nav.scss +173 -0
  32. data/core/components/_navbar.scss +441 -0
  33. data/core/components/_pagination.scss +188 -0
  34. data/core/components/_panel.scss +135 -0
  35. data/core/components/_tabs.scss +206 -0
  36. data/core/elements/_all.scss +14 -0
  37. data/core/elements/_box.scss +30 -0
  38. data/core/elements/_button.scss +290 -0
  39. data/core/elements/_container.scss +44 -0
  40. data/core/elements/_content.scss +224 -0
  41. data/core/elements/_form.scss +935 -0
  42. data/core/elements/_icon.scss +28 -0
  43. data/core/elements/_image.scss +56 -0
  44. data/core/elements/_notification.scss +53 -0
  45. data/core/elements/_other.scss +48 -0
  46. data/core/elements/_progress.scss +56 -0
  47. data/core/elements/_table.scss +148 -0
  48. data/core/elements/_tag.scss +132 -0
  49. data/core/elements/_title.scss +81 -0
  50. data/core/grid/_all.scss +2 -0
  51. data/core/grid/_columns.scss +577 -0
  52. data/core/grid/_tiles.scss +53 -0
  53. data/core/layout/_all.scss +3 -0
  54. data/core/layout/_footer.scss +6 -0
  55. data/core/layout/_hero.scss +257 -0
  56. data/core/layout/_section.scss +19 -0
  57. data/core/utilities/_all.scss +6 -0
  58. data/core/utilities/_animations.scss +9 -0
  59. data/core/utilities/_controls.scss +51 -0
  60. data/core/utilities/_derived-variables.scss +81 -0
  61. data/core/utilities/_functions.scss +46 -0
  62. data/core/utilities/_initial-variables.scss +68 -0
  63. data/core/utilities/_mixins.scss +301 -0
  64. data/core/utilities/_variables.scss +153 -0
  65. data/hux.gemspec +31 -0
  66. data/lib/hux/generator.rb +80 -0
  67. data/lib/hux/version.rb +3 -0
  68. data/lib/hux.rb +1 -1
  69. data/package.json +33 -0
  70. data/spec/bitters_spec.rb +17 -0
  71. data/spec/fixtures/application.scss +2 -0
  72. data/spec/spec_helper.rb +3 -0
  73. metadata +183 -12
@@ -0,0 +1,224 @@
1
+ $content-heading-color: $text-strong !default;
2
+ $content-heading-weight: $weight-normal !default;
3
+ $content-heading-line-height: 1.125 !default;
4
+
5
+ $content-blockquote-background-color: $background !default;
6
+ $content-blockquote-border-left: 5px solid $border !default;
7
+ $content-blockquote-padding: 1.25em 1.5em !default;
8
+
9
+ $content-pre-padding: 1.25em 1.5em !default;
10
+
11
+ $content-table-cell-border: 1px solid $border !default;
12
+ $content-table-cell-border-width: 0 0 1px !default;
13
+ $content-table-cell-padding: 0.5em 0.75em !default;
14
+ $content-table-cell-heading-color: $text-strong !default;
15
+ $content-table-row-hover-background-color: $background !default;
16
+ $content-table-head-cell-border-width: 0 0 2px !default;
17
+ $content-table-head-cell-color: $text-strong !default;
18
+ $content-table-foot-cell-border-width: 2px 0 0 !default;
19
+ $content-table-foot-cell-color: $text-strong !default;
20
+
21
+ .content {
22
+ @include block;
23
+
24
+ // Inline
25
+ li + li {
26
+ margin-top: 0.25em;
27
+ }
28
+
29
+ // Block
30
+ p,
31
+ dl,
32
+ ol,
33
+ ul,
34
+ blockquote,
35
+ pre,
36
+ table {
37
+ &:not(:last-child) {
38
+ margin-bottom: 1em;
39
+ }
40
+ }
41
+
42
+ h1,
43
+ h2,
44
+ h3,
45
+ h4,
46
+ h5,
47
+ h6 {
48
+ color: $content-heading-color;
49
+ font-weight: $content-heading-weight;
50
+ line-height: $content-heading-line-height;
51
+ }
52
+
53
+ h1 {
54
+ font-size: 2em;
55
+ margin-bottom: 0.5em;
56
+
57
+ &:not(:first-child) {
58
+ margin-top: 1em;
59
+ }
60
+ }
61
+
62
+ h2 {
63
+ font-size: 1.75em;
64
+ margin-bottom: 0.5714em;
65
+
66
+ &:not(:first-child) {
67
+ margin-top: 1.1428em;
68
+ }
69
+ }
70
+
71
+ h3 {
72
+ font-size: 1.5em;
73
+ margin-bottom: 0.6666em;
74
+
75
+ &:not(:first-child) {
76
+ margin-top: 1.3333em;
77
+ }
78
+ }
79
+
80
+ h4 {
81
+ font-size: 1.25em;
82
+ margin-bottom: 0.8em;
83
+ }
84
+
85
+ h5 {
86
+ font-size: 1.125em;
87
+ margin-bottom: 0.8888em;
88
+ }
89
+
90
+ h6 {
91
+ font-size: 1em;
92
+ margin-bottom: 1em;
93
+ }
94
+
95
+ blockquote {
96
+ background-color: $content-blockquote-background-color;
97
+ border-left: $content-blockquote-border-left;
98
+ padding: $content-blockquote-padding;
99
+ }
100
+
101
+ ol {
102
+ list-style: decimal outside;
103
+ margin-left: 2em;
104
+ margin-top: 1em;
105
+ }
106
+
107
+ ul {
108
+ list-style: disc outside;
109
+ margin-left: 2em;
110
+ margin-top: 1em;
111
+
112
+ ul {
113
+ list-style-type: circle;
114
+ margin-top: 0.5em;
115
+
116
+ ul {
117
+ list-style-type: square;
118
+ }
119
+ }
120
+ }
121
+
122
+ dd {
123
+ margin-left: 2em;
124
+ }
125
+
126
+ figure {
127
+ margin-left: 2em;
128
+ margin-right: 2em;
129
+ text-align: center;
130
+
131
+ &:not(:first-child) {
132
+ margin-top: 2em;
133
+ }
134
+
135
+ &:not(:last-child) {
136
+ margin-bottom: 2em;
137
+ }
138
+
139
+ img {
140
+ display: inline-block;
141
+ }
142
+
143
+ figcaption {
144
+ font-style: italic;
145
+ }
146
+ }
147
+
148
+ pre {
149
+ @include overflow-touch;
150
+
151
+ overflow-x: auto;
152
+ padding: $content-pre-padding;
153
+ white-space: pre;
154
+ word-wrap: normal;
155
+ }
156
+
157
+ sup,
158
+ sub {
159
+ font-size: 75%;
160
+ }
161
+
162
+ table {
163
+ width: 100%;
164
+
165
+ td,
166
+ th {
167
+ border: $content-table-cell-border;
168
+ border-width: $content-table-cell-border-width;
169
+ padding: $content-table-cell-padding;
170
+ vertical-align: top;
171
+ }
172
+
173
+ th {
174
+ color: $content-table-cell-heading-color;
175
+ text-align: left;
176
+ }
177
+
178
+ tr {
179
+ &:hover {
180
+ background-color: $content-table-row-hover-background-color;
181
+ }
182
+ }
183
+
184
+ thead {
185
+ td,
186
+ th {
187
+ border-width: $content-table-head-cell-border-width;
188
+ color: $content-table-head-cell-color;
189
+ }
190
+ }
191
+
192
+ tfoot {
193
+ td,
194
+ th {
195
+ border-width: $content-table-foot-cell-border-width;
196
+ color: $content-table-foot-cell-color;
197
+ }
198
+ }
199
+
200
+ tbody {
201
+ tr {
202
+ &:last-child {
203
+ td,
204
+ th {
205
+ border-bottom-width: 0;
206
+ }
207
+ }
208
+ }
209
+ }
210
+ }
211
+
212
+ // Sizes
213
+ &.is-small {
214
+ font-size: $size-small;
215
+ }
216
+
217
+ &.is-medium {
218
+ font-size: $size-medium;
219
+ }
220
+
221
+ &.is-large {
222
+ font-size: $size-large;
223
+ }
224
+ }