1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 |
|
21 |
|
22 | .bg-center {
|
23 | background-repeat: no-repeat;
|
24 | background-position: center center;
|
25 | }
|
26 |
|
27 | .bg-top {
|
28 | background-repeat: no-repeat;
|
29 | background-position: top center;
|
30 | }
|
31 |
|
32 | .bg-right {
|
33 | background-repeat: no-repeat;
|
34 | background-position: center right;
|
35 | }
|
36 |
|
37 | .bg-bottom {
|
38 | background-repeat: no-repeat;
|
39 | background-position: bottom center;
|
40 | }
|
41 |
|
42 | .bg-left {
|
43 | background-repeat: no-repeat;
|
44 | background-position: center left;
|
45 | }
|
46 |
|
47 | @media (--breakpoint-not-small) {
|
48 | .bg-center-ns {
|
49 | background-repeat: no-repeat;
|
50 | background-position: center center;
|
51 | }
|
52 |
|
53 | .bg-top-ns {
|
54 | background-repeat: no-repeat;
|
55 | background-position: top center;
|
56 | }
|
57 |
|
58 | .bg-right-ns {
|
59 | background-repeat: no-repeat;
|
60 | background-position: center right;
|
61 | }
|
62 |
|
63 | .bg-bottom-ns {
|
64 | background-repeat: no-repeat;
|
65 | background-position: bottom center;
|
66 | }
|
67 |
|
68 | .bg-left-ns {
|
69 | background-repeat: no-repeat;
|
70 | background-position: center left;
|
71 | }
|
72 | }
|
73 |
|
74 | @media (--breakpoint-medium) {
|
75 | .bg-center-m {
|
76 | background-repeat: no-repeat;
|
77 | background-position: center center;
|
78 | }
|
79 |
|
80 | .bg-top-m {
|
81 | background-repeat: no-repeat;
|
82 | background-position: top center;
|
83 | }
|
84 |
|
85 | .bg-right-m {
|
86 | background-repeat: no-repeat;
|
87 | background-position: center right;
|
88 | }
|
89 |
|
90 | .bg-bottom-m {
|
91 | background-repeat: no-repeat;
|
92 | background-position: bottom center;
|
93 | }
|
94 |
|
95 | .bg-left-m {
|
96 | background-repeat: no-repeat;
|
97 | background-position: center left;
|
98 | }
|
99 | }
|
100 |
|
101 | @media (--breakpoint-large) {
|
102 | .bg-center-l {
|
103 | background-repeat: no-repeat;
|
104 | background-position: center center;
|
105 | }
|
106 |
|
107 | .bg-top-l {
|
108 | background-repeat: no-repeat;
|
109 | background-position: top center;
|
110 | }
|
111 |
|
112 | .bg-right-l {
|
113 | background-repeat: no-repeat;
|
114 | background-position: center right;
|
115 | }
|
116 |
|
117 | .bg-bottom-l {
|
118 | background-repeat: no-repeat;
|
119 | background-position: bottom center;
|
120 | }
|
121 |
|
122 | .bg-left-l {
|
123 | background-repeat: no-repeat;
|
124 | background-position: center left;
|
125 | }
|
126 | }
|