auth.scss — WooCommerce 8.6.0

woocommerce / assets / css / auth.scss

woocommerce / assets / css Last commit date

auth.scss

153 lines

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