english_tea 1.7.0 → 1.8.0

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 (30) hide show
  1. checksums.yaml +5 -5
  2. data/app/assets/stylesheets/english_tea.scss +1 -1
  3. data/app/assets/stylesheets/english_tea/color/_border.scss +5 -0
  4. data/app/assets/stylesheets/english_tea/dimension/_margin.scss +12 -4
  5. data/app/assets/stylesheets/english_tea/dimension/_padding.scss +1 -1
  6. data/app/assets/stylesheets/english_tea/dimension/_position.scss +1 -1
  7. data/app/assets/stylesheets/english_tea/forms/_range.scss +3 -1
  8. data/app/assets/stylesheets/english_tea/forms/_setup.scss +0 -2
  9. data/app/assets/stylesheets/english_tea/forms/_text.scss +0 -21
  10. data/app/assets/stylesheets/english_tea/icons.scss +1 -0
  11. data/app/assets/stylesheets/english_tea/{media/_icons.scss → icons/_index.scss} +0 -3
  12. data/app/assets/stylesheets/english_tea/layout.scss +2 -0
  13. data/app/assets/stylesheets/english_tea/layout/_alignment.scss +0 -29
  14. data/app/assets/stylesheets/english_tea/{modules → layout}/_box-shadow.scss +0 -0
  15. data/app/assets/stylesheets/english_tea/{modules → layout}/_cursors.scss +5 -0
  16. data/app/assets/stylesheets/english_tea/layout/_sizing.scss +0 -1
  17. data/app/assets/stylesheets/english_tea/layout/_visibility.scss +4 -0
  18. data/app/assets/stylesheets/english_tea/modules.scss +1 -6
  19. data/app/assets/stylesheets/english_tea/modules/{_notifications_stream.scss → _notifications.scss} +0 -0
  20. data/app/assets/stylesheets/english_tea/modules/_setup.scss +35 -34
  21. data/app/assets/stylesheets/english_tea/modules/_tiles.scss +11 -11
  22. data/app/assets/stylesheets/english_tea/setup/_config.scss +6 -6
  23. data/app/assets/stylesheets/english_tea/typography/_fonts.scss +0 -1
  24. data/app/assets/stylesheets/english_tea/typography/_hierarchy.scss +1 -1
  25. data/lib/english_tea/version.rb +1 -1
  26. metadata +8 -11
  27. data/app/assets/stylesheets/english_tea/media.scss +0 -1
  28. data/app/assets/stylesheets/english_tea/modules/_celebrate.scss +0 -27
  29. data/app/assets/stylesheets/english_tea/modules/_listings.scss +0 -32
  30. data/app/assets/stylesheets/english_tea/modules/_notification.scss +0 -8
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
- SHA1:
3
- metadata.gz: aece92ddc418b8cd658c0ce63eb2b708dbc45982
4
- data.tar.gz: 48f5eb76cd383318e865b587f279cafbcabe733f
2
+ SHA256:
3
+ metadata.gz: bf4d62dd933ea57e6b4ba2f8535498580ca0e4978a148c7b059f117816a30177
4
+ data.tar.gz: 80f3550f9df4fa692547d39a36e025b8b88d418c1aa3876f8b8c3a4a117a0823
5
5
  SHA512:
6
- metadata.gz: bde901dd4f3e4bd2751a95b6530a0aca8bad675862e5e2fd67888c2d3022db4a54763316ea1c5d21dfba2fc674aae5617ef119a70fcef781002b63a44b2a0b2b
7
- data.tar.gz: f739432db4f81c135b3e6624fc3563c3b5017bc12468dac6dcfd73271c1915a2272bc4057c0be06ec0c360fca585e20ffae0895b7f3efce3c2ea05bd6a337ae5
6
+ metadata.gz: 18d67b34caf3123f6e08921965bd55b8c1cb397d3afd769a8e42dad82179321f3b2b58873944a6a86414e6db517fb41d3d28e2faf5033c85da259432db347428
7
+ data.tar.gz: cddd61b3fbe0a55af34851e2f564474070a6971a9764671150502aa70e9a669ba47d1e3b1f208ed09d9060a346d06565ab1367406e13cc4ba91923b9b7b3fc05
@@ -4,7 +4,7 @@
4
4
  // ==========================================================================
5
5
 
6
6
  @import 'english_tea/setup';
7
- @import 'english_tea/media';
7
+ @import 'english_tea/icons';
8
8
  @import 'english_tea/buttons';
9
9
  @import 'english_tea/forms';
10
10
  @import 'english_tea/modules';
@@ -23,6 +23,11 @@
23
23
  // Border color utility classes
24
24
  // ---
25
25
 
26
+ .c-b-trans
27
+ {
28
+ border-color: transparent !important;
29
+ }
30
+
26
31
  @each $_key, $_val in (top: t, right: r, bottom: b, left: l)
27
32
  {
28
33
  .c-b#{$_val}-trans
@@ -5,7 +5,7 @@
5
5
  @include _bp-prefixer(m)
6
6
  {
7
7
  // ---
8
- // HALF BASE RHYTHM SHORTHANDS
8
+ // HALF BASE RHYTHM
9
9
  // ---
10
10
 
11
11
  &half
@@ -34,7 +34,7 @@
34
34
  }
35
35
 
36
36
  // ---
37
- // X/Y MARGIN SHORTHANDS
37
+ // X/Y HALF BASE RHYTHM
38
38
  // ---
39
39
 
40
40
  &xhalf
@@ -49,7 +49,11 @@
49
49
  margin-bottom: _rem($base-rhythm-half) !important;
50
50
  }
51
51
 
52
- @each $key, $val in $gutter-scale
52
+ // ---
53
+ // SCALE BASED MARGINS
54
+ // ---
55
+
56
+ @each $key, $val in $rhythm-scale
53
57
  {
54
58
  &#{$key}
55
59
  {
@@ -77,7 +81,7 @@
77
81
  }
78
82
 
79
83
  // ---
80
- // X/Y MARGIN SHORTHANDS
84
+ // X/Y MARGINS
81
85
  // ---
82
86
 
83
87
  &x#{$key}
@@ -171,6 +175,10 @@
171
175
  }
172
176
  }
173
177
 
178
+ // ---
179
+ // X/Y NEGATIVE GUTTER MARGINS
180
+ // ---
181
+
174
182
  .mx-neggutter
175
183
  {
176
184
  margin-right: _rem(-$base-gutter) !important;
@@ -98,7 +98,7 @@
98
98
  padding-bottom: _rem($base-rhythm-half) !important;
99
99
  }
100
100
 
101
- @each $key, $val in $gutter-scale
101
+ @each $key, $val in $rhythm-scale
102
102
  {
103
103
  &#{$key}
104
104
  {
@@ -28,7 +28,7 @@
28
28
  // GUTTERED OFFSETS
29
29
  // ---
30
30
 
31
- @each $gkey, $gval in $gutter-scale
31
+ @each $gkey, $gval in $rhythm-scale
32
32
  {
33
33
  &-#{$key}#{$gkey}
34
34
  {
@@ -1,5 +1,7 @@
1
1
  // ==========================================================================
2
2
  // Shorthand input range styling classes
3
+ // UNUSED.
4
+ // Originally developed for job title percentage selection.
3
5
  // ==========================================================================
4
6
 
5
7
  .field-range
@@ -121,4 +123,4 @@
121
123
  top: _rem(-$base-rhythm + 1px);
122
124
  width: _rem($base-rhythm * 2);
123
125
  }
124
- }
126
+ }
@@ -58,7 +58,6 @@
58
58
 
59
59
  .field-control,
60
60
  .field-custom-control,
61
- .awesomplete,
62
61
  .select2-container--wnw
63
62
  {
64
63
  @include flex-basis(100%);
@@ -89,7 +88,6 @@
89
88
 
90
89
  .field-control,
91
90
  .field-custom-control,
92
- .awesomplete,
93
91
  .select2-container--wnw
94
92
  {
95
93
  @include flex-basis(auto);
@@ -26,26 +26,5 @@
26
26
  color: map-get($colors, 6);
27
27
  }
28
28
  }
29
-
30
- &.error {
31
- border-color: #ef4d4d !important;
32
- }
33
29
  }
34
30
 
35
- .field-jumbo-text
36
- {
37
- $_font: map-get($type-scale, 7);
38
-
39
- border-bottom: 1px solid map-get($colors, 10);
40
- color: $color-text-base;
41
- font-size: _rem(map-get($_font, size));
42
- line-height: _rem(map-get($_font, line-height));
43
- padding: _rem($base-rhythm * 2) 0 !important;
44
-
45
- > input[type="text"]
46
- {
47
- border: none;
48
- letter-spacing: -0.025em;
49
- vertical-align: middle;
50
- }
51
- }
@@ -0,0 +1 @@
1
+ @import 'icons/index';
@@ -2,9 +2,6 @@
2
2
  // Icon styling classes
3
3
  // ==========================================================================
4
4
 
5
- // TODO: Get rid of this!
6
- @import '../setup/mixins';
7
-
8
5
  .icon
9
6
  {
10
7
  box-sizing: content-box;
@@ -8,3 +8,5 @@
8
8
  @import 'layout/flex';
9
9
  @import 'layout/visibility';
10
10
  @import 'layout/grid';
11
+ @import 'layout/alignment';
12
+ @import 'layout/box-shadow';
@@ -58,32 +58,3 @@
58
58
  {
59
59
  vertical-align: baseline !important;
60
60
  }
61
-
62
- // ---
63
- // FLEX HELPERS
64
- // ---
65
-
66
- .snap-top
67
- {
68
- @include align-self(flex-start !important);
69
- }
70
-
71
- .snap-center
72
- {
73
- @include align-self(center !important);
74
- }
75
-
76
- .snap-baseline
77
- {
78
- @include align-self(baseline !important);
79
- }
80
-
81
- .snap-stretch
82
- {
83
- @include align-self(stretch !important);
84
- }
85
-
86
- .snap-bottom
87
- {
88
- @include align-self(flex-end !important);
89
- }
@@ -48,4 +48,9 @@
48
48
  {
49
49
  cursor: help;
50
50
  }
51
+
52
+ &move
53
+ {
54
+ cursor: move;
55
+ }
51
56
  }
@@ -179,7 +179,6 @@
179
179
  {
180
180
  height: auto !important;
181
181
  }
182
-
183
182
  }
184
183
 
185
184
  // ---
@@ -75,6 +75,10 @@
75
75
  }
76
76
  }
77
77
 
78
+ // ---
79
+ // MISC VISIBILITY
80
+ // ---
81
+
78
82
  .touchevents .hide-touch
79
83
  {
80
84
  display: none !important;
@@ -1,20 +1,15 @@
1
1
  @import 'modules/setup';
2
2
  @import 'modules/avatars';
3
- @import 'modules/box-shadow';
4
3
  @import 'modules/bubbles';
5
- @import 'modules/celebrate';
6
- @import 'modules/cursors';
7
4
  @import 'modules/tooltips';
8
5
  @import 'modules/navigation';
9
6
  @import 'modules/tiles';
10
- @import 'modules/listings';
11
7
  @import 'modules/profile';
12
8
  @import 'modules/projects';
13
9
  @import 'modules/job_posts';
14
- @import 'modules/notifications_stream';
10
+ @import 'modules/notifications';
15
11
  @import 'modules/menu';
16
12
  @import 'modules/overlay';
17
- @import 'modules/notification';
18
13
  @import 'modules/modal';
19
14
  @import 'modules/fadein';
20
15
  @import 'modules/stickybanner';
@@ -109,40 +109,41 @@
109
109
 
110
110
  // ---
111
111
  // FLIPBOARD CHARS
112
- // ---
113
-
114
- .flip
115
- {
116
- border: $border-width $border-style map-get($colors, 3);
117
- border-radius: $border-radius-rounded;
118
- padding: 0 3px;
119
- position: relative;
120
-
121
- &:first-child
122
- {
123
- margin-left: 2px;
124
- }
125
-
126
- &:last-child
127
- {
128
- margin-right: 2px;
129
- }
130
-
131
- &:before
132
- {
133
- border-top: $border-width $border-style map-get($colors, 3);
134
- content: '';
135
- display: block;
136
- font-size: 0;
137
- height: 0;
138
- left: 0;
139
- position: absolute;
140
- right: 0;
141
- top: 50%;
142
- width: 100%;
143
- z-index: -1;
144
- }
145
- }
112
+ // Not used
113
+ // ---
114
+
115
+ // .flip
116
+ // {
117
+ // border: $border-width $border-style map-get($colors, 3);
118
+ // border-radius: $border-radius-rounded;
119
+ // padding: 0 3px;
120
+ // position: relative;
121
+
122
+ // &:first-child
123
+ // {
124
+ // margin-left: 2px;
125
+ // }
126
+
127
+ // &:last-child
128
+ // {
129
+ // margin-right: 2px;
130
+ // }
131
+
132
+ // &:before
133
+ // {
134
+ // border-top: $border-width $border-style map-get($colors, 3);
135
+ // content: '';
136
+ // display: block;
137
+ // font-size: 0;
138
+ // height: 0;
139
+ // left: 0;
140
+ // position: absolute;
141
+ // right: 0;
142
+ // top: 50%;
143
+ // width: 100%;
144
+ // z-index: -1;
145
+ // }
146
+ // }
146
147
 
147
148
  // ---
148
149
  // IMAGE PROGRESS INDICATOR
@@ -259,7 +259,8 @@
259
259
  // LARGE MASONRY LAYOUT
260
260
  // ---
261
261
 
262
- .tiles-grid-large
262
+ .tiles-grid-large,
263
+ .tiles-grid-huge
263
264
  {
264
265
  // Set alt layout tile sizes across breakpoints
265
266
  .tile,
@@ -317,20 +318,19 @@
317
318
  }
318
319
  }
319
320
 
320
- &.tiles-grid-huge
321
+ }
322
+
323
+ .tiles-grid-huge
324
+ {
325
+ // Set huge layout tile sizes across breakpoints (forces a max of 2-up on
326
+ // sizes bpm and larger)
327
+ .tile,
328
+ .tile-sizer
321
329
  {
322
- // Set huge layout tile sizes across breakpoints (forces a max of 2-up on
323
- // sizes bpm and larger)
324
- .tile,
325
- .tile-sizer
326
- {
327
- @include _size-tiles(tiles-huge);
328
- }
330
+ @include _size-tiles(tiles-huge);
329
331
  }
330
-
331
332
  }
332
333
 
333
-
334
334
  // ---
335
335
  // LIST MASONRY LAYOUT
336
336
  // ---
@@ -174,7 +174,7 @@ $tiles-scale:
174
174
  $fixed-widths:
175
175
  (
176
176
  0: 40px,
177
- 1: 120px,
177
+ 1: 100px,
178
178
  2: 150px,
179
179
  3: 200px,
180
180
  4: 250px,
@@ -239,7 +239,7 @@ $type-scale:
239
239
  size: 36px,
240
240
  line-height: 40px
241
241
  ),
242
- 8: //new 08/11
242
+ 8:
243
243
  (
244
244
  size: 28px,
245
245
  line-height: 30px
@@ -259,7 +259,7 @@ $type-scale:
259
259
  size: 20px,
260
260
  line-height: 25px
261
261
  ),
262
- 4: //new 08/11
262
+ 4:
263
263
  (
264
264
  size: 18px,
265
265
  line-height: 25px
@@ -332,11 +332,11 @@ $type-weight-semibold: _fetch-setting("type-weight-semibold");
332
332
  $type-weight-bold: _fetch-setting("type-weight-bold");
333
333
 
334
334
  // ---
335
- // GUTTER SPACES
336
- // 0px -> 50px (5px increments)
335
+ // VERTICAL SPACES
336
+ // 0px -> 160px in 10px increments
337
337
  // ---
338
338
 
339
- $gutter-scale:
339
+ $rhythm-scale:
340
340
  (
341
341
  0: $base-rhythm * 0,
342
342
  1: $base-rhythm * 1,
@@ -37,7 +37,6 @@
37
37
 
38
38
  .f-code
39
39
  {
40
- color: map-get(map-get($colors-status, stat-a), std);
41
40
  font-family: $type-font-code;
42
41
  font-weight: $type-weight-normal;
43
42
  text-transform: $type-transform-code;
@@ -18,7 +18,7 @@
18
18
  // Line heights in fixed 10px REM increments
19
19
  @include _bp-prefixer(lh)
20
20
  {
21
- @each $key, $val in $gutter-scale
21
+ @each $key, $val in $rhythm-scale
22
22
  {
23
23
  &#{$key}
24
24
  {
@@ -1,3 +1,3 @@
1
1
  module EnglishTea
2
- VERSION = "1.7.0"
2
+ VERSION = "1.8.0"
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: english_tea
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.7.0
4
+ version: 1.8.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Joel Parr
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: exe
11
11
  cert_chain: []
12
- date: 2018-01-03 00:00:00.000000000 Z
12
+ date: 2018-01-04 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: bundler
@@ -78,9 +78,13 @@ files:
78
78
  - app/assets/stylesheets/english_tea/forms/_setup.scss
79
79
  - app/assets/stylesheets/english_tea/forms/_text.scss
80
80
  - app/assets/stylesheets/english_tea/forms/_uploader.scss
81
+ - app/assets/stylesheets/english_tea/icons.scss
82
+ - app/assets/stylesheets/english_tea/icons/_index.scss
81
83
  - app/assets/stylesheets/english_tea/layout.scss
82
84
  - app/assets/stylesheets/english_tea/layout/_alignment.scss
85
+ - app/assets/stylesheets/english_tea/layout/_box-shadow.scss
83
86
  - app/assets/stylesheets/english_tea/layout/_clearfix.scss
87
+ - app/assets/stylesheets/english_tea/layout/_cursors.scss
84
88
  - app/assets/stylesheets/english_tea/layout/_display.scss
85
89
  - app/assets/stylesheets/english_tea/layout/_flex.scss
86
90
  - app/assets/stylesheets/english_tea/layout/_float.scss
@@ -89,23 +93,16 @@ files:
89
93
  - app/assets/stylesheets/english_tea/layout/_position.scss
90
94
  - app/assets/stylesheets/english_tea/layout/_sizing.scss
91
95
  - app/assets/stylesheets/english_tea/layout/_visibility.scss
92
- - app/assets/stylesheets/english_tea/media.scss
93
- - app/assets/stylesheets/english_tea/media/_icons.scss
94
96
  - app/assets/stylesheets/english_tea/modules.scss
95
97
  - app/assets/stylesheets/english_tea/modules/_avatars.scss
96
98
  - app/assets/stylesheets/english_tea/modules/_billing.scss
97
- - app/assets/stylesheets/english_tea/modules/_box-shadow.scss
98
99
  - app/assets/stylesheets/english_tea/modules/_bubbles.scss
99
- - app/assets/stylesheets/english_tea/modules/_celebrate.scss
100
- - app/assets/stylesheets/english_tea/modules/_cursors.scss
101
100
  - app/assets/stylesheets/english_tea/modules/_fadein.scss
102
101
  - app/assets/stylesheets/english_tea/modules/_job_posts.scss
103
- - app/assets/stylesheets/english_tea/modules/_listings.scss
104
102
  - app/assets/stylesheets/english_tea/modules/_menu.scss
105
103
  - app/assets/stylesheets/english_tea/modules/_modal.scss
106
104
  - app/assets/stylesheets/english_tea/modules/_navigation.scss
107
- - app/assets/stylesheets/english_tea/modules/_notification.scss
108
- - app/assets/stylesheets/english_tea/modules/_notifications_stream.scss
105
+ - app/assets/stylesheets/english_tea/modules/_notifications.scss
109
106
  - app/assets/stylesheets/english_tea/modules/_overlay.scss
110
107
  - app/assets/stylesheets/english_tea/modules/_profile.scss
111
108
  - app/assets/stylesheets/english_tea/modules/_projects.scss
@@ -155,7 +152,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
155
152
  version: '0'
156
153
  requirements: []
157
154
  rubyforge_project:
158
- rubygems_version: 2.6.14
155
+ rubygems_version: 2.7.3
159
156
  signing_key:
160
157
  specification_version: 4
161
158
  summary: Atomic CSS from WorkingNotWorking.com
@@ -1 +0,0 @@
1
- @import 'media/icons';
@@ -1,27 +0,0 @@
1
- @keyframes color-animation {
2
- 0% {
3
- background: red;
4
- }
5
- 15% {
6
- background: orange;
7
- }
8
- 30% {
9
- background: yellow;
10
- }
11
- 45% {
12
- background: green;
13
- }
14
- 60% {
15
- background: blue;
16
- }
17
- 75% {
18
- background: purple;
19
- }
20
- 100% {
21
- background: red;
22
- }
23
- }
24
-
25
- .celebrate {
26
- animation: color-animation 0.7s infinite linear alternate;
27
- }
@@ -1,32 +0,0 @@
1
- // ==========================================================================
2
- // Listings module
3
- // ==========================================================================
4
-
5
- .listing
6
- {
7
-
8
- > a
9
- {
10
- @include transition(border-color $transition-timing-base $transition-easing-base);
11
-
12
- &:active,
13
- &:focus,
14
- &:hover
15
- {
16
- border-color: map-get($colors, 10);
17
- opacity: 1;
18
-
19
- .listing-location,
20
- .listing-updated
21
- {
22
- display: none;
23
- }
24
-
25
- .listing-experience,
26
- .listing-ctas
27
- {
28
- display: block !important;
29
- }
30
- }
31
- }
32
- }
@@ -1,8 +0,0 @@
1
- // ==========================================================================
2
- // Page notifications, used to provide success/failure/info feedback
3
- // ==========================================================================
4
-
5
- .notification > ul
6
- {
7
- @include _box-shadow(5);
8
- }