stop14-themesystem-legacy 2.0.2 → 2.0.3

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 (6) hide show
  1. package/package.json +1 -1
  2. package/source/sass/a_components/30_typography/standardized_text_collection/_text_collection.sass +4 -0
  3. package/source/sass/a_components/40_ui/ui_element_base_v002/12_mixins/_ui_patterns.sass +8 -7
  4. package/source/sass/a_components/40_ui/ui_element_base_v002/13_definitions/_form_elements.sass +10 -4
  5. package/source/sass/a_components/40_ui/ui_element_base_v002/_form_ui.sass +2 -1
  6. package/source/sass/a_components/40_ui/ui_element_base_v002/_standardized_icons/_icon_mixins.sass +11 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "stop14-themesystem-legacy",
3
- "version": "2.0.2",
3
+ "version": "2.0.3",
4
4
  "description": "A scaffolding and build system for theme development across platforms. Legacy version",
5
5
  "author": {
6
6
  "name": "Bill Kennedy",
package/source/sass/a_components/30_typography/standardized_text_collection/_text_collection.sass CHANGED
@@ -11,6 +11,10 @@ li, td
11
11
 
12
12
  ul
13
13
  margin-bottom: $paragraph_spacing
14
+ padding-inline-start: rv($mobile_edge_padding_factor)
15
+
16
+ +bp($tablet)
17
+ padding-inline-start: rv($edge_padding_factor)
14
18
 
15
19
  blockquote
16
20
  box-sizing: border-box
package/source/sass/a_components/40_ui/ui_element_base_v002/12_mixins/_ui_patterns.sass CHANGED
@@ -20,20 +20,21 @@ $ui_form_clearance: rv($edge_padding_factor)
20
20
  &:first-child
21
21
  margin-left: 0
22
22
 
23
+ =ui-form-spacing()
24
+ > *
25
+ margin-bottom: $ui_element_spacing
26
+
27
+ +bp($tablet)
28
+ +ui-space-element()
29
+
23
30
  =one-line-form($subgroup: '#edit_actions')
24
31
  display: flex
25
32
  flex-direction: column
33
+ +ui-form-spacing
26
34
 
27
35
  +bp($tablet)
28
36
  flex-direction: row
29
37
 
30
- > *
31
- margin-bottom: rv($mobile_edge_padding_factor)
32
-
33
- +bp($tablet)
34
- margin-bottom: 0
35
- +ui-space-element()
36
-
37
38
  #{$subgroup}
38
39
  display: flex
39
40
  align-items: center
package/source/sass/a_components/40_ui/ui_element_base_v002/13_definitions/_form_elements.sass CHANGED
@@ -36,7 +36,6 @@
36
36
  -moz-appearance: none
37
37
  appearance: none
38
38
  font-size: $btn_fontsize
39
- font-family: $headingfont
40
39
  font-weight: $normal
41
40
  padding: $btn_padding
42
41
  height: $ui_minheight
@@ -203,7 +202,7 @@
203
202
 
204
203
  %button-submit
205
204
  @extend %button
206
- +background-icon-default-left('checkmark')
205
+ +background-icon-left('checkmark',$btn_icon_size,'reversed','default')
207
206
  border-width: $btn_submit_border_width
208
207
  border-color: $btn_submit_border_color
209
208
  font-style: normal
@@ -233,6 +232,9 @@
233
232
  border-color: $btn_submit_hover_border_color
234
233
  filter: saturate(120%)
235
234
 
235
+ // Made for integrated search ui elements, where the text input and submit button are contained in the same border.
236
+ // In many instances this will need to override the “submit” styling.
237
+
236
238
  %button-search
237
239
  @extend %button-ghost
238
240
  font-size: clamped(-3,-2)
@@ -243,12 +245,16 @@
243
245
  text-decoration: none !important
244
246
  justify-content: flex-start
245
247
  align-items: center
246
- +background-icon-base('search',$btn_icon_size,'neutral','default','right')
248
+ +background-icon-right('search',$btn_icon_size,'neutral','default')
247
249
  background-color: $btn_search_bg_color
248
250
 
251
+ &:before
252
+ content: none
253
+ display: none
254
+ background: none !important
255
+
249
256
  &:hover
250
257
  color: $btn_search_hover_color
251
- +background-icon-active('search',$btn_icon_size,'neutral','default','right')
252
258
  background-color: $btn_search_hover_bg_color
253
259
 
254
260
  %button-search-clear
package/source/sass/a_components/40_ui/ui_element_base_v002/_form_ui.sass CHANGED
@@ -44,7 +44,8 @@ textarea#edit-message
44
44
  input[type="search"] // Button
45
45
  @extend %button-search
46
46
 
47
- input[type="submit"] //Button
47
+ input[type="submit"],
48
+ button[type="submit"] //Button
48
49
  @extend %button-submit
49
50
 
50
51
  input[type="search"]::-webkit-search-cancel-button
package/source/sass/a_components/40_ui/ui_element_base_v002/_standardized_icons/_icon_mixins.sass CHANGED
@@ -27,8 +27,9 @@
27
27
  // Convenience functions to assign left and right background functions
28
28
  =background-icon-left($icon_name, $size: $btn_icon_size, $initial_state: 'default', $active_state: 'active')
29
29
  display: flex
30
- align-content: center
30
+ align-items: center
31
31
  min-height: $btn_icon_size
32
+ cursor: pointer
32
33
 
33
34
  &:before
34
35
  content: ''
@@ -46,8 +47,9 @@
46
47
 
47
48
  =background-icon-right($icon_name, $size: $btn_icon_size, $initial_state: 'default', $active_state: 'active')
48
49
  display: flex
49
- align-content: center
50
+ align-items: center
50
51
  min-height: $btn_icon_size
52
+ cursor: pointer
51
53
 
52
54
  &:after
53
55
  content: ''
@@ -89,3 +91,10 @@
89
91
  +background-icon-left($icon_name,$size,$initial_state,$active_state)
90
92
  @else
91
93
  +background-icon-right($icon_name,$size,$initial_state,$active_state)
94
+
95
+ &:hover, &:active
96
+ color: $impact
97
+
98
+ =icon-with-label-right($icon_name, $size: $btn_icon_size, $initial_state: 'default', $active_state: 'active', $position: 'left')
99
+ @extend %icon-label
100
+ +background-icon-right($icon_name,$size,$initial_state,$active_state)