_utilities.scss — Appointment Booking Plugin – LatePoint | Calendar & Scheduling for WordPress 5.6.8

latepoint / lib / assets / stylesheets / admin / _utilities.scss

latepoint / lib / assets / stylesheets / admin Last commit date

_utilities.scss

125 lines

1	.text-nowrap {
2	white-space: nowrap;
3	}
4
5	.text-center {
6	text-align: center;
7	}
8
9	.text-right {
10	text-align: right !important;
11	}
12
13	.text-left {
14	text-align: left;
15	}
16
17	.os-row-align-center {
18	align-items: center;
19	}
20
21	.time-left {
22	&.left-days {
23	color: #bb6767;
24	}
25
26	&.left-hours {
27	color: #bb6767;
28	}
29
30	&.left-minutes {
31	color: #bb6767;
32	}
33
34	&.is-past {
35	color: $color-faded;
36	}
37	}
38
39	.info-hover-activate {
40	color: $brand-primary;
41	text-decoration: none;
42	font-size: 14px;
43	position: relative;
44	margin: 0px 5px;
45
46	i {
47
48	}
49
50	span {
51	display: none;
52	position: absolute;
53	top: 0px;
54	left: 50%;
55	transform: translate(-50%, -100%);
56	background-color: #111;
57	color: #fff;
58	font-weight: $body-font-weight-bold;
59	font-size: $font-size-base * 0.9;
60	padding: 3px 8px;
61	border-radius: $border-radius-sm;
62	white-space: nowrap;
63	}
64
65	&:hover {
66	span {
67	display: block;
68	}
69	}
70	}
71
72
73	.os-mb-1 {
74	margin-bottom: 10px;
75	}
76
77	.os-mb-2 {
78	margin-bottom: 20px;
79	}
80
81	.os-mb-3 {
82	margin-bottom: 30px;
83	}
84
85	.os-mb-4 {
86	margin-bottom: 40px;
87	}
88
89	.os-mt-1 {
90	margin-top: 10px;
91	}
92
93	.os-mt-2 {
94	margin-top: 20px;
95	}
96
97	.os-mt-3 {
98	margin-top: 30px;
99	}
100
101	.os-mt-4 {
102	margin-top: 40px;
103	}
104
105	.os-p-1 {
106	padding: 10px;
107	}
108
109	.os-p-2 {
110	padding: 20px;
111	}
112
113	.os-p-3 {
114	padding: 30px;
115	}
116
117	.os-p-4 {
118	padding: 40px;
119	}
120
121	.dashicons-latepoint {
122	&:before {
123	@include latepointfont_admin("\e969");
124	}
125	}