source: src/Clients/Angular/finki-chattery/src/styles.scss@ 9e95498

dev
Last change on this file since 9e95498 was 9e95498, checked in by Sara Fazliu <67891916+sarafazliu@…>, 3 years ago

Added header component

  • Property mode set to 100644
File size: 4.2 KB
Line 
1html,
2body {
3 margin: 0;
4 height: 100%;
5}
6/*
7body {
8 font-family: Roboto, sans-serif;
9}
10
11.logo {
12 width: 200px;
13 height: 35px;
14}
15
16.hide {
17 display: none;
18}
19
20.light-primary-background {
21 background-color: #3f51b56b;
22}
23
24.text-bold {
25 font-weight: bold;
26}
27
28.text-center {
29 text-align: center;
30}
31
32.full-height {
33 height: 100vh;
34}
35
36.padding-xs {
37 padding: 0.25em !important;
38}
39.padding-sm {
40 padding: 0.5em !important;
41}
42.padding-md {
43 padding: 1em !important;
44}
45.padding-lg {
46 padding: 1.5em !important;
47}
48.padding-xl {
49 padding: 3em !important;
50}
51
52.padding-x-xs {
53 padding: 0.25em 0 !important;
54}
55.padding-x-sm {
56 padding: 0.5em 0 !important;
57}
58.padding-x-md {
59 padding: 1em 0 !important;
60}
61.padding-x-lg {
62 padding: 1.5em 0 !important;
63}
64.padding-x-xl {
65 padding: 3em 0 !important;
66}
67
68.padding-y-xs {
69 padding: 0 0.25em !important;
70}
71.padding-y-sm {
72 padding: 0 0.5em !important;
73}
74.padding-y-md {
75 padding: 0 1em !important;
76}
77.padding-y-lg {
78 padding: 0 1.5em !important;
79}
80.padding-y-xl {
81 padding: 0 3em !important;
82}
83
84.padding-top-xs {
85 padding-top: 0.25em !important;
86}
87.padding-top-sm {
88 padding-top: 0.5em !important;
89}
90.padding-top-md {
91 padding-top: 1em !important;
92}
93.padding-top-lg {
94 padding-top: 1.5em !important;
95}
96.padding-top-xl {
97 padding-top: 3em !important;
98}
99
100.padding-right-xs {
101 padding-right: 0.25em !important;
102}
103.padding-right-sm {
104 padding-right: 0.5em !important;
105}
106.padding-right-md {
107 padding-right: 1em !important;
108}
109.padding-right-lg {
110 padding-right: 1.5em !important;
111}
112.padding-right-xl {
113 padding-right: 3em !important;
114}
115
116.padding-bottom-xs {
117 padding-bottom: 0.25em !important;
118}
119.padding-bottom-sm {
120 padding-bottom: 0.5em !important;
121}
122.padding-bottom-md {
123 padding-bottom: 1em !important;
124}
125.padding-bottom-lg {
126 padding-bottom: 1.5em !important;
127}
128.padding-bottom-xl {
129 padding-bottom: 3em !important;
130}
131
132.padding-left-xs {
133 padding-left: 0.25em !important;
134}
135.padding-left-sm {
136 padding-left: 0.5em !important;
137}
138.padding-left-md {
139 padding-left: 1em !important;
140}
141.padding-left-lg {
142 padding-left: 1.5em !important;
143}
144.padding-left-xl {
145 padding-left: 3em !important;
146}
147
148.margin-auto {
149 display: block;
150 margin-left: auto;
151 margin-right: auto;
152}
153
154.margin-xs {
155 margin: 0.25em !important;
156}
157.margin-sm {
158 margin: 0.5em !important;
159}
160.margin-md {
161 margin: 1em !important;
162}
163.margin-lg {
164 margin: 1.5em !important;
165}
166.margin-xl {
167 margin: 3em !important;
168}
169
170.margin-x-xs {
171 margin: 0.25em 0 !important;
172}
173.margin-x-sm {
174 margin: 0.5em 0 !important;
175}
176.margin-x-md {
177 margin: 1em 0 !important;
178}
179.margin-x-lg {
180 margin: 1.5em 0 !important;
181}
182.margin-x-xl {
183 margin: 3em 0 !important;
184}
185
186.margin-y-xs {
187 margin: 0 0.25em !important;
188}
189.margin-y-sm {
190 margin: 0 0.5em !important;
191}
192.margin-y-md {
193 margin: 0 1em !important;
194}
195.margin-y-lg {
196 margin: 0 1.5em !important;
197}
198.margin-y-xl {
199 margin: 0 3em !important;
200}
201
202.margin-top-xs {
203 margin-top: 0.25em !important;
204}
205.margin-top-sm {
206 margin-top: 0.5em !important;
207}
208.margin-top-md {
209 margin-top: 1em !important;
210}
211.margin-top-lg {
212 margin-top: 1.5em !important;
213}
214.margin-top-xl {
215 margin-top: 3em !important;
216}
217
218.margin-right-xs {
219 margin-right: 0.25em !important;
220}
221.margin-right-sm {
222 margin-right: 0.5em !important;
223}
224.margin-right-md {
225 margin-right: 1em !important;
226}
227.margin-right-lg {
228 margin-right: 1.5em !important;
229}
230.margin-right-xl {
231 margin-right: 3em !important;
232}
233
234.margin-bottom-xs {
235 margin-bottom: 0.25em !important;
236}
237.margin-bottom-sm {
238 margin-bottom: 0.5em !important;
239}
240.margin-bottom-md {
241 margin-bottom: 1em !important;
242}
243.margin-bottom-lg {
244 margin-bottom: 1.5em !important;
245}
246.margin-bottom-xl {
247 margin-bottom: 3em !important;
248}
249
250.margin-left-xs {
251 margin-left: 0.25em !important;
252}
253.margin-left-sm {
254 margin-left: 0.5em !important;
255}
256.margin-left-md {
257 margin-left: 1em !important;
258}
259.margin-left-lg {
260 margin-left: 1.5em !important;
261}
262.margin-left-xl {
263 margin-left: 3em !important;
264}
265
266.avatar-image {
267 width: 80px;
268 height: 80px;
269 display: block;
270 border-radius: 50%;
271}
272
273.cursor:hover {
274 cursor: pointer;
275}
276
277mat-dialog-actions {
278 justify-content: flex-end;
279}
280
281.timepicker-overlay {
282 z-index: 1100 !important;
283}
284
285.timepicker-backdrop-overlay {
286 z-index: 1100 !important;
287}
288*/
Note: See TracBrowser for help on using the repository browser.