OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

Add comments to bootstrap CSS

pull/5067/head
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
View File

@ -55,6 +55,10 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
}
}
// ---------------------------------------------------------------------------
// Dropdown
// ---------------------------------------------------------------------------
.dropdown-menu {
font-size: 15px;
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)}) {
.modal::before {
vertical-align: middle;
@ -178,7 +190,10 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
}
}
// Nav customizations
// ---------------------------------------------------------------------------
// Nav
// ---------------------------------------------------------------------------
.nav .nav-link {
display: flex !important;
align-items: center;
@ -231,6 +246,10 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
}
}
// ---------------------------------------------------------------------------
// Card, collapse and accordion
// ---------------------------------------------------------------------------
.card {
background-color: pvar(--mainBackgroundColor);
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 {
border-color: $input-border-color;
@ -292,13 +311,13 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
}
}
// input box-shadow on focus
.form-control {
font-size: 15px;
color: pvar(--mainForegroundColor);
background-color: pvar(--inputBackgroundColor);
outline: none;
// Input box-shadow on focus
&:focus-within,
&:focus {
box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);