mirror of
https://github.com/retspen/webvirtcloud
synced 2024-12-27 08:35:22 +00:00
102 lines
1.6 KiB
SCSS
Executable file
102 lines
1.6 KiB
SCSS
Executable file
// Cerulean 4.5.3
|
|
// Bootswatch
|
|
|
|
|
|
// Variables ===================================================================
|
|
|
|
$text-shadow: 0 1px 0 rgba(0, 0, 0, .05) !default;
|
|
|
|
// Mixins ======================================================================
|
|
|
|
@mixin btn-shadow($color){
|
|
@include gradient-y-three-colors(lighten($color, 8%), $color, 60%, darken($color, 4%));
|
|
}
|
|
|
|
// Navbar ======================================================================
|
|
|
|
.bg-primary {
|
|
@include btn-shadow($primary);
|
|
}
|
|
|
|
.bg-dark {
|
|
@include btn-shadow($blue);
|
|
}
|
|
|
|
.bg-light {
|
|
@include gradient-y-three-colors(lighten($gray-200, 8%), $gray-200, 60%, darken($gray-200, 2%));
|
|
}
|
|
|
|
.navbar-brand,
|
|
.nav-link {
|
|
text-shadow: $text-shadow;
|
|
}
|
|
|
|
// Buttons =====================================================================
|
|
|
|
.btn {
|
|
text-shadow: $text-shadow;
|
|
}
|
|
|
|
.btn-primary {
|
|
@include btn-shadow($primary);
|
|
}
|
|
|
|
.btn-secondary {
|
|
@include btn-shadow($secondary);
|
|
color: $gray-700;
|
|
}
|
|
|
|
.btn-success {
|
|
@include btn-shadow($success);
|
|
}
|
|
|
|
.btn-info {
|
|
@include btn-shadow($info);
|
|
}
|
|
|
|
.btn-warning {
|
|
@include btn-shadow($warning);
|
|
}
|
|
|
|
.btn-danger {
|
|
@include btn-shadow($danger);
|
|
}
|
|
|
|
.btn-light {
|
|
@include btn-shadow($light);
|
|
}
|
|
|
|
.btn-dark {
|
|
@include btn-shadow($dark);
|
|
}
|
|
|
|
|
|
// Typography ==================================================================
|
|
|
|
.text-secondary {
|
|
color: $gray-500 !important;
|
|
}
|
|
|
|
.bg-primary,
|
|
.bg-success,
|
|
.bg-info,
|
|
.bg-warning,
|
|
.bg-danger,
|
|
.bg-dark {
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
color: $white;
|
|
}
|
|
}
|
|
|
|
// Navs ========================================================================
|
|
|
|
.dropdown-menu {
|
|
.dropdown-header {
|
|
color: $gray-600;
|
|
}
|
|
}
|