hux 0.0.0 → 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +8 -0
- data/.hound.yml +5 -0
- data/.ruby-version +1 -0
- data/.scss-lint.yml +249 -0
- data/CHANGELOG.md +4 -0
- data/CODE_OF_CONDUCT.md +6 -0
- data/Gemfile +3 -0
- data/Gulpfile.js +34 -0
- data/LICENSE.md +21 -0
- data/README.md +1 -0
- data/RELEASING.md +21 -0
- data/Rakefile +8 -0
- data/bin/hux +5 -0
- data/circle.yml +7 -0
- data/contrib/index.html +1 -0
- data/contrib/styles.scss +19 -0
- data/core/_base.scss +9 -0
- data/core/_generic.scss +152 -0
- data/core/_helpers.scss +349 -0
- data/core/_minireset.scss +92 -0
- data/core/components/_all.scss +15 -0
- data/core/components/_breadcrumb.scss +116 -0
- data/core/components/_card.scss +77 -0
- data/core/components/_dropdown.scss +84 -0
- data/core/components/_level.scss +119 -0
- data/core/components/_media.scss +64 -0
- data/core/components/_menu.scss +72 -0
- data/core/components/_message.scss +118 -0
- data/core/components/_modal.scss +132 -0
- data/core/components/_nav.scss +173 -0
- data/core/components/_navbar.scss +441 -0
- data/core/components/_pagination.scss +188 -0
- data/core/components/_panel.scss +135 -0
- data/core/components/_tabs.scss +206 -0
- data/core/elements/_all.scss +14 -0
- data/core/elements/_box.scss +30 -0
- data/core/elements/_button.scss +290 -0
- data/core/elements/_container.scss +44 -0
- data/core/elements/_content.scss +224 -0
- data/core/elements/_form.scss +935 -0
- data/core/elements/_icon.scss +28 -0
- data/core/elements/_image.scss +56 -0
- data/core/elements/_notification.scss +53 -0
- data/core/elements/_other.scss +48 -0
- data/core/elements/_progress.scss +56 -0
- data/core/elements/_table.scss +148 -0
- data/core/elements/_tag.scss +132 -0
- data/core/elements/_title.scss +81 -0
- data/core/grid/_all.scss +2 -0
- data/core/grid/_columns.scss +577 -0
- data/core/grid/_tiles.scss +53 -0
- data/core/layout/_all.scss +3 -0
- data/core/layout/_footer.scss +6 -0
- data/core/layout/_hero.scss +257 -0
- data/core/layout/_section.scss +19 -0
- data/core/utilities/_all.scss +6 -0
- data/core/utilities/_animations.scss +9 -0
- data/core/utilities/_controls.scss +51 -0
- data/core/utilities/_derived-variables.scss +81 -0
- data/core/utilities/_functions.scss +46 -0
- data/core/utilities/_initial-variables.scss +68 -0
- data/core/utilities/_mixins.scss +301 -0
- data/core/utilities/_variables.scss +153 -0
- data/hux.gemspec +31 -0
- data/lib/hux/generator.rb +80 -0
- data/lib/hux/version.rb +3 -0
- data/lib/hux.rb +1 -1
- data/package.json +33 -0
- data/spec/bitters_spec.rb +17 -0
- data/spec/fixtures/application.scss +2 -0
- data/spec/spec_helper.rb +3 -0
- metadata +183 -12
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: b9b5745771a8e5bb74d95c536a4dc75f8eca28fe
|
4
|
+
data.tar.gz: e6926eb93cafa03e0074666e4f771f77814ed156
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: a0709adcdd22a048d310222b2d6fa3e361c691817ec76f6d1a50a9c222292b12603e44015be1b0b4e128acf6369d147cea0c6ad5ce076eb63e6bb03e36e94054
|
7
|
+
data.tar.gz: 5a6f99bb8a53fcd4537495afc9fbc8613523f83b2b8da4fc4bc35f90475c28fb812557c7db0e7a5dac82379ceb338bf4ff0a89856308e226177868cbd63fa8af
|
data/.gitignore
ADDED
data/.hound.yml
ADDED
data/.ruby-version
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
2.4.1
|
data/.scss-lint.yml
ADDED
@@ -0,0 +1,249 @@
|
|
1
|
+
scss_files: "**/*.scss"
|
2
|
+
|
3
|
+
exclude: "node_modules/**"
|
4
|
+
|
5
|
+
severity: warning
|
6
|
+
|
7
|
+
linters:
|
8
|
+
BangFormat:
|
9
|
+
enabled: true
|
10
|
+
space_before_bang: true
|
11
|
+
space_after_bang: false
|
12
|
+
|
13
|
+
BemDepth:
|
14
|
+
enabled: false
|
15
|
+
|
16
|
+
BorderZero:
|
17
|
+
enabled: true
|
18
|
+
convention: zero
|
19
|
+
|
20
|
+
ChainedClasses:
|
21
|
+
enabled: false
|
22
|
+
|
23
|
+
ColorKeyword:
|
24
|
+
enabled: true
|
25
|
+
|
26
|
+
ColorVariable:
|
27
|
+
enabled: true
|
28
|
+
|
29
|
+
Comment:
|
30
|
+
enabled: true
|
31
|
+
style: silent
|
32
|
+
|
33
|
+
DebugStatement:
|
34
|
+
enabled: true
|
35
|
+
|
36
|
+
DeclarationOrder:
|
37
|
+
enabled: true
|
38
|
+
|
39
|
+
DisableLinterReason:
|
40
|
+
enabled: false
|
41
|
+
|
42
|
+
DuplicateProperty:
|
43
|
+
enabled: true
|
44
|
+
|
45
|
+
ElsePlacement:
|
46
|
+
enabled: true
|
47
|
+
style: same_line
|
48
|
+
|
49
|
+
EmptyLineBetweenBlocks:
|
50
|
+
enabled: true
|
51
|
+
ignore_single_line_blocks: true
|
52
|
+
|
53
|
+
EmptyRule:
|
54
|
+
enabled: true
|
55
|
+
|
56
|
+
ExtendDirective:
|
57
|
+
enabled: true
|
58
|
+
|
59
|
+
FinalNewline:
|
60
|
+
enabled: true
|
61
|
+
present: true
|
62
|
+
|
63
|
+
HexLength:
|
64
|
+
enabled: true
|
65
|
+
style: short
|
66
|
+
|
67
|
+
HexNotation:
|
68
|
+
enabled: true
|
69
|
+
style: lowercase
|
70
|
+
|
71
|
+
HexValidation:
|
72
|
+
enabled: true
|
73
|
+
|
74
|
+
IdSelector:
|
75
|
+
enabled: true
|
76
|
+
|
77
|
+
ImportantRule:
|
78
|
+
enabled: true
|
79
|
+
|
80
|
+
ImportPath:
|
81
|
+
enabled: true
|
82
|
+
leading_underscore: false
|
83
|
+
filename_extension: false
|
84
|
+
|
85
|
+
Indentation:
|
86
|
+
enabled: true
|
87
|
+
allow_non_nested_indentation: false
|
88
|
+
character: space
|
89
|
+
width: 2
|
90
|
+
|
91
|
+
LeadingZero:
|
92
|
+
enabled: true
|
93
|
+
style: include_zero
|
94
|
+
|
95
|
+
LengthVariable:
|
96
|
+
enabled: false
|
97
|
+
|
98
|
+
MergeableSelector:
|
99
|
+
enabled: true
|
100
|
+
force_nesting: true
|
101
|
+
|
102
|
+
NameFormat:
|
103
|
+
enabled: true
|
104
|
+
allow_leading_underscore: true
|
105
|
+
convention: hyphenated_lowercase
|
106
|
+
|
107
|
+
NestingDepth:
|
108
|
+
enabled: true
|
109
|
+
max_depth: 3
|
110
|
+
ignore_parent_selectors: false
|
111
|
+
|
112
|
+
PlaceholderInExtend:
|
113
|
+
enabled: true
|
114
|
+
|
115
|
+
PrivateNamingConvention:
|
116
|
+
enabled: false
|
117
|
+
|
118
|
+
PropertyCount:
|
119
|
+
enabled: false
|
120
|
+
|
121
|
+
PropertySortOrder:
|
122
|
+
enabled: true
|
123
|
+
ignore_unspecified: false
|
124
|
+
min_properties: 2
|
125
|
+
separate_groups: false
|
126
|
+
|
127
|
+
PropertySpelling:
|
128
|
+
enabled: true
|
129
|
+
extra_properties:
|
130
|
+
- text-decoration-skip
|
131
|
+
disabled_properties: []
|
132
|
+
|
133
|
+
PropertyUnits:
|
134
|
+
enabled: true
|
135
|
+
global: [
|
136
|
+
'ch', 'em', 'ex', 'rem',
|
137
|
+
'cm', 'in', 'mm', 'pc', 'pt', 'px', 'q',
|
138
|
+
'vh', 'vw', 'vmin', 'vmax',
|
139
|
+
'deg', 'grad', 'rad', 'turn',
|
140
|
+
'ms', 's',
|
141
|
+
'Hz', 'kHz',
|
142
|
+
'dpi', 'dpcm', 'dppx',
|
143
|
+
'%']
|
144
|
+
properties:
|
145
|
+
line-height: []
|
146
|
+
|
147
|
+
PseudoElement:
|
148
|
+
enabled: true
|
149
|
+
|
150
|
+
QualifyingElement:
|
151
|
+
enabled: true
|
152
|
+
allow_element_with_attribute: false
|
153
|
+
allow_element_with_class: false
|
154
|
+
allow_element_with_id: false
|
155
|
+
|
156
|
+
SelectorDepth:
|
157
|
+
enabled: true
|
158
|
+
max_depth: 3
|
159
|
+
|
160
|
+
SelectorFormat:
|
161
|
+
enabled: true
|
162
|
+
convention: hyphenated_lowercase
|
163
|
+
|
164
|
+
Shorthand:
|
165
|
+
enabled: true
|
166
|
+
|
167
|
+
SingleLinePerProperty:
|
168
|
+
enabled: true
|
169
|
+
allow_single_line_rule_sets: true
|
170
|
+
|
171
|
+
SingleLinePerSelector:
|
172
|
+
enabled: true
|
173
|
+
|
174
|
+
SpaceAfterComma:
|
175
|
+
enabled: true
|
176
|
+
style: one_space
|
177
|
+
|
178
|
+
SpaceAfterComment:
|
179
|
+
enabled: true
|
180
|
+
style: at_least_one_space
|
181
|
+
allow_empty_comments: true
|
182
|
+
|
183
|
+
SpaceAfterPropertyColon:
|
184
|
+
enabled: true
|
185
|
+
style: one_space
|
186
|
+
|
187
|
+
SpaceAfterPropertyName:
|
188
|
+
enabled: true
|
189
|
+
|
190
|
+
SpaceAfterVariableColon:
|
191
|
+
enabled: true
|
192
|
+
style: one_space
|
193
|
+
|
194
|
+
SpaceAfterVariableName:
|
195
|
+
enabled: true
|
196
|
+
|
197
|
+
SpaceAroundOperator:
|
198
|
+
enabled: true
|
199
|
+
style: one_space
|
200
|
+
|
201
|
+
SpaceBeforeBrace:
|
202
|
+
enabled: true
|
203
|
+
style: space
|
204
|
+
allow_single_line_padding: false
|
205
|
+
|
206
|
+
SpaceBetweenParens:
|
207
|
+
enabled: true
|
208
|
+
spaces: 0
|
209
|
+
|
210
|
+
StringQuotes:
|
211
|
+
enabled: true
|
212
|
+
style: double_quotes
|
213
|
+
|
214
|
+
TrailingSemicolon:
|
215
|
+
enabled: true
|
216
|
+
|
217
|
+
TrailingWhitespace:
|
218
|
+
enabled: true
|
219
|
+
|
220
|
+
TrailingZero:
|
221
|
+
enabled: true
|
222
|
+
|
223
|
+
TransitionAll:
|
224
|
+
enabled: true
|
225
|
+
|
226
|
+
UnnecessaryMantissa:
|
227
|
+
enabled: true
|
228
|
+
|
229
|
+
UnnecessaryParentReference:
|
230
|
+
enabled: true
|
231
|
+
|
232
|
+
UrlFormat:
|
233
|
+
enabled: false
|
234
|
+
|
235
|
+
UrlQuotes:
|
236
|
+
enabled: true
|
237
|
+
|
238
|
+
VariableForProperty:
|
239
|
+
enabled: false
|
240
|
+
|
241
|
+
VendorPrefix:
|
242
|
+
enabled: true
|
243
|
+
identifier_list: base
|
244
|
+
|
245
|
+
ZeroUnit:
|
246
|
+
enabled: true
|
247
|
+
|
248
|
+
Compass::*:
|
249
|
+
enabled: false
|
data/CHANGELOG.md
ADDED
data/CODE_OF_CONDUCT.md
ADDED
data/Gemfile
ADDED
data/Gulpfile.js
ADDED
@@ -0,0 +1,34 @@
|
|
1
|
+
var bourbon = require("bourbon").includePaths,
|
2
|
+
autoprefix = require("gulp-autoprefixer"),
|
3
|
+
connect = require("gulp-connect"),
|
4
|
+
gulp = require("gulp"),
|
5
|
+
sass = require("gulp-sass");
|
6
|
+
|
7
|
+
var paths = {
|
8
|
+
scss: [
|
9
|
+
"./core/**/*.scss",
|
10
|
+
"./contrib/*.scss"
|
11
|
+
]
|
12
|
+
};
|
13
|
+
|
14
|
+
gulp.task("sass", function () {
|
15
|
+
return gulp.src(paths.scss)
|
16
|
+
.pipe(sass({
|
17
|
+
includePaths: ["styles"].concat(bourbon)
|
18
|
+
}))
|
19
|
+
.pipe(autoprefix("last 2 versions"))
|
20
|
+
.pipe(gulp.dest("./contrib"))
|
21
|
+
.pipe(connect.reload());
|
22
|
+
});
|
23
|
+
|
24
|
+
gulp.task("connect", function() {
|
25
|
+
connect.server({
|
26
|
+
root: "contrib",
|
27
|
+
port: 8000,
|
28
|
+
livereload: true
|
29
|
+
});
|
30
|
+
});
|
31
|
+
|
32
|
+
gulp.task("default", ["sass", "connect"], function() {
|
33
|
+
gulp.watch(paths.scss, ["sass"]);
|
34
|
+
});
|
data/LICENSE.md
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright © 2013–2017 [thoughtbot, inc.](http://thoughtbot.com)
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the “Software”), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
13
|
+
copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
21
|
+
SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
Hux Readme goes here ...
|
data/RELEASING.md
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
# Releasing
|
2
|
+
|
3
|
+
1. Update the version number in these places:
|
4
|
+
|
5
|
+
- `lib/hux/version.rb`
|
6
|
+
- `core/_base.scss`
|
7
|
+
- `package.json`
|
8
|
+
|
9
|
+
1. Update `CHANGELOG.md`. We follow the guidelines from [Keep a CHANGELOG].
|
10
|
+
|
11
|
+
1. Commit changes. Use the convention “Hux vX.X.X” in your commit message.
|
12
|
+
There shouldn’t be code changes, and thus CI doesn’t need to run.
|
13
|
+
|
14
|
+
1. Run `bundle exec rake release`, which tags the release, pushes the tag to
|
15
|
+
GitHub, and pushes the gem to RubyGems.org.
|
16
|
+
|
17
|
+
1. Draft a [new GitHub release][github-release]. Upon publishing, a tweet will
|
18
|
+
_automatically be sent_ on the [@bourbonsass] Twitter account via [Zapier].
|
19
|
+
It will look like this:
|
20
|
+
|
21
|
+
> We’ve released Hux {release_title}: {release_link}
|
data/Rakefile
ADDED
data/bin/hux
ADDED
data/circle.yml
ADDED
data/contrib/index.html
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
Hux documentation goes here ...
|
data/contrib/styles.scss
ADDED
@@ -0,0 +1,19 @@
|
|
1
|
+
@import "bourbon";
|
2
|
+
@import "../core/base";
|
3
|
+
|
4
|
+
body {
|
5
|
+
margin: 0 0 ($base-spacing * 2);
|
6
|
+
}
|
7
|
+
|
8
|
+
.container {
|
9
|
+
@include margin(null auto);
|
10
|
+
@include padding(null $base-spacing);
|
11
|
+
max-width: 500px;
|
12
|
+
}
|
13
|
+
|
14
|
+
.welcome-message {
|
15
|
+
@include padding($base-spacing null);
|
16
|
+
background-color: #f2f2f2;
|
17
|
+
margin-bottom: $base-spacing;
|
18
|
+
text-align: center;
|
19
|
+
}
|
data/core/_base.scss
ADDED
data/core/_generic.scss
ADDED
@@ -0,0 +1,152 @@
|
|
1
|
+
$body-background-color: #fff !default;
|
2
|
+
$body-size: 16px !default;
|
3
|
+
$body-rendering: optimizeLegibility !default;
|
4
|
+
$body-family: $family-primary !default;
|
5
|
+
$body-color: $text !default;
|
6
|
+
$body-weight: $weight-normal !default;
|
7
|
+
$body-line-height: 1.5 !default;
|
8
|
+
|
9
|
+
$code-family: $family-code !default;
|
10
|
+
$code-padding: 0.25em 0.5em 0.25em !default;
|
11
|
+
$code-weight: normal !default;
|
12
|
+
$code-size: 0.875em !default;
|
13
|
+
|
14
|
+
$hr-background-color: $border !default;
|
15
|
+
$hr-height: 1px !default;
|
16
|
+
$hr-margin: 1.5rem 0 !default;
|
17
|
+
|
18
|
+
$strong-color: $text-strong !default;
|
19
|
+
$strong-weight: $weight-bold !default;
|
20
|
+
|
21
|
+
html {
|
22
|
+
background-color: $body-background-color;
|
23
|
+
font-size: $body-size;
|
24
|
+
-moz-osx-font-smoothing: grayscale;
|
25
|
+
-webkit-font-smoothing: antialiased;
|
26
|
+
min-width: 300px;
|
27
|
+
overflow-x: hidden;
|
28
|
+
overflow-y: scroll;
|
29
|
+
text-rendering: $body-rendering;
|
30
|
+
text-size-adjust: 100%;
|
31
|
+
}
|
32
|
+
|
33
|
+
article,
|
34
|
+
aside,
|
35
|
+
figure,
|
36
|
+
footer,
|
37
|
+
header,
|
38
|
+
hgroup,
|
39
|
+
section {
|
40
|
+
display: block;
|
41
|
+
}
|
42
|
+
|
43
|
+
body,
|
44
|
+
button,
|
45
|
+
input,
|
46
|
+
select,
|
47
|
+
textarea {
|
48
|
+
font-family: $body-family;
|
49
|
+
}
|
50
|
+
|
51
|
+
code,
|
52
|
+
pre {
|
53
|
+
-moz-osx-font-smoothing: auto;
|
54
|
+
-webkit-font-smoothing: auto;
|
55
|
+
font-family: $code-family;
|
56
|
+
}
|
57
|
+
|
58
|
+
body {
|
59
|
+
color: $body-color;
|
60
|
+
font-size: 1rem;
|
61
|
+
font-weight: $body-weight;
|
62
|
+
line-height: $body-line-height;
|
63
|
+
}
|
64
|
+
|
65
|
+
// Inline
|
66
|
+
|
67
|
+
a {
|
68
|
+
color: $link;
|
69
|
+
cursor: pointer;
|
70
|
+
text-decoration: none;
|
71
|
+
|
72
|
+
strong {
|
73
|
+
color: currentColor;
|
74
|
+
}
|
75
|
+
|
76
|
+
&:hover {
|
77
|
+
color: $link-hover;
|
78
|
+
}
|
79
|
+
}
|
80
|
+
|
81
|
+
code {
|
82
|
+
background-color: $code-background;
|
83
|
+
color: $code;
|
84
|
+
font-size: $code-size;
|
85
|
+
font-weight: $code-weight;
|
86
|
+
padding: $code-padding;
|
87
|
+
}
|
88
|
+
|
89
|
+
hr {
|
90
|
+
background-color: $hr-background-color;
|
91
|
+
border: none;
|
92
|
+
display: block;
|
93
|
+
height: $hr-height;
|
94
|
+
margin: $hr-margin;
|
95
|
+
}
|
96
|
+
|
97
|
+
img {
|
98
|
+
height: auto;
|
99
|
+
max-width: 100%;
|
100
|
+
}
|
101
|
+
|
102
|
+
input[type="checkbox"],
|
103
|
+
input[type="radio"] {
|
104
|
+
vertical-align: baseline;
|
105
|
+
}
|
106
|
+
|
107
|
+
small {
|
108
|
+
font-size: 0.875em;
|
109
|
+
}
|
110
|
+
|
111
|
+
span {
|
112
|
+
font-style: inherit;
|
113
|
+
font-weight: inherit;
|
114
|
+
}
|
115
|
+
|
116
|
+
strong {
|
117
|
+
color: $strong-color;
|
118
|
+
font-weight: $strong-weight;
|
119
|
+
}
|
120
|
+
|
121
|
+
// Block
|
122
|
+
|
123
|
+
pre {
|
124
|
+
background-color: $pre-background;
|
125
|
+
color: $pre;
|
126
|
+
font-size: 0.875em;
|
127
|
+
white-space: pre;
|
128
|
+
word-wrap: normal;
|
129
|
+
|
130
|
+
code {
|
131
|
+
@include overflow-touch;
|
132
|
+
|
133
|
+
background: none;
|
134
|
+
color: inherit;
|
135
|
+
display: block;
|
136
|
+
font-size: 1em;
|
137
|
+
overflow-x: auto;
|
138
|
+
padding: 1.25rem 1.5rem;
|
139
|
+
}
|
140
|
+
}
|
141
|
+
|
142
|
+
table {
|
143
|
+
td,
|
144
|
+
th {
|
145
|
+
text-align: left;
|
146
|
+
vertical-align: top;
|
147
|
+
}
|
148
|
+
|
149
|
+
th {
|
150
|
+
color: $text-strong;
|
151
|
+
}
|
152
|
+
}
|