40 lines
1.3 KiB
SCSS
40 lines
1.3 KiB
SCSS
/* Fonts */
|
|
@import "fonts";
|
|
|
|
/* Bootstrap custom variable overrides */
|
|
@import "bs-custom";
|
|
|
|
/* Bootstrap v5 scss */
|
|
@import "~bootstrap/scss/bootstrap";
|
|
|
|
/*SVG ICON SYSTEM*/
|
|
@import "svg-icons";
|
|
|
|
/* LiveView specific CSS */
|
|
@import "phx-liveview";
|
|
|
|
/* Navbar toggler icon override */
|
|
.navbar-toggler-icon {
|
|
-webkit-transition: background 150ms ease;
|
|
-moz-transition: background 150ms ease;
|
|
-o-transition: background 150ms ease;
|
|
-ms-transition: background 150ms ease;
|
|
transition: background 150ms ease;
|
|
}
|
|
.navbar-light .navbar-toggler.collapsed .navbar-toggler-icon {
|
|
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="rgba(0, 0, 0, 0.55)"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /></svg>');
|
|
}
|
|
.navbar-light .navbar-toggler .navbar-toggler-icon {
|
|
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="rgba(0, 0, 0, 0.55)"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>');
|
|
}
|
|
|
|
/* Alerts and form errors */
|
|
.alert:empty {
|
|
display: none;
|
|
}
|
|
.invalid-feedback {
|
|
color: #a94442;
|
|
display: block;
|
|
margin: -1rem 0 2rem;
|
|
}
|