menu.scss — WooCommerce 5.6.1

woocommerce / assets / css / menu.scss

woocommerce / assets / css Last commit date

menu.scss

211 lines

1	/**
2	* menu.scss
3	* Styles applied to dashboard menu items added via WooCommerce.
4	* Adds icons to top level menu items, etc.
5	*/
6
7	/**
8	* Imports
9	*/
10	@import "mixins";
11	@import "variables";
12	@import "fonts";
13
14	/**
15	* Styling begins
16	*/
17	span.mce_woocommerce_shortcodes_button {
18	background-image: none !important;
19
20	@include ir();
21
22	&::before {
23
24	@include icon("\e01d");
25	font-size: 0.9em;
26	line-height: 1.2;
27	}
28	}
29
30	#woocommerce-update {
31
32	.updating-message {
33
34	.wc_plugin_upgrade_notice {
35	display: none;
36	}
37	}
38
39	.dummy {
40	display: none;
41	}
42
43	.wc_plugin_upgrade_notice {
44	font-weight: normal;
45	background: #fff8e5 !important;
46	border-left: 4px solid #ffb900;
47	border-top: 1px solid #ffb900;
48	padding: 9px 0 9px 12px !important;
49	margin: 0 -12px 0 -16px !important;
50
51	&::before {
52	content: "\f348";
53	display: inline-block;
54	font: 400 18px/1 dashicons;
55	speak: never;
56	margin: 0 8px 0 -2px;
57	vertical-align: top;
58	}
59
60	&.minor,
61	&.major {
62	padding: 20px 0 !important;
63
64	&::before {
65	display: none;
66	}
67
68	p {
69	padding: 0 20px;
70	margin: 0;
71	max-width: 700px;
72	line-height: 1.5em;
73
74	&::before {
75	content: "";
76	display: none;
77	}
78	}
79
80	table.plugin-details-table {
81	margin: 0.75em 0 0;
82
83	tr {
84	background: transparent none !important;
85	border: 0 !important;
86	}
87
88	th,
89	td {
90	background: transparent none !important;
91	margin: 0;
92	padding: 0.75em 20px 0;
93	border: 0 !important;
94	font-size: 1em;
95	box-shadow: none;
96	}
97
98	th {
99	font-weight: bold;
100	}
101	}
102	}
103	}
104	}
105
106	#wc_untested_extensions_modal {
107	display: none;
108	}
109
110	.wc_untested_extensions_modal_container {
111	border-radius: 4px;
112	padding: 0;
113
114	#TB_closeAjaxWindow {
115	display: none;
116	}
117
118	#TB_title {
119	display: none;
120	}
121
122	#TB_ajaxContent {
123	height: 100% !important;
124	padding: 0;
125	margin: 0;
126	width: 100% !important;
127
128	p {
129	margin: 0 0 1em;
130	}
131	}
132	}
133
134	.wc_untested_extensions_modal--content {
135
136	h1 {
137	margin: 2px 2px 0.5em;
138	padding: 0.75em 1em;
139	line-height: 1.5em;
140	font-size: 2em;
141	border-bottom: 1px solid #eee;
142	color: #fff;
143	background: #96578a;
144	border-top-left-radius: 4px;
145	border-top-right-radius: 4px;
146	text-shadow: none;
147	}
148
149	.extensions_warning {
150	padding: 0 2em;
151	}
152
153	.plugin-details-table-container {
154	max-height: 40vh;
155	overflow-y: auto;
156	}
157
158	table.plugin-details-table {
159	margin: 20px 0;
160
161	th,
162	td {
163	background: transparent none !important;
164	margin: 0;
165	padding: 0.75em 20px 0;
166	border: 0 !important;
167	font-size: 1em;
168	box-shadow: none;
169	}
170
171	th {
172	font-weight: bold;
173	margin-top: 0;
174	}
175	}
176
177	.actions {
178	border-top: 1px solid #eee;
179	margin: 0;
180	padding: 1em 0 2em 0;
181	overflow: hidden;
182
183	.woocommerce-actions {
184	display: inline-block;
185	}
186
187	a.button-primary {
188	float: right;
189	background: #bb77ae;
190	border-color: #a36597;
191	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
192	color: #fff;
193	text-shadow:
194	0 -1px 1px #a36597,
195	1px 0 1px #a36597,
196	0 1px 1px #a36597,
197	-1px 0 1px #a36597;
198
199	&:hover,
200	&:focus,
201	&:active {
202	background: #a36597;
203	border-color: #a36597;
204	box-shadow:
205	inset 0 1px 0 rgba(255, 255, 255, 0.25),
206	0 1px 0 #a36597;
207	}
208	}
209	}
210	}
211