scinote-web/app/javascript/packs/bootstrap.less

@import '~bootstrap/less/variables.less';

@color-white: #fff;
@color-concrete: #eaecf0;
@color-alto: #d0d5dd;
@color-silver-chalice: #98a2b3;
@color-volcano: #475467;
@color-black: #1d2939;

@brand-primary: #104da9;
@brand-primary-hover: #2d5faa;
@brand-primary-press: #07244f;
@brand-primary-light: #7094cb;

@brand-focus: #3b99fd;
@brand-focus-light: #f0f8ff;

@brand-success: #5ec66f;
@brand-success-light: #cbefd7;

@brand-danger: #ce0c24;
@brand-danger-hover: #ad0015;
@brand-danger-press: #801515;
@brand-danger-light: #f9c9c9;

@brand-warning: #f0ad4e;
@brand-complementary: #ffcf26;
@brand-warning-light: #fbebd3;

@gray-darker: @color-black;
@gray-dark: @color-black;
@gray: @color-black;
@gray-light: @color-volcano;
@gray-lighter: @color-concrete;

@state-success-text: @brand-success;
@state-success-bg: @brand-success-light;
@state-info-text: @brand-focus;
@state-info-bg: @brand-focus-light;
@state-warning-text: @brand-warning;
@state-warning-bg: @brand-warning-light;
@state-danger-text: @brand-danger;
@state-danger-bg: @brand-danger-light;

@alert-padding: 15px;
@alert-border-radius: @border-radius-base;
@alert-link-font-weight: bold;
@alert-success-bg: @brand-success-light;
@alert-success-text: @brand-success;
@alert-info-bg: @brand-focus-light;
@alert-info-text: @brand-focus;
@alert-warning-bg: @brand-warning-light;
@alert-warning-text: @brand-warning;
@alert-danger-bg: @brand-danger-light;
@alert-danger-text: @brand-danger;

@padding-base-vertical: 6px;
@padding-base-horizontal: 12px;
@padding-large-vertical: 10px;
@padding-large-horizontal: 16px;
@padding-small-vertical: 5px;
@padding-small-horizontal: 10px;
@padding-xs-vertical: 1px;
@padding-xs-horizontal: 5px;
@line-height-large: 1.3333333;
@line-height-small: 1.5;
@border-radius-base: 4px;
@border-radius-large: 6px;
@border-radius-small: 3px;
@component-active-color: @color-white;
@component-active-bg: @brand-primary;
@caret-width-base: 4px;
@caret-width-large: 5px;

@font-size-base: 14px;
@headings-font-weight: bold;

@font-size-h1: 24px;
@font-size-h2: 18px;
@font-size-h3: @font-size-base;
@font-size-h4: @font-size-base;
@font-size-h5: @font-size-base;
@font-size-h6: 12px;

@container-tablet: auto;
@container-sm: auto;
@container-desktop: auto;
@container-md: auto;
@container-large-desktop: auto;
@container-lg: auto;

@import "~bootstrap/less/mixins.less";

// Reset and dependencies
@import "~bootstrap/less/normalize.less";
@import "~bootstrap/less/print.less";
@import "~bootstrap/less/glyphicons.less";

// Core CSS
@import "~bootstrap/less/scaffolding.less";
@import "~bootstrap/less/type.less";
@import "~bootstrap/less/code.less";
@import "~bootstrap/less/grid.less";
@import "~bootstrap/less/tables.less";
@import "~bootstrap/less/forms.less";

// Components
@import "~bootstrap/less/component-animations.less";
@import "~bootstrap/less/dropdowns.less";
@import "~bootstrap/less/button-groups.less";
@import "~bootstrap/less/input-groups.less";
@import "~bootstrap/less/navs.less";
@import "~bootstrap/less/navbar.less";
@import "~bootstrap/less/breadcrumbs.less";
@import "~bootstrap/less/pagination.less";
@import "~bootstrap/less/pager.less";
@import "~bootstrap/less/labels.less";
@import "~bootstrap/less/badges.less";
@import "~bootstrap/less/jumbotron.less";
@import "~bootstrap/less/thumbnails.less";
@import "~bootstrap/less/alerts.less";
@import "~bootstrap/less/progress-bars.less";
@import "~bootstrap/less/media.less";
@import "~bootstrap/less/list-group.less";
@import "~bootstrap/less/panels.less";
@import "~bootstrap/less/responsive-embed.less";
@import "~bootstrap/less/wells.less";
@import "~bootstrap/less/close.less";

// Components w/ JavaScript
//@import "~bootstrap/less/modals.less";
@import "~bootstrap/less/tooltip.less";
@import "~bootstrap/less/popovers.less";
@import "~bootstrap/less/carousel.less";

// Utility classes
@import "~bootstrap/less/utilities.less";
@import "~bootstrap/less/responsive-utilities.less";