borekon/PeerTube_original
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add comments to bootstrap CSS

Browse Source
This commit is contained in:
Chocobozzz 2022-06-10 14:39:31 +02:00
parent 221489caab
commit 5efa5df212
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
1 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
client/src/sass/bootstrap.scss vendored
View File

@ -55,6 +55,10 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
} }
} }
// ---------------------------------------------------------------------------
// Dropdown
// ---------------------------------------------------------------------------
.dropdown-menu { .dropdown-menu {
font-size: 15px; font-size: 15px;
color: pvar(--mainForegroundColor); color: pvar(--mainForegroundColor);
@ -83,6 +87,14 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
} }
} }
.dropdown-divider {
margin: 0.3rem 0;
}
// ---------------------------------------------------------------------------
// Modal
// ---------------------------------------------------------------------------
@media screen and (min-width: #{breakpoint(md)}) { @media screen and (min-width: #{breakpoint(md)}) {
.modal::before { .modal::before {
vertical-align: middle; vertical-align: middle;
@ -178,7 +190,10 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
} }
} }
// Nav customizations // ---------------------------------------------------------------------------
// Nav
// ---------------------------------------------------------------------------
.nav .nav-link { .nav .nav-link {
display: flex !important; display: flex !important;
align-items: center; align-items: center;
@ -231,6 +246,10 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
} }
} }
// ---------------------------------------------------------------------------
// Card, collapse and accordion
// ---------------------------------------------------------------------------
.card { .card {
background-color: pvar(--mainBackgroundColor); background-color: pvar(--mainBackgroundColor);
border-color: #dee2e6; border-color: #dee2e6;
@ -249,9 +268,9 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
} }
} }
.dropdown-divider { // ---------------------------------------------------------------------------
margin: 0.3rem 0; // Buttons & form controls
} // ---------------------------------------------------------------------------
.btn-outline-secondary { .btn-outline-secondary {
border-color: $input-border-color; border-color: $input-border-color;
@ -292,13 +311,13 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
} }
} }
// input box-shadow on focus
.form-control { .form-control {
font-size: 15px; font-size: 15px;
color: pvar(--mainForegroundColor); color: pvar(--mainForegroundColor);
background-color: pvar(--inputBackgroundColor); background-color: pvar(--inputBackgroundColor);
outline: none; outline: none;
// Input box-shadow on focus
&:focus-within, &:focus-within,
&:focus { &:focus {
box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest); box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);