open-nomad/ui/app/styles/core.scss
2017-10-03 15:55:10 -07:00

71 lines
1.5 KiB
SCSS

// Utils
@import "./utils/z-indices";
// Start with Bulma variables as a foundation
@import "bulma/sass/utilities/initial-variables";
// Override variables where appropriate
@import "./utils/product-colors";
$orange: #fa8e23;
$green: #2eb039;
$blue: $vagrant-blue;
$purple: $terraform-purple;
$red: #c84034;
$grey-blue: #bbc4d1;
$primary: $nomad-green;
$warning: $orange;
$warning-invert: $white;
$danger: $red;
$dark: #234;
$radius: 2px;
$body-size: 14px;
$title-size: 1.75rem;
$size-5: 1.15rem;
$size-4: 1.3rem;
$size-7: 0.85rem;
$title-weight: $weight-semibold;
$family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
$text: $black;
$header-height: 112px;
$gutter-width: 250px;
$icon-dimensions: 1.25rem;
$icon-dimensions-small: 1rem;
$icon-dimensions-medium: 1.5rem;
$icon-dimensions-large: 2.5rem;
// Bring in the rest of Bulma
@import "bulma/bulma";
// Override Bulma details where appropriate
@import "./core/buttons";
@import "./core/columns";
@import "./core/forms";
@import "./core/icon";
@import "./core/level";
@import "./core/menu";
@import "./core/message";
@import "./core/nav";
@import "./core/notification";
@import "./core/pagination";
@import "./core/progress";
@import "./core/section";
@import "./core/table";
@import "./core/tabs";
@import "./core/tag";
@import "./core/title";
@import "./core/typography";
// Add unique core extensions
@import "./core/page-layout";
@import "./core/bumper";