//========= bootstrap variables overrides ============= $spacer: 1rem; $spacers: (
0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3), 6: ($spacer * 4), 7: ($spacer * 5), 8: ($spacer * 6), 9: ($spacer * 8), 10: ($spacer * 10),
);
$h1-font-size: 2.2rem; $h2-font-size: 1.9rem; $h3-font-size: 1.7rem; $h4-font-size: 1.4rem; $h5-font-size: 1.2rem;
$navbar-light-color: darken($gray, 12%); $navbar-light-hover-color: $secondary; $navbar-light-active-color: $secondary;
//========= bootstrap imports ==========
/*!
* Bootstrap v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
@import “functions”; @import “variables”; @import “mixins”; @import “root”; @import “reboot”; @import “type”; @import “images”; @import “code”; @import “grid”; @import “tables”; @import “forms”; @import “buttons”; @import “transitions”; @import “dropdown”; @import “button-group”; @import “input-group”; @import “custom-forms”; @import “nav”; @import “navbar”; @import “card”; @import “breadcrumb”; @import “pagination”; @import “badge”; @import “jumbotron”; @import “alert”; @import “progress”; @import “media”; @import “list-group”; @import “close”; @import “modal”; @import “tooltip”; @import “popover”; @import “carousel”; @import “utilities”; @import “print”;
//========= bootstrap override ========== .btn{
&:active, &:focus{ outline: 0; box-shadow: none!important; } &.btn-link { text-transform: none; }
} .btn-group .btn {
text-transform: none;
} .navbar-nav{
flex-direction: row; li{ margin: 0 0.5rem; line-height: 2.3rem; a { @include transition; outline: none; } }
} .navbar-brand{
margin-right: 0; padding-top: 0; img { width: 7rem; }
} .form-control{
border-radius: 0; @include transition; &:focus{ border-color: $primary; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
} label{
margin-bottom: .25rem;
} a {
color: $secondary; /* text-decoration: underline; */ @include transition; &:hover { text-decoration: none; }
} //***** angular form styles ******* .ng-valid, .ng-valid.required, .ng-valid-radio {
// border-left: 5px solid $secondary; border-bottom: 1px solid $primary;
} .ng-invalid:not(form) {
// border-left: 5px solid $danger; border-bottom: 1px solid $danger;
} .alert-danger{
background-color: #fbf4f4; color: $danger; line-height: 1;
} .alert{
padding: .5rem 1.25rem;
} .btn-secondary.disabled, .btn-secondary:disabled{
background-color: darken($gray, 12%); border-color: darken($gray, 12%);
} .popover{
font-family: inherit; background-color: rgba(255,255,255,0.9); .popover-body{ padding: 0; }
}