hux 0.0.0 → 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
+ }