stop14-themesystem-legacy 2.0.0 → 2.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.
- package/package.json +1 -1
- package/source/sass/a_components/40_ui/ui_element_base_v002/13_definitions/_form_elements.sass +17 -3
- package/source/sass/a_components/40_ui/ui_element_base_v002/_general_ui.sass +2 -2
- package/source/sass/a_components/40_ui/ui_element_base_v002/_index.sass +1 -1
- package/source/sass/a_components/40_ui/ui_element_base_v002/_standardized_icons/_icon_mixins.sass +6 -7
- package/source/sass/a_components/60_site_elements/drupal_general_support/_component_drupal_local_tasks.sass +73 -0
- package/source/sass/a_components/60_site_elements/drupal_general_support/_index.sass +1 -0
package/package.json
CHANGED
package/source/sass/a_components/40_ui/ui_element_base_v002/13_definitions/_form_elements.sass
CHANGED
|
@@ -52,7 +52,6 @@
|
|
|
52
52
|
|
|
53
53
|
%button
|
|
54
54
|
@extend %button-base
|
|
55
|
-
text-decoration: underline
|
|
56
55
|
display: inline-flex
|
|
57
56
|
flex-direction: row
|
|
58
57
|
align-items: center
|
|
@@ -191,7 +190,7 @@
|
|
|
191
190
|
justify-content: center
|
|
192
191
|
align-items: center
|
|
193
192
|
height: 50px
|
|
194
|
-
+
|
|
193
|
+
+background-icon-right('arrow')
|
|
195
194
|
|
|
196
195
|
a
|
|
197
196
|
color: inherit
|
|
@@ -241,7 +240,7 @@
|
|
|
241
240
|
padding-right: calc(#{$ui_padding} + #{$btn_icon_size})
|
|
242
241
|
min-width: $ui_minheight !important
|
|
243
242
|
height: $ui_minheight !important
|
|
244
|
-
text-decoration: none
|
|
243
|
+
text-decoration: none !important
|
|
245
244
|
justify-content: flex-start
|
|
246
245
|
align-items: center
|
|
247
246
|
+background-icon-base('search',$btn_icon_size,'neutral','default','right')
|
|
@@ -277,3 +276,18 @@
|
|
|
277
276
|
|
|
278
277
|
&:hover
|
|
279
278
|
border-color: $ui_hover_border_color
|
|
279
|
+
|
|
280
|
+
%control-icon
|
|
281
|
+
display: inline-block
|
|
282
|
+
height: $ui_display_controls_icon_size
|
|
283
|
+
width: $ui_display_controls_icon_size
|
|
284
|
+
border: 0
|
|
285
|
+
transition: none
|
|
286
|
+
|
|
287
|
+
&:hover
|
|
288
|
+
border: 0
|
|
289
|
+
|
|
290
|
+
%labels-controls
|
|
291
|
+
font-weight: $normal
|
|
292
|
+
margin: 0 rv(-3)
|
|
293
|
+
transform: translateY(-1px) // fudge to line up with element!
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
@extend %button-more
|
|
36
36
|
|
|
37
37
|
&.search-submit,&[type='submit'].search-submit
|
|
38
|
-
@extend %button-search
|
|
38
|
+
@extend %button-search
|
|
39
39
|
|
|
40
40
|
button
|
|
41
41
|
&.search-submit,&[type='submit'].search-submit
|
|
42
|
-
@extend %button-search
|
|
42
|
+
@extend %button-search
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
@description Loads all sass files or subdirectory indices in its directory. */
|
|
5
5
|
|
|
6
6
|
@import 12_mixins/_index
|
|
7
|
-
@import 13_definitions/_index
|
|
8
7
|
@import _standardized_icons/_index
|
|
8
|
+
@import 13_definitions/_index
|
|
9
9
|
@import _ui_library_support/_index
|
|
10
10
|
@import _general_ui
|
|
11
11
|
@import _form_ui
|
package/source/sass/a_components/40_ui/ui_element_base_v002/_standardized_icons/_icon_mixins.sass
CHANGED
|
@@ -73,10 +73,10 @@
|
|
|
73
73
|
|
|
74
74
|
// Simplified Aliases
|
|
75
75
|
|
|
76
|
-
=icon($icon_name, $
|
|
77
|
-
height: $
|
|
78
|
-
width: $
|
|
79
|
-
+background-icon-base($icon_name,$
|
|
76
|
+
=icon($icon_name, $size: $btn_icon_size, $initial_state: 'default', $active_state: 'active')
|
|
77
|
+
height: $size
|
|
78
|
+
width: $size
|
|
79
|
+
+background-icon-base($icon_name,$size,$initial_state,$active_state)
|
|
80
80
|
background-position: center
|
|
81
81
|
|
|
82
82
|
&.active, &:hover
|
|
@@ -86,7 +86,6 @@
|
|
|
86
86
|
@extend %icon-label
|
|
87
87
|
|
|
88
88
|
@if $position == 'left'
|
|
89
|
-
+background-icon-left($icon_name,$
|
|
89
|
+
+background-icon-left($icon_name,$size,$initial_state,$active_state)
|
|
90
90
|
@else
|
|
91
|
-
+background-icon-right($icon_name,$
|
|
92
|
-
|
|
91
|
+
+background-icon-right($icon_name,$size,$initial_state,$active_state)
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file _tabs.sass
|
|
3
|
+
* @category 40_ui
|
|
4
|
+
* @theme LOCAL
|
|
5
|
+
* @description Local task tabs. */
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
.block-local-tasks-block
|
|
9
|
+
|
|
10
|
+
margin: rv($mobile_edge_padding_factor) rv($mobile_edge_padding_factor) rv($mobile_block_spacing) rv($mobile_edge_padding_factor)
|
|
11
|
+
|
|
12
|
+
+bp($tablet)
|
|
13
|
+
margin: rv($edge_padding_factor) rv($edge_padding_factor) rv($block_spacing) rv($edge_padding_factor)
|
|
14
|
+
|
|
15
|
+
> ul
|
|
16
|
+
display: flex
|
|
17
|
+
list-style: none
|
|
18
|
+
justify-content: flex-end
|
|
19
|
+
line-height: rv(0)
|
|
20
|
+
flex-wrap: wrap
|
|
21
|
+
|
|
22
|
+
+bp($tablet)
|
|
23
|
+
flex-wrap: no-wrap
|
|
24
|
+
|
|
25
|
+
li
|
|
26
|
+
margin-bottom: rv(0)
|
|
27
|
+
padding-right: rv(-1)
|
|
28
|
+
|
|
29
|
+
+bp($tablet)
|
|
30
|
+
margin-bottom: rv(-2)
|
|
31
|
+
|
|
32
|
+
&:last-child
|
|
33
|
+
+bp($tablet)
|
|
34
|
+
padding-right: 0
|
|
35
|
+
|
|
36
|
+
li a
|
|
37
|
+
font-size: font-value(0)
|
|
38
|
+
font-weight: $normal
|
|
39
|
+
border-bottom: none
|
|
40
|
+
text-transform: uppercase
|
|
41
|
+
position: relative
|
|
42
|
+
display: block
|
|
43
|
+
color: neutral(40)
|
|
44
|
+
|
|
45
|
+
&::after
|
|
46
|
+
position: absolute
|
|
47
|
+
content: ''
|
|
48
|
+
background: no-repeat url(get_svg_url('icons/accordion-expand-default'))
|
|
49
|
+
background-size: contain
|
|
50
|
+
background-position: center
|
|
51
|
+
width: 100%
|
|
52
|
+
height: rv(-4)
|
|
53
|
+
top: rv(-3)
|
|
54
|
+
left: 0
|
|
55
|
+
display: flex
|
|
56
|
+
margin-top: rv(0)
|
|
57
|
+
justify-content: center
|
|
58
|
+
transition: opacity 0.3s
|
|
59
|
+
opacity: 0
|
|
60
|
+
|
|
61
|
+
+bp($desktop)
|
|
62
|
+
top: rv(-2)
|
|
63
|
+
|
|
64
|
+
&.active,
|
|
65
|
+
&.is-active,
|
|
66
|
+
&:hover,
|
|
67
|
+
&:focus
|
|
68
|
+
border-bottom: none
|
|
69
|
+
text-decoration: none
|
|
70
|
+
color: $black
|
|
71
|
+
|
|
72
|
+
&::after
|
|
73
|
+
+fadeInDown($very_slow,0s)
|