source: src/Clients/Angular/finki-chattery/src/styles.scss@ 91bfcf4

dev
Last change on this file since 91bfcf4 was caaf82d, checked in by Стојков Марко <mst@…>, 3 years ago

Responsivness fix

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