-// Global Settings
-$enable-shadows: true;
-$shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-$shadow-2: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.23);
-$shadow-3: 0 3px 6px 0 rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.23);
-$shadow-4: 0 10px 20px 0 rgba(0, 0, 0, 0.19), 0 6px 6px 0 rgba(0, 0, 0, 0.26);
-$shadow-5: 0 14px 28px 0 rgba(0, 0, 0, 0.25), 0 10px 10px 0 rgba(0, 0, 0, 0.26);
-$shadow-6: 0 19px 38px 0 rgba(0, 0, 0, 0.3), 0 15px 12px 0 rgba(0, 0, 0, 0.22);
-
/*
Colours
*/
$input-btn-padding-x: 1rem;
$input-btn-padding-y: .5rem;
-$input-btn-focus-box-shadow: $shadow-3;
-
-// Shadows
-$box-shadow: $shadow-1;
-$box-shadow-sm: $box-shadow;
-$box-shadow-lg: $shadow-6;
-
// Buttons
$btn-border-width: 2px;
-
-$btn-box-shadow: 0 2px 0 rgba(black, .16), 0 1px 2px rgba(black, .23);
-$btn-active-box-shadow: $input-btn-focus-box-shadow;
line-height: 1.75rem;
}
-.card {
- box-shadow: $shadow-1;
-}
-
.nav {
.nav-link {
color: $blue-grey-900;
.navbar {
&.scrolled {
background-color: white;
- box-shadow: $shadow-2;
transition: background-color 200ms linear;
}
.content {
background: white;
border-radius: 4px;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
padding: 40px 24px;
position: relative;
}
.btn-lg {
margin-bottom: 2.75rem;
}
- .btn-sm {
- box-shadow: none;
- &:hover {
- box-shadow: none;
- }
- }
.copyright {
background-color: rgba($blue-grey-900, .06);