← All changes | build/styles/nux/style.css +3 -189 23.3.2 → trunk View file →

		@@ -1,190 +1,4 @@
1	1	/**
2		- * Breakpoints & Media Queries
3		- */
4		-/**
5		- * Typography
6		- */
7		-/**
8		- * SCSS Variables.
9		- *
10		- * Please use variables from this sheet to ensure consistency across the UI.
11		- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
12		- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
13		- */
14		-/**
15		- * Colors
16		- */
17		-/**
18		- * Fonts & basic variables.
19		- */
20		-/**
21		- * Typography
22		- */
23		-/**
24		- * Grid System.
25		- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
26		- */
27		-/**
28		- * Radius scale.
29		- */
30		-/**
31		- * Elevation scale.
32		- */
33		-/**
34		- * Dimensions.
35		- */
36		-/**
37		- * Mobile specific styles
38		- */
39		-/**
40		- * Editor styles.
41		- */
42		-/**
43		- * Block & Editor UI.
44		- */
45		-/**
46		- * Block paddings.
47		- */
48		-/**
49		- * React Native specific.
50		- * These variables do not appear to be used anywhere else.
51		- */
52		-/**
53		-* Converts a hex value into the rgb equivalent.
54		-*
55		-* @param {string} hex - the hexadecimal value to convert
56		-* @return {string} comma separated rgb values
57		-*/
58		-/**
59		- * Long content fade mixin
60		- *
61		- * Creates a fading overlay to signify that the content is longer
62		- * than the space allows.
63		- */
64		-/**
65		- * Breakpoint mixins
66		- */
67		-/**
68		- * Focus styles.
69		- */
70		-/**
71		- * Applies editor left position to the selector passed as argument
72		- */
73		-/**
74		- * Styles that are reused verbatim in a few places
75		- */
76		-/**
77		- * Allows users to opt-out of animations via OS-level preferences.
78		- */
79		-/**
80		- * Reset default styles for JavaScript UI based pages.
81		- * This is a WP-admin agnostic reset
82		- */
83		-/**
84		- * Reset the WP Admin page styles for Gutenberg-like pages.
85		- */
86		-/**
87		- * Creates a checkerboard pattern background to indicate transparency.
88		- * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
89		- */
90		-.nux-dot-tip::before, .nux-dot-tip::after {
91		- border-radius: 100%;
92		- content: " ";
93		- pointer-events: none;
94		- position: absolute;
95		-}
96		-.nux-dot-tip::before {
97		- background: rgba(0, 115, 156, 0.9);
98		- opacity: 0.9;
99		- height: 24px;
100		- left: -12px;
101		- top: -12px;
102		- transform: scale(0.3333333333);
103		- width: 24px;
104		-}
105		-@media not (prefers-reduced-motion) {
106		- .nux-dot-tip::before {
107		- animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
108		- }
109		-}
110		-.nux-dot-tip::after {
111		- background: #00739c;
112		- height: 8px;
113		- left: -4px;
114		- top: -4px;
115		- width: 8px;
116		-}
117		-@keyframes nux-pulse {
118		- 100% {
119		- background: rgba(0, 115, 156, 0);
120		- transform: scale(1);
121		- }
122		-}
123		-.nux-dot-tip .components-popover__content {
124		- width: 350px;
125		- padding: 20px 18px;
126		-}
127		-@media (min-width: 600px) {
128		- .nux-dot-tip .components-popover__content {
129		- width: 450px;
130		- }
131		-}
132		-.nux-dot-tip .components-popover__content .nux-dot-tip__disable {
133		- position: absolute;
134		- right: 0;
135		- top: 0;
136		-}
137		-.nux-dot-tip[data-y-axis=top] {
138		- margin-top: -4px;
139		-}
140		-.nux-dot-tip[data-y-axis=bottom] {
141		- margin-top: 4px;
142		-}
143		-.nux-dot-tip[data-y-axis=middle][data-y-axis=left] {
144		- margin-left: -4px;
145		-}
146		-.nux-dot-tip[data-y-axis=middle][data-y-axis=right] {
147		- margin-left: 4px;
148		-}
149		-.nux-dot-tip[data-y-axis=top] .components-popover__content {
150		- margin-bottom: 20px;
151		-}
152		-.nux-dot-tip[data-y-axis=bottom] .components-popover__content {
153		- margin-top: 20px;
154		-}
155		-.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content {
156		- margin-right: 20px;
157		-}
158		-.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content {
159		- margin-left: 20px;
160		-}
161		-.nux-dot-tip[data-y-axis=left], .nux-dot-tip[data-y-axis=center], .nux-dot-tip[data-y-axis=right] {
162		- z-index: 1000001;
163		-}
164		-@media (max-width: 600px) {
165		- .nux-dot-tip[data-y-axis=left] .components-popover__content, .nux-dot-tip[data-y-axis=center] .components-popover__content, .nux-dot-tip[data-y-axis=right] .components-popover__content {
166		- align-self: end;
167		- left: 5px;
168		- margin: 20px 0 0 0;
169		- max-width: none !important;
170		- position: fixed;
171		- right: 5px;
172		- width: auto;
173		- }
174		-}
175		-.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
176		- /*!rtl:ignore*/
177		- margin-left: 0;
178		-}
179		-.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
180		- /*!rtl:ignore*/
181		- margin-right: 0;
182		-}
183		-.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
184		- /*!rtl:ignore*/
185		- margin-left: -12px;
186		-}
187		-.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
188		- /*!rtl:ignore*/
189		- margin-right: -12px;
190		-}
	2	+ * Intentionally no styles.
	3	+ * This entry point is kept so existing @wordpress/nux style imports continue to resolve.
	4	+ */