mirror of
https://github.com/bitwarden/help
synced 2025-12-06 00:03:30 +00:00
5c13c65b73
* removing article from slug and updating width and footer * ruby plugin for redirects * removing help article slug * help article clean up * relative url
64 lines
1.9 KiB
SCSS
64 lines
1.9 KiB
SCSS
$brand-primary: #175DDC;
|
|
$brand-danger: #dd4b39;
|
|
$brand-success: #00a65a;
|
|
$brand-info: #555555;
|
|
$brand-warning: #aa6708;
|
|
$brand-primary-accent: #1252A3;
|
|
$brand-secondary: #1A3B66;
|
|
$brand-dark-accent: #1A3B66;
|
|
|
|
$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: #000000;
|
|
$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;
|
|
|
|
$blockquote-font-size: 16px;
|
|
|
|
$navbar-height: 80px;
|
|
$navbar-margin-bottom: 0;
|
|
$navbar-border-radius: 0;
|
|
|
|
$code-bg: $gray-lighter;
|
|
$code-color: $text-color;
|
|
|
|
//=== 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;
|
|
|
|
// Screen sizes
|
|
$screen-xxs: 375px;
|
|
$screen-xxs-min: 375px;
|
|
$screen-xxs-max: ($screen-xxs-min - 1);
|
|
|
|
@import "../node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
|