bones73k/assets/css/app.scss

40 lines
1.3 KiB
SCSS
Raw Normal View History

/* Fonts */
@import "fonts";
2021-02-25 16:39:03 -05:00
/* Bootstrap custom variable overrides */
@import "bs-custom";
2020-09-12 18:43:17 -04:00
/* Bootstrap v5 scss */
@import "~bootstrap/scss/bootstrap";
2020-09-12 18:43:17 -04:00
/*SVG ICON SYSTEM*/
@import "svg-icons";
2020-09-12 18:43:17 -04:00
/* LiveView specific CSS */
@import "phx-liveview";
2020-09-12 18:43:17 -04:00
/* 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>');
}
2020-09-12 18:43:17 -04:00
/* Alerts and form errors */
.alert:empty {
display: none;
}
.invalid-feedback {
color: #a94442;
display: block;
margin: -1rem 0 2rem;
}