aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/bootstrap.scss
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2022-06-10 14:39:31 +0200
committerChocobozzz <me@florianbigard.com>2022-06-10 14:39:31 +0200
commit5efa5df212f1c739e259709706a913535c32df52 (patch)
tree37b08db3611bdce89fdf2ca61a9ea8af5a1f5168 /client/src/sass/bootstrap.scss
parent221489caab6843bb0f9b50df140f64c27f8a5fda (diff)
downloadPeerTube-5efa5df212f1c739e259709706a913535c32df52.tar.gz
PeerTube-5efa5df212f1c739e259709706a913535c32df52.tar.zst
PeerTube-5efa5df212f1c739e259709706a913535c32df52.zip
Add comments to bootstrap CSS
Diffstat (limited to 'client/src/sass/bootstrap.scss')
-rw-r--r--client/src/sass/bootstrap.scss29
1 files changed, 24 insertions, 5 deletions
diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss
index b4a6b8679..20eeeb623 100644
--- a/client/src/sass/bootstrap.scss
+++ b/client/src/sass/bootstrap.scss
@@ -55,6 +55,10 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
55 } 55 }
56} 56}
57 57
58// ---------------------------------------------------------------------------
59// Dropdown
60// ---------------------------------------------------------------------------
61
58.dropdown-menu { 62.dropdown-menu {
59 font-size: 15px; 63 font-size: 15px;
60 color: pvar(--mainForegroundColor); 64 color: pvar(--mainForegroundColor);
@@ -83,6 +87,14 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
83 } 87 }
84} 88}
85 89
90.dropdown-divider {
91 margin: 0.3rem 0;
92}
93
94// ---------------------------------------------------------------------------
95// Modal
96// ---------------------------------------------------------------------------
97
86@media screen and (min-width: #{breakpoint(md)}) { 98@media screen and (min-width: #{breakpoint(md)}) {
87 .modal::before { 99 .modal::before {
88 vertical-align: middle; 100 vertical-align: middle;
@@ -178,7 +190,10 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
178 } 190 }
179} 191}
180 192
181// Nav customizations 193// ---------------------------------------------------------------------------
194// Nav
195// ---------------------------------------------------------------------------
196
182.nav .nav-link { 197.nav .nav-link {
183 display: flex !important; 198 display: flex !important;
184 align-items: center; 199 align-items: center;
@@ -231,6 +246,10 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
231 } 246 }
232} 247}
233 248
249// ---------------------------------------------------------------------------
250// Card, collapse and accordion
251// ---------------------------------------------------------------------------
252
234.card { 253.card {
235 background-color: pvar(--mainBackgroundColor); 254 background-color: pvar(--mainBackgroundColor);
236 border-color: #dee2e6; 255 border-color: #dee2e6;
@@ -249,9 +268,9 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
249 } 268 }
250} 269}
251 270
252.dropdown-divider { 271// ---------------------------------------------------------------------------
253 margin: 0.3rem 0; 272// Buttons & form controls
254} 273// ---------------------------------------------------------------------------
255 274
256.btn-outline-secondary { 275.btn-outline-secondary {
257 border-color: $input-border-color; 276 border-color: $input-border-color;
@@ -292,13 +311,13 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
292 } 311 }
293} 312}
294 313
295// input box-shadow on focus
296.form-control { 314.form-control {
297 font-size: 15px; 315 font-size: 15px;
298 color: pvar(--mainForegroundColor); 316 color: pvar(--mainForegroundColor);
299 background-color: pvar(--inputBackgroundColor); 317 background-color: pvar(--inputBackgroundColor);
300 outline: none; 318 outline: none;
301 319
320 // Input box-shadow on focus
302 &:focus-within, 321 &:focus-within,
303 &:focus { 322 &:focus {
304 box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest); 323 box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);