]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/sass/class-helpers/_custom-bootstrap-helpers.scss
Fix bootstrap utility classes on RTL layourt
[github/Chocobozzz/PeerTube.git] / client / src / sass / class-helpers / _custom-bootstrap-helpers.scss
CommitLineData
27f84cc3
W
1@use '_variables' as *;
2@use '_mixins' as *;
3
4// Font sizes
5
178af31c 6.fs-5-5 {
4158e67c 7 @include font-size(18px);
6c3589fc 8}
118626c8
C
9
10.fs-7 {
11 @include font-size(14px);
12}
1281e6a5
C
13
14// Handle dynamically RTL layouts
15
16.text-start {
17 text-align: start !important;
18}
19
20.text-end {
21 text-align: end !important;
22}
23
24// ---
25
26
27.ms-0 {
28 @include margin-left(0 !important);
29
30 margin-left: inherit !important;
31}
32
33.ms-1 {
34 @include margin-left(0.25rem !important);
35
36 margin-left: inherit !important;
37}
38
39.ms-2 {
40 @include margin-left(0.5rem !important);
41
42 margin-left: inherit !important;
43}
44
45.ms-3 {
46 @include margin-left(1rem !important);
47
48 margin-left: inherit !important;
49}
50
51.ms-4 {
52 @include margin-left(1.5rem !important);
53
54 margin-left: inherit !important;
55}
56
57.ms-5 {
58 @include margin-left(3rem !important);
59
60 margin-left: inherit !important;
61}
62
63.ms-auto {
64 @include margin-left(auto !important);
65
66 margin-left: inherit !important;
67}
68
69// ---
70
71.me-0 {
72 @include margin-right(0 !important);
73
74 margin-right: inherit !important;
75}
76
77.me-1 {
78 @include margin-right(0.25rem !important);
79
80 margin-right: inherit !important;
81}
82
83.me-2 {
84 @include margin-right(0.5rem !important);
85
86 margin-right: inherit !important;
87}
88
89.me-3 {
90 @include margin-right(1rem !important);
91
92 margin-right: inherit !important;
93}
94
95.me-4 {
96 @include margin-right(1.5rem !important);
97
98 margin-right: inherit !important;
99}
100
101.me-5 {
102 @include margin-right(3rem !important);
103
104 margin-right: inherit !important;
105}
106
107.me-auto {
108 @include margin-right(auto !important);
109
110 margin-right: inherit !important;
111}
112
113// ---
114
115.ps-0 {
116 @include padding-left(0 !important);
117
118 padding-left: inherit !important;
119}
120
121.ps-1 {
122 @include padding-left(0.25rem !important);
123
124 padding-left: inherit !important;
125}
126
127.ps-2 {
128 @include padding-left(0.5rem !important);
129
130 padding-left: inherit !important;
131}
132
133.ps-3 {
134 @include padding-left(1rem !important);
135
136 padding-left: inherit !important;
137}
138
139.ps-4 {
140 @include padding-left(1.5rem !important);
141
142 padding-left: inherit !important;
143}
144
145.ps-5 {
146 @include padding-left(3rem !important);
147
148 padding-left: inherit !important;
149}
150
151// ---
152
153.pe-0 {
154 @include padding-right(0 !important);
155
156 padding-right: inherit !important;
157}
158
159.pe-1 {
160 @include padding-right(0.25rem !important);
161
162 padding-right: inherit !important;
163}
164
165.pe-2 {
166 @include padding-right(0.5rem !important);
167
168 padding-right: inherit !important;
169}
170
171.pe-3 {
172 @include padding-right(1rem !important);
173
174 padding-right: inherit !important;
175}
176
177.pe-4 {
178 @include padding-right(1.5rem !important);
179
180 padding-right: inherit !important;
181}
182
183.pe-5 {
184 @include padding-right(3rem !important);
185
186 padding-right: inherit !important;
187}