Joe Uhren
49431bbfaf
-Bootstrap was upgraded to latest version (v5.1.3) which required tons of changes to the UI. Many little UI problems have been resolved -Bootswatchs themes have all been upgraded to support bootstrap v5.1.3 + 4 new themes were added (Morph, Quartz, Vapor and Zephyr) -Exor theme upgraded to v3.0.0 with support for bootstrap v5.1.3 -Many layout and UI improvements such as more consistent hover effects on most tables and more readable text across all themes
140 lines
2.0 KiB
SCSS
140 lines
2.0 KiB
SCSS
// Simplex 5.1.3
|
|
// Bootswatch
|
|
|
|
|
|
// Variables
|
|
|
|
$web-font-path: "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" !default;
|
|
@if $web-font-path {
|
|
@import url($web-font-path);
|
|
}
|
|
|
|
// Mixins
|
|
|
|
@mixin btn-shadow($color){
|
|
@include gradient-y-three-colors(tint-color($color, 6%), $color, 6%, shade-color($color, 6%));
|
|
filter: none;
|
|
border: 1px solid shade-color($color, 13%);
|
|
}
|
|
|
|
// Navbar
|
|
|
|
.navbar {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
|
|
&-fixed-top {
|
|
border-width: 0 0 1px;
|
|
}
|
|
|
|
&-fixed-bottom {
|
|
border-top-width: 1px 0 0 0;
|
|
border-style: solid;
|
|
}
|
|
|
|
&.bg-primary {
|
|
background-color: $primary !important;
|
|
border-color: shade-color($primary, 13%) !important;
|
|
}
|
|
|
|
&.bg-dark {
|
|
border-color: shade-color($dark, 13%) !important;
|
|
}
|
|
|
|
&.bg-light {
|
|
border-color: shade-color($white, 13%);
|
|
}
|
|
}
|
|
|
|
// Buttons
|
|
|
|
.btn-primary,
|
|
.btn-primary:hover {
|
|
@include btn-shadow($primary);
|
|
}
|
|
|
|
.btn-secondary,
|
|
.btn-secondary:hover {
|
|
@include btn-shadow($secondary);
|
|
}
|
|
|
|
.btn-secondary:focus,
|
|
.btn-secondary:not([disabled]):not(.disabled):active,
|
|
.btn-secondary:not([disabled]):not(.disabled).active {
|
|
box-shadow: 0 0 0 .2rem rgba($gray-200, .5);
|
|
}
|
|
|
|
.btn-success,
|
|
.btn-success:hover {
|
|
@include btn-shadow($success);
|
|
}
|
|
|
|
.btn-info,
|
|
.btn-info:hover {
|
|
@include btn-shadow($info);
|
|
}
|
|
|
|
.btn-warning,
|
|
.btn-warning:hover {
|
|
@include btn-shadow($warning);
|
|
}
|
|
|
|
.btn-danger,
|
|
.btn-danger:hover {
|
|
@include btn-shadow($danger);
|
|
}
|
|
|
|
.btn-dark,
|
|
.btn-dark:hover {
|
|
@include btn-shadow($dark);
|
|
}
|
|
|
|
.btn-light,
|
|
.btn-light:hover {
|
|
@include btn-shadow($light);
|
|
}
|
|
|
|
.btn-outline-secondary {
|
|
border-color: $gray-400;
|
|
color: $gray-400;
|
|
|
|
&:hover {
|
|
background-color: $gray-400;
|
|
color: $white;
|
|
}
|
|
}
|
|
|
|
// Typography
|
|
|
|
.text-secondary {
|
|
color: $gray-600 !important;
|
|
}
|
|
|
|
// Forms
|
|
|
|
legend,
|
|
label {
|
|
color: $headings-color;
|
|
}
|
|
|
|
// Navs
|
|
|
|
.breadcrumb {
|
|
border: 1px solid shade-color($white, 13%);
|
|
}
|
|
|
|
.pagination {
|
|
.page-link:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
// Indicators
|
|
|
|
.badge {
|
|
&.bg-secondary,
|
|
&.bg-light {
|
|
color: $dark;
|
|
}
|
|
}
|