bitstyles 0.8.0 → 0.9.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (104) hide show
  1. checksums.yaml +4 -4
  2. data/.github/PULL_REQUEST_TEMPLATE.md +6 -10
  3. data/.nvmrc +1 -1
  4. data/.stylelintrc +1 -164
  5. data/.travis.yml +19 -0
  6. data/README.md +66 -33
  7. data/bitstyles.gemspec +1 -1
  8. data/lib/bitstyles/version.rb +1 -1
  9. data/package.json +21 -17
  10. data/scss/bitstyles.scss +53 -45
  11. data/scss/bitstyles/base/_all.scss +7 -0
  12. data/scss/bitstyles/base/_figure.scss +1 -1
  13. data/scss/bitstyles/base/_forms.scss +31 -26
  14. data/scss/bitstyles/base/_hr.scss +1 -1
  15. data/scss/bitstyles/base/_images.scss +1 -1
  16. data/scss/bitstyles/base/_link.scss +2 -14
  17. data/scss/bitstyles/base/_media.scss +2 -2
  18. data/scss/bitstyles/base/_typography.scss +37 -89
  19. data/scss/bitstyles/components/_expander.scss +8 -5
  20. data/scss/bitstyles/components/_modal.scss +41 -26
  21. data/scss/bitstyles/generic/_all.scss +2 -0
  22. data/scss/bitstyles/layout/_content.scss +7 -3
  23. data/scss/bitstyles/layout/_grid.scss +46 -23
  24. data/scss/bitstyles/layout/_topbar.scss +19 -4
  25. data/scss/bitstyles/layout/_width.scss +18 -11
  26. data/scss/bitstyles/objects/_absolute-center.scss +8 -2
  27. data/scss/bitstyles/objects/_absolute-cover.scss +11 -2
  28. data/scss/bitstyles/objects/_block.scss +5 -2
  29. data/scss/bitstyles/objects/_bordered-header.scss +8 -3
  30. data/scss/bitstyles/objects/_break-long-words.scss +6 -3
  31. data/scss/bitstyles/objects/_button--icon.scss +8 -4
  32. data/scss/bitstyles/objects/_button.scss +22 -13
  33. data/scss/bitstyles/objects/_clearfix.scss +7 -4
  34. data/scss/bitstyles/objects/_fixed-ratio.scss +24 -9
  35. data/scss/bitstyles/objects/_flex.scss +12 -8
  36. data/scss/bitstyles/objects/_hidden.scss +10 -7
  37. data/scss/bitstyles/objects/_icon.scss +19 -11
  38. data/scss/bitstyles/objects/_input.scss +16 -9
  39. data/scss/bitstyles/objects/_label.scss +2 -2
  40. data/scss/bitstyles/objects/_link.scss +18 -15
  41. data/scss/bitstyles/objects/_list-inline.scss +26 -0
  42. data/scss/bitstyles/objects/_list-reset.scss +5 -3
  43. data/scss/bitstyles/objects/_media.scss +9 -2
  44. data/scss/bitstyles/objects/_object-cover.scss +20 -0
  45. data/scss/bitstyles/objects/_overflow.scss +20 -0
  46. data/scss/bitstyles/objects/_truncate-with-ellipsis.scss +4 -3
  47. data/scss/bitstyles/objects/_typography.scss +8 -62
  48. data/scss/bitstyles/objects/_vertical-center.scss +5 -2
  49. data/scss/bitstyles/objects/_visuallyhidden.scss +10 -6
  50. data/scss/bitstyles/settings/_button.scss +1 -1
  51. data/scss/bitstyles/settings/_content.scss +2 -3
  52. data/scss/bitstyles/settings/_fixed-ratio.scss +3 -0
  53. data/scss/bitstyles/settings/_global.breakpoints.scss +5 -5
  54. data/scss/bitstyles/settings/_global.color-palette.scss +47 -0
  55. data/scss/bitstyles/settings/_global.layout.scss +7 -5
  56. data/scss/bitstyles/settings/_global.typography.scss +25 -17
  57. data/scss/bitstyles/settings/_grid.scss +1 -1
  58. data/scss/bitstyles/settings/_hidden.scss +1 -1
  59. data/scss/bitstyles/settings/_icon.scss +3 -3
  60. data/scss/bitstyles/settings/_input.scss +4 -4
  61. data/scss/bitstyles/settings/_link.scss +4 -0
  62. data/scss/bitstyles/settings/_modal.scss +2 -1
  63. data/scss/bitstyles/settings/_topbar.scss +4 -2
  64. data/scss/bitstyles/settings/_visuallyhidden.scss +1 -1
  65. data/scss/bitstyles/settings/_width.scss +1 -1
  66. data/scss/bitstyles/tools/_absolute-center.scss +8 -3
  67. data/scss/bitstyles/tools/_absolute-cover.scss +8 -2
  68. data/scss/bitstyles/tools/_all.scss +23 -0
  69. data/scss/bitstyles/tools/_block.scss +5 -2
  70. data/scss/bitstyles/tools/_break-long-words.scss +6 -2
  71. data/scss/bitstyles/tools/_clearfix.scss +7 -2
  72. data/scss/bitstyles/tools/_fixed-ratio.scss +41 -4
  73. data/scss/bitstyles/tools/_flex.scss +7 -3
  74. data/scss/bitstyles/tools/_font-face.scss +11 -2
  75. data/scss/bitstyles/tools/_hidden.scss +5 -2
  76. data/scss/bitstyles/tools/_link.scss +25 -0
  77. data/scss/bitstyles/tools/_list-reset.scss +7 -3
  78. data/scss/bitstyles/tools/_media-query.scss +14 -7
  79. data/scss/bitstyles/tools/_media.scss +10 -3
  80. data/scss/bitstyles/tools/_overflow.scss +19 -0
  81. data/scss/bitstyles/tools/_palette.scss +28 -0
  82. data/scss/bitstyles/tools/_spacing.scss +22 -0
  83. data/scss/bitstyles/tools/_truncate-with-ellipsis.scss +7 -3
  84. data/scss/bitstyles/tools/_typography-conversions.scss +20 -7
  85. data/scss/bitstyles/tools/_typography.scss +124 -5
  86. data/scss/bitstyles/tools/_vertical-center.scss +5 -2
  87. data/scss/bitstyles/tools/_visuallyhidden.scss +9 -6
  88. data/scss/bitstyles/tools/_width.scss +10 -1
  89. data/scss/bitstyles/tools/_zindex.scss +34 -14
  90. data/scss/bitstyles/trumps/_background-color.scss +8 -3
  91. data/scss/bitstyles/trumps/_color.scss +8 -3
  92. data/scss/bitstyles/trumps/_margin.scss +5 -5
  93. data/scss/bitstyles/trumps/_no-margin.scss +5 -5
  94. data/scss/bitstyles/trumps/_no-padding.scss +5 -5
  95. data/scss/bitstyles/trumps/_padding.scss +5 -5
  96. data/scss/bitstyles/trumps/_text-align.scss +3 -4
  97. data/scss/bitstyles/trumps/_text-style.scss +4 -2
  98. data/scss/bitstyles/trumps/_text-weight.scss +6 -3
  99. data/yarn.lock +6511 -0
  100. metadata +16 -14
  101. data/build/.gitignore +0 -4
  102. data/scripts/styleguide.sh +0 -16
  103. data/scss/bitstyles/objects/_expander.scss +0 -45
  104. 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.8.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: 2016-11-10 00:00:00.000000000 Z
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-theme.scss
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
- - styleguide/assets/images/icons.svg
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
@@ -1,4 +0,0 @@
1
- # Ignore everything in this directory
2
- *
3
- # Except this file
4
- !.gitignore
@@ -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');