@wordpress/base-styles 4.14.0 → 4.15.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.
- package/CHANGELOG.md +2 -0
- package/_long-content-fade.scss +61 -0
- package/_mixins.scss +1 -63
- package/_variables.scss +1 -1
- package/_z-index.scss +8 -4
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Long content fade mixin
|
|
3
|
+
*
|
|
4
|
+
* Creates a fading overlay to signify that the content is longer
|
|
5
|
+
* than the space allows.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
@mixin long-content-fade($direction: right, $size: 20%, $color: #fff, $edge: 0, $z-index: false) {
|
|
9
|
+
content: "";
|
|
10
|
+
display: block;
|
|
11
|
+
position: absolute;
|
|
12
|
+
-webkit-touch-callout: none;
|
|
13
|
+
-webkit-user-select: none;
|
|
14
|
+
-khtml-user-select: none;
|
|
15
|
+
-moz-user-select: none;
|
|
16
|
+
-ms-user-select: none;
|
|
17
|
+
user-select: none;
|
|
18
|
+
pointer-events: none;
|
|
19
|
+
|
|
20
|
+
@if $z-index {
|
|
21
|
+
z-index: $z-index;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
@if $direction == "bottom" {
|
|
25
|
+
background: linear-gradient(to top, transparent, $color 90%);
|
|
26
|
+
left: $edge;
|
|
27
|
+
right: $edge;
|
|
28
|
+
top: $edge;
|
|
29
|
+
bottom: calc(100% - $size);
|
|
30
|
+
width: auto;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@if $direction == "top" {
|
|
34
|
+
background: linear-gradient(to bottom, transparent, $color 90%);
|
|
35
|
+
top: calc(100% - $size);
|
|
36
|
+
left: $edge;
|
|
37
|
+
right: $edge;
|
|
38
|
+
bottom: $edge;
|
|
39
|
+
width: auto;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
@if $direction == "left" {
|
|
43
|
+
background: linear-gradient(to left, transparent, $color 90%);
|
|
44
|
+
top: $edge;
|
|
45
|
+
left: $edge;
|
|
46
|
+
bottom: $edge;
|
|
47
|
+
right: auto;
|
|
48
|
+
width: $size;
|
|
49
|
+
height: auto;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
@if $direction == "right" {
|
|
53
|
+
background: linear-gradient(to right, transparent, $color 90%);
|
|
54
|
+
top: $edge;
|
|
55
|
+
bottom: $edge;
|
|
56
|
+
right: $edge;
|
|
57
|
+
left: auto;
|
|
58
|
+
width: $size;
|
|
59
|
+
height: auto;
|
|
60
|
+
}
|
|
61
|
+
}
|
package/_mixins.scss
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@import "./functions";
|
|
2
|
+
@import "./long-content-fade";
|
|
2
3
|
|
|
3
4
|
/**
|
|
4
5
|
* Breakpoint mixins
|
|
@@ -52,69 +53,6 @@
|
|
|
52
53
|
}
|
|
53
54
|
}
|
|
54
55
|
|
|
55
|
-
|
|
56
|
-
/**
|
|
57
|
-
* Long content fade mixin
|
|
58
|
-
*
|
|
59
|
-
* Creates a fading overlay to signify that the content is longer
|
|
60
|
-
* than the space allows.
|
|
61
|
-
*/
|
|
62
|
-
|
|
63
|
-
@mixin long-content-fade($direction: right, $size: 20%, $color: #fff, $edge: 0, $z-index: false) {
|
|
64
|
-
content: "";
|
|
65
|
-
display: block;
|
|
66
|
-
position: absolute;
|
|
67
|
-
-webkit-touch-callout: none;
|
|
68
|
-
-webkit-user-select: none;
|
|
69
|
-
-khtml-user-select: none;
|
|
70
|
-
-moz-user-select: none;
|
|
71
|
-
-ms-user-select: none;
|
|
72
|
-
user-select: none;
|
|
73
|
-
pointer-events: none;
|
|
74
|
-
|
|
75
|
-
@if $z-index {
|
|
76
|
-
z-index: $z-index;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
@if $direction == "bottom" {
|
|
80
|
-
background: linear-gradient(to top, transparent, $color 90%);
|
|
81
|
-
left: $edge;
|
|
82
|
-
right: $edge;
|
|
83
|
-
top: $edge;
|
|
84
|
-
bottom: calc(100% - $size);
|
|
85
|
-
width: auto;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
@if $direction == "top" {
|
|
89
|
-
background: linear-gradient(to bottom, transparent, $color 90%);
|
|
90
|
-
top: calc(100% - $size);
|
|
91
|
-
left: $edge;
|
|
92
|
-
right: $edge;
|
|
93
|
-
bottom: $edge;
|
|
94
|
-
width: auto;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
@if $direction == "left" {
|
|
98
|
-
background: linear-gradient(to left, transparent, $color 90%);
|
|
99
|
-
top: $edge;
|
|
100
|
-
left: $edge;
|
|
101
|
-
bottom: $edge;
|
|
102
|
-
right: auto;
|
|
103
|
-
width: $size;
|
|
104
|
-
height: auto;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
@if $direction == "right" {
|
|
108
|
-
background: linear-gradient(to right, transparent, $color 90%);
|
|
109
|
-
top: $edge;
|
|
110
|
-
bottom: $edge;
|
|
111
|
-
right: $edge;
|
|
112
|
-
left: auto;
|
|
113
|
-
width: $size;
|
|
114
|
-
height: auto;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
|
|
118
56
|
/**
|
|
119
57
|
* Focus styles.
|
|
120
58
|
*/
|
package/_variables.scss
CHANGED
|
@@ -49,7 +49,7 @@ $button-size: 36px;
|
|
|
49
49
|
$button-size-small: 24px;
|
|
50
50
|
$header-height: 60px;
|
|
51
51
|
$panel-header-height: $grid-unit-60;
|
|
52
|
-
$nav-sidebar-width:
|
|
52
|
+
$nav-sidebar-width: 360px;
|
|
53
53
|
$admin-bar-height: 32px;
|
|
54
54
|
$admin-bar-height-big: 46px;
|
|
55
55
|
$admin-sidebar-width: 160px;
|
package/_z-index.scss
CHANGED
|
@@ -142,10 +142,10 @@ $z-layers: (
|
|
|
142
142
|
".skip-to-selected-block": 100000,
|
|
143
143
|
".interface-interface-skeleton__actions": 100000,
|
|
144
144
|
|
|
145
|
-
//
|
|
146
|
-
".
|
|
145
|
+
// The focus styles of the region navigation containers should be above their content.
|
|
146
|
+
".is-focusing-regions {region} :focus::after": 1000000,
|
|
147
147
|
|
|
148
|
-
// Show tooltips above
|
|
148
|
+
// Show tooltips above wp-admin menus, submenus, and sidebar:
|
|
149
149
|
".components-tooltip": 1000002,
|
|
150
150
|
|
|
151
151
|
// Keep template popover underneath 'Create custom template' modal overlay.
|
|
@@ -178,7 +178,11 @@ $z-layers: (
|
|
|
178
178
|
// Appear under the topbar.
|
|
179
179
|
".customize-widgets__block-toolbar": 7,
|
|
180
180
|
|
|
181
|
-
|
|
181
|
+
// Site editor layout
|
|
182
|
+
".edit-site-layout__hub": 3,
|
|
183
|
+
".edit-site-layout__header": 2,
|
|
184
|
+
".edit-site-layout__canvas-container": 2,
|
|
185
|
+
".edit-site-layout__sidebar": 1,
|
|
182
186
|
);
|
|
183
187
|
|
|
184
188
|
@function z-index( $key ) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/base-styles",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.15.0",
|
|
4
4
|
"description": "Base SCSS utilities and variables for WordPress.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -23,5 +23,5 @@
|
|
|
23
23
|
"publishConfig": {
|
|
24
24
|
"access": "public"
|
|
25
25
|
},
|
|
26
|
-
"gitHead": "
|
|
26
|
+
"gitHead": "200bee7b06b15f6fa655e25b6ab69cbd6b49a357"
|
|
27
27
|
}
|