bitstyles 0.8.0 → 0.9.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.github/PULL_REQUEST_TEMPLATE.md +6 -10
- data/.nvmrc +1 -1
- data/.stylelintrc +1 -164
- data/.travis.yml +19 -0
- data/README.md +66 -33
- data/bitstyles.gemspec +1 -1
- data/lib/bitstyles/version.rb +1 -1
- data/package.json +21 -17
- data/scss/bitstyles.scss +53 -45
- data/scss/bitstyles/base/_all.scss +7 -0
- data/scss/bitstyles/base/_figure.scss +1 -1
- data/scss/bitstyles/base/_forms.scss +31 -26
- data/scss/bitstyles/base/_hr.scss +1 -1
- data/scss/bitstyles/base/_images.scss +1 -1
- data/scss/bitstyles/base/_link.scss +2 -14
- data/scss/bitstyles/base/_media.scss +2 -2
- data/scss/bitstyles/base/_typography.scss +37 -89
- data/scss/bitstyles/components/_expander.scss +8 -5
- data/scss/bitstyles/components/_modal.scss +41 -26
- data/scss/bitstyles/generic/_all.scss +2 -0
- data/scss/bitstyles/layout/_content.scss +7 -3
- data/scss/bitstyles/layout/_grid.scss +46 -23
- data/scss/bitstyles/layout/_topbar.scss +19 -4
- data/scss/bitstyles/layout/_width.scss +18 -11
- data/scss/bitstyles/objects/_absolute-center.scss +8 -2
- data/scss/bitstyles/objects/_absolute-cover.scss +11 -2
- data/scss/bitstyles/objects/_block.scss +5 -2
- data/scss/bitstyles/objects/_bordered-header.scss +8 -3
- data/scss/bitstyles/objects/_break-long-words.scss +6 -3
- data/scss/bitstyles/objects/_button--icon.scss +8 -4
- data/scss/bitstyles/objects/_button.scss +22 -13
- data/scss/bitstyles/objects/_clearfix.scss +7 -4
- data/scss/bitstyles/objects/_fixed-ratio.scss +24 -9
- data/scss/bitstyles/objects/_flex.scss +12 -8
- data/scss/bitstyles/objects/_hidden.scss +10 -7
- data/scss/bitstyles/objects/_icon.scss +19 -11
- data/scss/bitstyles/objects/_input.scss +16 -9
- data/scss/bitstyles/objects/_label.scss +2 -2
- data/scss/bitstyles/objects/_link.scss +18 -15
- data/scss/bitstyles/objects/_list-inline.scss +26 -0
- data/scss/bitstyles/objects/_list-reset.scss +5 -3
- data/scss/bitstyles/objects/_media.scss +9 -2
- data/scss/bitstyles/objects/_object-cover.scss +20 -0
- data/scss/bitstyles/objects/_overflow.scss +20 -0
- data/scss/bitstyles/objects/_truncate-with-ellipsis.scss +4 -3
- data/scss/bitstyles/objects/_typography.scss +8 -62
- data/scss/bitstyles/objects/_vertical-center.scss +5 -2
- data/scss/bitstyles/objects/_visuallyhidden.scss +10 -6
- data/scss/bitstyles/settings/_button.scss +1 -1
- data/scss/bitstyles/settings/_content.scss +2 -3
- data/scss/bitstyles/settings/_fixed-ratio.scss +3 -0
- data/scss/bitstyles/settings/_global.breakpoints.scss +5 -5
- data/scss/bitstyles/settings/_global.color-palette.scss +47 -0
- data/scss/bitstyles/settings/_global.layout.scss +7 -5
- data/scss/bitstyles/settings/_global.typography.scss +25 -17
- data/scss/bitstyles/settings/_grid.scss +1 -1
- data/scss/bitstyles/settings/_hidden.scss +1 -1
- data/scss/bitstyles/settings/_icon.scss +3 -3
- data/scss/bitstyles/settings/_input.scss +4 -4
- data/scss/bitstyles/settings/_link.scss +4 -0
- data/scss/bitstyles/settings/_modal.scss +2 -1
- data/scss/bitstyles/settings/_topbar.scss +4 -2
- data/scss/bitstyles/settings/_visuallyhidden.scss +1 -1
- data/scss/bitstyles/settings/_width.scss +1 -1
- data/scss/bitstyles/tools/_absolute-center.scss +8 -3
- data/scss/bitstyles/tools/_absolute-cover.scss +8 -2
- data/scss/bitstyles/tools/_all.scss +23 -0
- data/scss/bitstyles/tools/_block.scss +5 -2
- data/scss/bitstyles/tools/_break-long-words.scss +6 -2
- data/scss/bitstyles/tools/_clearfix.scss +7 -2
- data/scss/bitstyles/tools/_fixed-ratio.scss +41 -4
- data/scss/bitstyles/tools/_flex.scss +7 -3
- data/scss/bitstyles/tools/_font-face.scss +11 -2
- data/scss/bitstyles/tools/_hidden.scss +5 -2
- data/scss/bitstyles/tools/_link.scss +25 -0
- data/scss/bitstyles/tools/_list-reset.scss +7 -3
- data/scss/bitstyles/tools/_media-query.scss +14 -7
- data/scss/bitstyles/tools/_media.scss +10 -3
- data/scss/bitstyles/tools/_overflow.scss +19 -0
- data/scss/bitstyles/tools/_palette.scss +28 -0
- data/scss/bitstyles/tools/_spacing.scss +22 -0
- data/scss/bitstyles/tools/_truncate-with-ellipsis.scss +7 -3
- data/scss/bitstyles/tools/_typography-conversions.scss +20 -7
- data/scss/bitstyles/tools/_typography.scss +124 -5
- data/scss/bitstyles/tools/_vertical-center.scss +5 -2
- data/scss/bitstyles/tools/_visuallyhidden.scss +9 -6
- data/scss/bitstyles/tools/_width.scss +10 -1
- data/scss/bitstyles/tools/_zindex.scss +34 -14
- data/scss/bitstyles/trumps/_background-color.scss +8 -3
- data/scss/bitstyles/trumps/_color.scss +8 -3
- data/scss/bitstyles/trumps/_margin.scss +5 -5
- data/scss/bitstyles/trumps/_no-margin.scss +5 -5
- data/scss/bitstyles/trumps/_no-padding.scss +5 -5
- data/scss/bitstyles/trumps/_padding.scss +5 -5
- data/scss/bitstyles/trumps/_text-align.scss +3 -4
- data/scss/bitstyles/trumps/_text-style.scss +4 -2
- data/scss/bitstyles/trumps/_text-weight.scss +6 -3
- data/yarn.lock +6511 -0
- metadata +16 -14
- data/build/.gitignore +0 -4
- data/scripts/styleguide.sh +0 -16
- data/scss/bitstyles/objects/_expander.scss +0 -45
- data/scss/bitstyles/settings/_global.color-theme.scss +0 -11
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bitstyles
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.9.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Darren Cadwallader
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: exe
|
11
11
|
cert_chain: []
|
12
|
-
date:
|
12
|
+
date: 2017-02-27 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: bundler
|
@@ -52,6 +52,7 @@ files:
|
|
52
52
|
- .gitignore
|
53
53
|
- .nvmrc
|
54
54
|
- .stylelintrc
|
55
|
+
- .travis.yml
|
55
56
|
- CODE_OF_CONDUCT.md
|
56
57
|
- Gemfile
|
57
58
|
- LICENSE.txt
|
@@ -61,15 +62,14 @@ files:
|
|
61
62
|
- bin/setup
|
62
63
|
- bitstyles.gemspec
|
63
64
|
- bower.json
|
64
|
-
- build/.gitignore
|
65
65
|
- lib/bitstyles.rb
|
66
66
|
- lib/bitstyles/engine.rb
|
67
67
|
- lib/bitstyles/version.rb
|
68
68
|
- package.json
|
69
69
|
- postcss_build.json
|
70
70
|
- postcss_lint.json
|
71
|
-
- scripts/styleguide.sh
|
72
71
|
- scss/bitstyles.scss
|
72
|
+
- scss/bitstyles/base/_all.scss
|
73
73
|
- scss/bitstyles/base/_figure.scss
|
74
74
|
- scss/bitstyles/base/_forms.scss
|
75
75
|
- scss/bitstyles/base/_hr.scss
|
@@ -79,6 +79,7 @@ files:
|
|
79
79
|
- scss/bitstyles/base/_typography.scss
|
80
80
|
- scss/bitstyles/components/_expander.scss
|
81
81
|
- scss/bitstyles/components/_modal.scss
|
82
|
+
- scss/bitstyles/generic/_all.scss
|
82
83
|
- scss/bitstyles/generic/_box-sizing.scss
|
83
84
|
- scss/bitstyles/generic/_normalize.scss
|
84
85
|
- scss/bitstyles/layout/_content.scss
|
@@ -93,7 +94,6 @@ files:
|
|
93
94
|
- scss/bitstyles/objects/_button--icon.scss
|
94
95
|
- scss/bitstyles/objects/_button.scss
|
95
96
|
- scss/bitstyles/objects/_clearfix.scss
|
96
|
-
- scss/bitstyles/objects/_expander.scss
|
97
97
|
- scss/bitstyles/objects/_fixed-ratio.scss
|
98
98
|
- scss/bitstyles/objects/_flex.scss
|
99
99
|
- scss/bitstyles/objects/_hidden.scss
|
@@ -101,8 +101,11 @@ files:
|
|
101
101
|
- scss/bitstyles/objects/_input.scss
|
102
102
|
- scss/bitstyles/objects/_label.scss
|
103
103
|
- scss/bitstyles/objects/_link.scss
|
104
|
+
- scss/bitstyles/objects/_list-inline.scss
|
104
105
|
- scss/bitstyles/objects/_list-reset.scss
|
105
106
|
- scss/bitstyles/objects/_media.scss
|
107
|
+
- scss/bitstyles/objects/_object-cover.scss
|
108
|
+
- scss/bitstyles/objects/_overflow.scss
|
106
109
|
- scss/bitstyles/objects/_truncate-with-ellipsis.scss
|
107
110
|
- scss/bitstyles/objects/_typography.scss
|
108
111
|
- scss/bitstyles/objects/_vertical-center.scss
|
@@ -111,10 +114,11 @@ files:
|
|
111
114
|
- scss/bitstyles/settings/_button--icon.scss
|
112
115
|
- scss/bitstyles/settings/_button.scss
|
113
116
|
- scss/bitstyles/settings/_content.scss
|
117
|
+
- scss/bitstyles/settings/_fixed-ratio.scss
|
114
118
|
- scss/bitstyles/settings/_global.animation.scss
|
115
119
|
- scss/bitstyles/settings/_global.breakpoints.scss
|
116
120
|
- scss/bitstyles/settings/_global.color-base.scss
|
117
|
-
- scss/bitstyles/settings/_global.color-
|
121
|
+
- scss/bitstyles/settings/_global.color-palette.scss
|
118
122
|
- scss/bitstyles/settings/_global.layout.scss
|
119
123
|
- scss/bitstyles/settings/_global.setup.scss
|
120
124
|
- scss/bitstyles/settings/_global.typography.scss
|
@@ -129,6 +133,7 @@ files:
|
|
129
133
|
- scss/bitstyles/settings/_width.scss
|
130
134
|
- scss/bitstyles/tools/_absolute-center.scss
|
131
135
|
- scss/bitstyles/tools/_absolute-cover.scss
|
136
|
+
- scss/bitstyles/tools/_all.scss
|
132
137
|
- scss/bitstyles/tools/_block.scss
|
133
138
|
- scss/bitstyles/tools/_break-long-words.scss
|
134
139
|
- scss/bitstyles/tools/_clearfix.scss
|
@@ -136,9 +141,13 @@ files:
|
|
136
141
|
- scss/bitstyles/tools/_flex.scss
|
137
142
|
- scss/bitstyles/tools/_font-face.scss
|
138
143
|
- scss/bitstyles/tools/_hidden.scss
|
144
|
+
- scss/bitstyles/tools/_link.scss
|
139
145
|
- scss/bitstyles/tools/_list-reset.scss
|
140
146
|
- scss/bitstyles/tools/_media-query.scss
|
141
147
|
- scss/bitstyles/tools/_media.scss
|
148
|
+
- scss/bitstyles/tools/_overflow.scss
|
149
|
+
- scss/bitstyles/tools/_palette.scss
|
150
|
+
- scss/bitstyles/tools/_spacing.scss
|
142
151
|
- scss/bitstyles/tools/_truncate-with-ellipsis.scss
|
143
152
|
- scss/bitstyles/tools/_typography-conversions.scss
|
144
153
|
- scss/bitstyles/tools/_typography.scss
|
@@ -155,14 +164,7 @@ files:
|
|
155
164
|
- scss/bitstyles/trumps/_text-align.scss
|
156
165
|
- scss/bitstyles/trumps/_text-style.scss
|
157
166
|
- scss/bitstyles/trumps/_text-weight.scss
|
158
|
-
-
|
159
|
-
- styleguide/assets/images/placeholder_16-9.png
|
160
|
-
- styleguide/assets/images/placeholder_button.png
|
161
|
-
- styleguide/assets/javascripts/a11y-dialog.js
|
162
|
-
- styleguide/assets/javascripts/expander.js
|
163
|
-
- styleguide/assets/javascripts/modal.js
|
164
|
-
- styleguide/assets/javascripts/styleguide-init.js
|
165
|
-
- styleguide/assets/stylesheets/styleguide-extras.css
|
167
|
+
- yarn.lock
|
166
168
|
homepage: https://github.com/bitcrowd/bitstyles
|
167
169
|
licenses:
|
168
170
|
- ISC
|
data/build/.gitignore
DELETED
data/scripts/styleguide.sh
DELETED
@@ -1,16 +0,0 @@
|
|
1
|
-
#!/bin/sh
|
2
|
-
|
3
|
-
styleguide \
|
4
|
-
--kss-source 'scss/**/*.scss' \
|
5
|
-
--style-source 'build/bitstyles_styleguide.css' \
|
6
|
-
--output 'styleguide' \
|
7
|
-
--overviewPath 'README.md' \
|
8
|
-
--readOnly \
|
9
|
-
--watch \
|
10
|
-
--server \
|
11
|
-
--disableEncapsulation \
|
12
|
-
--title 'bitstyles' \
|
13
|
-
--extraHead '<script src="/assets/javascripts/a11y-dialog.js"></script>' \
|
14
|
-
--extraHead '<script src="/assets/javascripts/styleguide-init.js"></script>' \
|
15
|
-
--extraHead '<script src="/assets/javascripts/modal.js"></script>' \
|
16
|
-
--extraHead '<script src="/assets/javascripts/expander.js"></script>' \
|
@@ -1,45 +0,0 @@
|
|
1
|
-
// Expander
|
2
|
-
//
|
3
|
-
// Needs JS to function. The toggle is an interactive element of some kind (button, link),
|
4
|
-
// the body is the content you want to be revealed — it starts at zero height,
|
5
|
-
// expands to size of content once active.
|
6
|
-
//
|
7
|
-
// Use the `.o-button` classes on the `.o-expander-toggle` to set size & appearance.
|
8
|
-
//
|
9
|
-
// markup:
|
10
|
-
// <p>
|
11
|
-
// <button class="o-expander-toggle o-button" aria-expanded="false" aria-controls="expander-0" id="expander_button">
|
12
|
-
// Toggle content
|
13
|
-
// <svg class="o-icon o-expander-toggle__indicator">
|
14
|
-
// <use xlink:href="assets/images/icons.svg#icon-arrow-up"></use>
|
15
|
-
// </svg>
|
16
|
-
// </button>
|
17
|
-
// </p>
|
18
|
-
// <p>Other content</p>
|
19
|
-
// <div class="o-expander-body" id="expander-0" aria-hidden="true">
|
20
|
-
// <p>Pudding oat cake brownie. Gummies jelly beans apple pie. Donut sugar plum cotton candy sesame snaps muffin oat cake. Lemon drops carrot cake croissant gingerbread danish. Gingerbread liquorice soufflé croissant dessert sweet roll candy sweet roll. Pastry chocolate bar donut tiramisu marshmallow donut. Brownie chupa chups macaroon cupcake. Marzipan soufflé jelly sweet roll sesame snaps chocolate bar cake cotton candy brownie.</p>
|
21
|
-
// <p>Powder sweet roll sesame snaps. Sweet roll fruitcake ice cream cheesecake croissant. Candy cupcake cake brownie muffin oat cake gummi bears bear claw. Chupa chups liquorice jelly cotton candy gummies gummies. Jujubes lemon drops candy gummi bears cake cake fruitcake tart pastry. Cake topping candy canes. Lollipop dragée icing chocolate cake sugar plum. Jujubes halvah tootsie roll chocolate gingerbread sweet roll danish. Biscuit bonbon sweet.</p>
|
22
|
-
// </div>
|
23
|
-
//
|
24
|
-
// Styleguide 1.9
|
25
|
-
|
26
|
-
.#{$bitstyles-namespace}o-expander-toggle__indicator {
|
27
|
-
transform: rotate(180deg);
|
28
|
-
transition: transform $bitstyles-transition-duration $bitstyles-transition-easing;
|
29
|
-
|
30
|
-
.#{$bitstyles-namespace}o-expander-toggle[aria-expanded="true"] & {
|
31
|
-
transform: rotate(0deg); /* stylelint-disable-line length-zero-no-unit */
|
32
|
-
}
|
33
|
-
}
|
34
|
-
|
35
|
-
.#{$bitstyles-namespace}o-expander-body {
|
36
|
-
height: auto;
|
37
|
-
max-height: 0;
|
38
|
-
overflow: hidden;
|
39
|
-
transition: max-height $bitstyles-transition-duration-long $bitstyles-transition-easing;
|
40
|
-
|
41
|
-
&[aria-hidden="false"] {
|
42
|
-
max-height: 999rem;
|
43
|
-
max-height: 200vh; // stylelint-disable-line declaration-block-no-duplicate-properties
|
44
|
-
}
|
45
|
-
}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
$bitstyles-colors-theme: (
|
2
|
-
'primary': $bitstyles-color-gray-70,
|
3
|
-
'secondary': $bitstyles-color-gray-20,
|
4
|
-
'text': $bitstyles-color-gray-80,
|
5
|
-
'background': $bitstyles-color-white,
|
6
|
-
'positive': #0f0,
|
7
|
-
'error': #f00
|
8
|
-
) !default;
|
9
|
-
|
10
|
-
$foreground-colors: ('primary', 'secondary', 'error');
|
11
|
-
$background-colors: ('background', 'secondary');
|