mirror of
https://github.com/bitwarden/help
synced 2025-12-06 00:03:30 +00:00
64 lines
2.0 KiB
SCSS
64 lines
2.0 KiB
SCSS
$brand-primary: #3c8dbc;
|
|
$brand-danger: #dd4b39;
|
|
$brand-success: #00a65a;
|
|
$brand-info: #555555;
|
|
$brand-warning: #f39c12;
|
|
$brand-primary-accent: darken($brand-primary, 15%);
|
|
$brand-secondary: #2c3e50;
|
|
$brand-dark-accent: #222d32;
|
|
|
|
$font-size-base: 18px;
|
|
$font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
$headings-font-family: "Open Sans", sans-serif;
|
|
$text-color: $brand-secondary;
|
|
$gray-lighter: lighten(#000, 93.5%);
|
|
|
|
$font-size-h1: floor(($font-size-base * 2.0)) !default;
|
|
$font-size-h2: floor(($font-size-base * 1.75)) !default;
|
|
$font-size-h3: ceil(($font-size-base * 1.5)) !default;
|
|
$font-size-h4: ceil(($font-size-base * 1.25)) !default;
|
|
|
|
$navbar-height: 80px;
|
|
$navbar-margin-bottom: 0;
|
|
$navbar-border-radius: 0;
|
|
|
|
//=== Inverted navbar
|
|
// Reset inverted navbar basics
|
|
$navbar-inverse-color: #fff;
|
|
$navbar-inverse-bg: $brand-primary;
|
|
$navbar-inverse-border: $brand-primary;
|
|
|
|
// Inverted navbar links
|
|
$navbar-inverse-link-color: #fff;
|
|
$navbar-inverse-link-hover-color: lighten($brand-primary, 35%);
|
|
$navbar-inverse-link-hover-bg: transparent;
|
|
$navbar-inverse-link-active-color: #fff;
|
|
$navbar-inverse-link-active-bg: $brand-primary;
|
|
$navbar-inverse-link-disabled-color: #444;
|
|
$navbar-inverse-link-disabled-bg: transparent;
|
|
|
|
// Inverted navbar brand label
|
|
$navbar-inverse-brand-color: $navbar-inverse-link-color;
|
|
$navbar-inverse-brand-hover-color: #fff;
|
|
$navbar-inverse-brand-hover-bg: transparent;
|
|
|
|
// Inverted navbar toggle
|
|
$navbar-inverse-toggle-hover-bg: $brand-primary-accent;
|
|
$navbar-inverse-toggle-icon-bar-bg: #fff;
|
|
$navbar-inverse-toggle-border-color: darken($brand-primary, 5%);
|
|
|
|
//== Container sizes
|
|
$grid-gutter-width: 30px !default;
|
|
// Large screen / wide desktop
|
|
$container-large-desktop: (940px + $grid-gutter-width) !default;
|
|
//** For `$screen-lg-min` and up.
|
|
$container-lg: $container-large-desktop !default;
|
|
|
|
// Screen sizes
|
|
|
|
$screen-xxs: 375px;
|
|
$screen-xxs-min: 375px;
|
|
$screen-xxs-max: ($screen-xxs-min - 1);
|
|
|
|
@import "../node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
|