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
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: dfe5732229ed9a94ee5141675364e8d752d66e5b
4
- data.tar.gz: a3679c87f9a144d68dc69057455ca46a588d6519
3
+ metadata.gz: b9b5745771a8e5bb74d95c536a4dc75f8eca28fe
4
+ data.tar.gz: e6926eb93cafa03e0074666e4f771f77814ed156
5
5
  SHA512:
6
- metadata.gz: 13ffcda5e4ff50a65ac84f270bd50df37ca952d1b801cb6909f0aa0884871497996f02e8df43b6ee6da52e07ad6831ec1a6f6027200ac2242fd92a02f70145b7
7
- data.tar.gz: c79a0d0f353c02d79aba33374865811894eb00f9537885910e268d6f698634893517ace954b1f3cde4632f518b594266bd1af35cbd2d05ae1fa921e23208d0cd
6
+ metadata.gz: a0709adcdd22a048d310222b2d6fa3e361c691817ec76f6d1a50a9c222292b12603e44015be1b0b4e128acf6369d147cea0c6ad5ce076eb63e6bb03e36e94054
7
+ data.tar.gz: 5a6f99bb8a53fcd4537495afc9fbc8613523f83b2b8da4fc4bc35f90475c28fb812557c7db0e7a5dac82379ceb338bf4ff0a89856308e226177868cbd63fa8af
data/.gitignore ADDED
@@ -0,0 +1,8 @@
1
+ _site
2
+ .DS_store
3
+ .sass-cache
4
+ *gem
5
+ *swp
6
+ Gemfile.lock
7
+ contrib/*.css
8
+ node_modules
data/.hound.yml ADDED
@@ -0,0 +1,5 @@
1
+ ruby:
2
+ enabled: true
3
+ scss:
4
+ config_file: .scss-lint.yml
5
+ enabled: true
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
@@ -0,0 +1,4 @@
1
+ # Change Log
2
+
3
+ All notable changes to this project will be documented in this file. This
4
+ project adheres to [Semantic Versioning](http://semver.org).
@@ -0,0 +1,6 @@
1
+ # Code of Conduct
2
+
3
+ By participating in this project, you agree to abide by the
4
+ [thoughtbot code of conduct][tb-coc].
5
+
6
+ [tb-coc]: https://thoughtbot.com/open-source-code-of-conduct
data/Gemfile ADDED
@@ -0,0 +1,3 @@
1
+ source 'https://rubygems.org'
2
+
3
+ gemspec
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
@@ -0,0 +1,8 @@
1
+ require "bundler/gem_tasks"
2
+ require "rspec/core/rake_task"
3
+
4
+ RSpec::Core::RakeTask.new(:spec)
5
+
6
+ task :default => :spec
7
+ task :install => :spec
8
+ task :release => :spec
data/bin/hux ADDED
@@ -0,0 +1,5 @@
1
+ #!/usr/bin/env ruby
2
+
3
+ require File.dirname(__FILE__) + "/../lib/hux.rb"
4
+
5
+ Hux::Generator.start
data/circle.yml ADDED
@@ -0,0 +1,7 @@
1
+ general:
2
+ branches:
3
+ ignore:
4
+ - gh-pages
5
+ test:
6
+ override:
7
+ - bundle exec rake
@@ -0,0 +1 @@
1
+ Hux documentation goes here ...
@@ -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
@@ -0,0 +1,9 @@
1
+ @import "utilities/all";
2
+ @import "minireset";
3
+ @import "generic";
4
+ @import "helpers";
5
+
6
+ @import "elements/all";
7
+ @import "components/all";
8
+ @import "grid/all";
9
+ @import "layout/all";
@@ -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
+ }