openecomp-ui/resources/scss/bootstrap-cust/_variables.scss

   1
   2 //== Colors
   3 //
   4 //## Gray and brand colors for use across Bootstrap.
   5
   6 $gray-darker: $dark-gray;
   7 $gray-dark: $dark-gray;
   8 $gray: $gray;
   9 $gray-light: $light-gray;
  10 $gray-lighter: $light-gray;
  11
  12 $brand-primary: $blue;
  13 $brand-success: $green;
  14 $brand-info: $light-gray;
  15 $brand-warning: $yellow;
  16 $brand-danger: $red;
  17
  18
  19 //== Scaffolding
  20 //
  21 //## Settings for some of the most global styles.
  22
  23 $body-bg: $white;
  24 $text-color: $text-black;
  25 $link-color: $link-blue;
  26 $link-hover-color: $blue;
  27
  28 //== Typography
  29 //
  30 //## Font, line-height, and color for body text, headings, and more.
  31 $font-family-sans-serif: omnes-regular, "Omnes-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  32 //$font-family-base: $font-family-sans-serif !default;
  33 $font-size-base: $body-font-2;
  34 $font-size-large: $body-font-1;
  35 $font-size-small: $body-font-3;
  36 $font-size-h1: $heading-font-1;
  37 $font-size-h2: $heading-font-2;
  38 $font-size-h3: $heading-font-4;
  39 $font-size-h4: $heading-font-5;
  40
  41
  42
  43 //== Components
  44 //
  45 //## Define common padding and border radius sizes and more.
  46 $border-radius-base: 0;
  47 $border-radius-large: 0;
  48 $border-radius-small: 0;
  49
  50
  51 //== Buttons
  52 //
  53 //## For each of Bootstrap's buttons, define text, background and border color.
  54
  55 // $btn-font-weight: normal !default;
  56 $btn-default-color: $text-color;
  57 $btn-default-bg: $white;
  58 $btn-default-border: $light-gray;
  59
  60 $btn-success-color: $white;
  61
  62 // Allows for customizing button radius independently from global border radius
  63 $btn-border-radius-base: 2px;
  64 $btn-border-radius-large: 2px;
  65 $btn-border-radius-small: 2px;
  66
  67 //== Dropdowns
  68 //
  69 $dropdown-bg: $white;
  70 $dropdown-border: $link-blue;
  71 $dropdown-link-color: $text-black;
  72 $dropdown-divider-bg: $gray;
  73 //** Hover color for dropdown links.
  74 $dropdown-link-hover-color: $black;
  75 //** Hover background for dropdown links.
  76 $dropdown-link-hover-bg: $tlv-hover;
  77
  78 //** Active dropdown menu item text color.
  79 $dropdown-link-active-color: $black;
  80 //** Active dropdown menu item background color.
  81 $dropdown-link-active-bg: $tlv-hover;
  82
  83 //== Forms
  84 //
  85 //##
  86 $form-group-margin-bottom: 24px;
  87
  88
  89 $input-bg: $white;
  90 $input-bg-disabled: $tlv-light-gray;
  91 $input-color: $dark-gray;
  92 $input-border: $light-gray;
  93 $input-border-focus: $dark-blue;
  94
  95 //== Modals
  96 //
  97 //##
  98 $modal-content-bg: $white;
  99 $modal-inner-padding: 0 15px;
 100 $modal-title-padding: 30px 25px 10px 25px;
 101
 102
 103 //== Close
 104 //
 105 //##
 106 $close-color: $tlv-light-gray;
 107
 108 //== Navs
 109 //
 110 //##
 111 //=== Shared nav styles
 112 $nav-link-hover-bg: transparent;
 113
 114 $navbar-inverse-bg: $gray;
 115
 116 //== Tabs
 117 $nav-tabs-border-color: transparent;
 118 $nav-tabs-link-hover-border-color: transparent;
 119 $nav-tabs-active-link-hover-bg: transparent;
 120 $nav-tabs-active-link-hover-color: $text-black;
 121 $nav-tabs-active-link-hover-border-color: transparent;
 122
 123
 124 //== Popovers
 125 //
 126 //##
 127 $popover-bg: $background-gray;
 128
 129 //== Tooltips
 130 //
 131 //##
 132 $tooltip-bg: $dark-gray;