auth.scss — WooCommerce 5.6.1

woocommerce / assets / css / auth.scss

woocommerce / assets / css Last commit date

auth.scss

150 lines

1	body {
2	background: #f1f1f1;
3	box-shadow: none;
4	margin: 100px auto 24px;
5	padding: 0;
6	}
7
8	#wc-logo {
9	border: 0;
10	margin: 0 0 24px;
11	padding: 0;
12	text-align: center;
13
14	img {
15	max-width: 50%;
16	}
17	}
18
19	.wc-auth-content {
20	background: #fff;
21	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
22	overflow: hidden;
23	padding: 24px 24px 0;
24	zoom: 1;
25
26	h1, h2, h3, table {
27	border: 0;
28	clear: none;
29	color: #666;
30	margin: 0 0 24px;
31	padding: 0;
32	}
33
34	p, ul {
35	color: #666;
36	font-size: 1em;
37	line-height: 1.75em;
38	margin: 0 0 24px;
39	}
40
41	p {
42	padding: 0;
43	}
44
45	a {
46	color: #a16696;
47	&:hover, &:focus {
48	color: #111;
49	}
50	}
51
52	.wc-auth-login {
53	label {
54	color: #999;
55	display: block;
56	margin-bottom: 0.5em;
57	}
58
59	input {
60	box-sizing: border-box;
61	font-size: 1.3em;
62	padding: 0.5em;
63	width: 100%;
64	}
65
66	.wc-auth-actions {
67	padding: 0;
68
69	.wc-auth-login-button {
70	float: none;
71	width: 100%;
72	}
73	}
74	}
75	}
76	.wc-auth-permissions {
77	list-style: disc inside;
78	padding: 0;
79
80	li {
81	font-size: 1em;
82	}
83	}
84	.wc-auth-logged-in-as {
85	background: #f5f5f5;
86	border-bottom: 2px solid #eee;
87	line-height: 70px;
88	margin: 0 0 24px;
89	padding: 0 1em 0 0;
90
91	p {
92	margin: 0;
93	line-height: 70px;
94	}
95
96	img {
97	float: left;
98	height: 70px;
99	margin: 0 1em 0 0;
100	}
101
102	.wc-auth-logout {
103	float: right;
104	}
105	}
106	.wc-auth .wc-auth-actions {
107	overflow: hidden;
108	padding-left: 24px;
109
110	.button {
111	background: #f7f7f7;
112	border-bottom-width: 2px;
113	border: 1px solid #d7d7d7;
114	box-sizing: border-box;
115	color: #777;
116	float: right;
117	font-size: 1.25em;
118	height: auto;
119	line-height: 1em;
120	padding: 1em 2em;
121	text-align: center;
122	width: 50%;
123
124	&:hover, &:focus {
125	background: #fcfcfc;
126	}
127	}
128	.button-primary {
129	background: #ad6ea1;
130	border-color: #a16696;
131	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
132	color: #fff;
133	float: right;
134	opacity: 1;
135	text-shadow: 0 -1px 1px #8a4f7f, 1px 0 1px #8a4f7f, 0 1px 1px #8a4f7f, -1px 0 1px #8a4f7f;
136
137	&:hover, &:focus {
138	background: #b472a8;
139	color: #fff;
140	}
141	}
142	.wc-auth-approve {
143	float: right;
144	}
145	.wc-auth-deny {
146	float: left;
147	margin-left: -24px;
148	}
149	}
150