[people/shoehn/ipfire.org.git] / static / scss / bootstrap-4.0.0-alpha.6 / scss / _custom.scss

// Bootstrap overrides
//
// Copy variables from `_variables.scss` to this file to override default values
// without modifying source files.

// Colors added for IPFire branding
$red_900: #b71c1c;
$red_600: #e53935;
$amber_800: #ff8f00;
$yellow_700: #fbc02d;
$blue_700: #1976d2;
$blue_400: #42a5f5;
$green_600: #43a047;
$green_400: #66bb6a;
$blue_grey_900: #263238;
$blue_grey_700: #455a64;
$blue_grey_600: #546e7a;
$blue_grey_300: #90a4ae;
$blue_grey_50: #eceff1;
$deep_orange_a400: #ff3d00;
$cyan: #00bcd4;

// Reassign color vars to semantic color scheme
$brand-primary:             $blue !default;
$brand-success:             $green !default;
$brand-info:                $teal !default;
$brand-warning:             $orange !default;
$brand-danger:              $red !default;
$brand-inverse:             $gray-dark !default;

// Spacing

$spacer:   0.5rem;
$spacer-x: $spacer;
$spacer-y: $spacer;
$spacers: (
  0: (
    x: 0,
    y: 0
  ),
  1: (
    x: ($spacer-x * .25),
    y: ($spacer-y * .25)
  ),
  2: (
    x: ($spacer-x * .5),
    y: ($spacer-y * .5)
  ),
  3: (
    x: $spacer-x,
    y: $spacer-y
  ),
  4: (
    x: ($spacer-x * 1.5),
    y: ($spacer-y * 1.5)
  ),
  5: (
    x: ($spacer-x * 2),
    y: ($spacer-y * 2)
  ),
  6: (
    x: ($spacer-x * 6),
    y: ($spacer-y * 6)
  )
);

$border-width: 2px;

// Body
//
// Settings for the `<body>` element.

$body-bg:       $blue_grey_50;
$body-color:    $blue_grey_900;
$inverse-bg:    $gray-dark !default;
$inverse-color: $gray-lighter !default;

// Links

$link-color:            $red_900;
$link-hover-color:      darken($link-color, 15%);
$link-hover-decoration: none;

// Grid

$grid-columns:               12 !default;
$grid-gutter-width-base:     24px;
$grid-gutter-widths: (
  xs: $grid-gutter-width-base,
  sm: $grid-gutter-width-base,
  md: $grid-gutter-width-base,
  lg: $grid-gutter-width-base,
  xl: $grid-gutter-width-base
);

// Fonts

@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500');
$font-family-sans-serif: 'Ubuntu', sans-serif;
$font-family-base:       $font-family-sans-serif;

$font-size-lg:   1.25rem;

$font-weight-normal: 300;
$font-weight-bold: 500;

$font-weight-base: $font-weight-normal;

$font-size-h1: 2.25rem;
$font-size-h2: 2rem;
$font-size-h3: 1.5rem;
$font-size-h4: 1.25rem;
$font-size-h5: 1rem;
$font-size-h6: 0.75rem;

$headings-font-weight:   400;

$display1-size: 7.5rem;
$display2-size: 3rem;
$display3-size: 2.25rem;
$display4-size: 1.5rem;

$lead-font-size:   1.5rem;

$small-font-size: .875rem;


// Buttons

$btn-padding-x:                  1rem;
$btn-padding-y:                  .5rem !default;
$btn-line-height:                .95;
$btn-font-weight:                600;
$btn-box-shadow:                 none;
$btn-focus-box-shadow:           none;
$btn-active-box-shadow:          none;

$btn-primary-bg:                 $red_900;
$btn-primary-border:             $red_900;

$btn-secondary-color:            $blue_grey_600;
$btn-secondary-bg:               $white !default;
$btn-secondary-border:           $blue_grey_600;

$btn-info-color:                 $white !default;
$btn-info-bg:                    $brand-info !default;
$btn-info-border:                $btn-info-bg !default;

$btn-success-color:              $white !default;
$btn-success-bg:                 $brand-success !default;
$btn-success-border:             $btn-success-bg !default;

$btn-warning-color:              $white !default;
$btn-warning-bg:                 $brand-warning !default;
$btn-warning-border:             $btn-warning-bg !default;

$btn-danger-color:               $white !default;
$btn-danger-bg:                  $brand-danger !default;
$btn-danger-border:              $btn-danger-bg !default;

$btn-red900-color:				 $white !important;
$btn-red900-bg:					 $red_900;
$btn-red900-border:				 $btn-red900-bg;

$btn-white-color:				 $red_900;
$btn-white-bg:					 $white;
$btn-white-border:				 $btn-white-bg;

$btn-bluegrey900-color:			 $white;
$btn-bluegrey900-bg:			 $blue_grey_900;
$btn-bluegrey900-border:		 $btn-bluegrey900-bg;

$btn-link-disabled-color:        $gray-light !default;

$btn-padding-x-sm:               .5rem !default;
$btn-padding-y-sm:               .25rem !default;

$btn-padding-x-lg:               2rem;
$btn-padding-y-lg:               .75rem !default;

$btn-block-spacing-y:            .5rem !default;
$btn-toolbar-margin:             .5rem !default;

// Allows for customizing button radius independently from global border radius
$btn-border-radius-lg:           .125rem;


$input-btn-border-width:         $border-width;

// Navs

$nav-item-margin:               1.5rem;
$nav-item-inline-spacer:        1rem !default;
$nav-link-padding:              .5em 1.5em;
$nav-link-hover-bg:             $gray-lighter !default;
$nav-disabled-link-color:       $gray-light !default;

// Navbar

$navbar-padding-x:                  $spacer;
$navbar-padding-y:                  $spacer;
Commit	Line	Data
b2051dd7 S	1	// Bootstrap overrides
	2	//
	3	// Copy variables from `_variables.scss` to this file to override default values
	4	// without modifying source files.
	5
	6	// Colors added for IPFire branding
	7	$red_900: #b71c1c;
	8	$red_600: #e53935;
	9	$amber_800: #ff8f00;
	10	$yellow_700: #fbc02d;
	11	$blue_700: #1976d2;
	12	$blue_400: #42a5f5;
	13	$green_600: #43a047;
	14	$green_400: #66bb6a;
	15	$blue_grey_900: #263238;
	16	$blue_grey_700: #455a64;
	17	$blue_grey_600: #546e7a;
	18	$blue_grey_300: #90a4ae;
	19	$blue_grey_50: #eceff1;
	20	$deep_orange_a400: #ff3d00;
	21	$cyan: #00bcd4;
	22
97ed546d S	23	// Reassign color vars to semantic color scheme
	24	$brand-primary: $blue !default;
	25	$brand-success: $green !default;
	26	$brand-info: $teal !default;
	27	$brand-warning: $orange !default;
	28	$brand-danger: $red !default;
	29	$brand-inverse: $gray-dark !default;
b2051dd7	30
97ed546d S	31	// Spacing
97ed546d S	32
b6d1f3b7	33	$spacer: 0.5rem;
1e5bc9c9 S	34	$spacer-x: $spacer;
1e5bc9c9 S	35	$spacer-y: $spacer;
97ed546d S	36	$spacers: (
	37	0: (
	38	x: 0,
	39	y: 0
	40	),
	41	1: (
	42	x: ($spacer-x * .25),
	43	y: ($spacer-y * .25)
	44	),
	45	2: (
	46	x: ($spacer-x * .5),
	47	y: ($spacer-y * .5)
	48	),
	49	3: (
	50	x: $spacer-x,
	51	y: $spacer-y
	52	),
	53	4: (
	54	x: ($spacer-x * 1.5),
	55	y: ($spacer-y * 1.5)
	56	),
	57	5: (
b6d1f3b7 S	58	x: ($spacer-x * 2),
b6d1f3b7 S	59	y: ($spacer-y * 2)
1e5bc9c9 S	60	),
1e5bc9c9 S	61	6: (
b6d1f3b7 S	62	x: ($spacer-x * 6),
b6d1f3b7 S	63	y: ($spacer-y * 6)
97ed546d	64	)
1e5bc9c9	65	);
b2051dd7	66
97ed546d S	67	$border-width: 2px;
97ed546d S	68
22cfab2d S	69	// Body
	70	//
	71	// Settings for the `<body>` element.
	72
	73	$body-bg: $blue_grey_50;
	74	$body-color: $blue_grey_900;
	75	$inverse-bg: $gray-dark !default;
	76	$inverse-color: $gray-lighter !default;
	77
97ed546d S	78	// Links
97ed546d S	79
1e5bc9c9	80	$link-color: $red_900;
9ce2074c S	81	$link-hover-color: darken($link-color, 15%);
9ce2074c S	82	$link-hover-decoration: none;
97ed546d S	83
	84	// Grid
	85
22cfab2d	86	$grid-columns: 12 !default;
97ed546d	87	$grid-gutter-width-base: 24px;
22cfab2d S	88	$grid-gutter-widths: (
	89	xs: $grid-gutter-width-base,
	90	sm: $grid-gutter-width-base,
	91	md: $grid-gutter-width-base,
	92	lg: $grid-gutter-width-base,
	93	xl: $grid-gutter-width-base
	94	);
97ed546d	95
b2051dd7	96	// Fonts
b2051dd7	97
d40f9b8d	98	@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500');
97ed546d S	99	$font-family-sans-serif: 'Ubuntu', sans-serif;
	100	$font-family-base: $font-family-sans-serif;
	101
	102	$font-size-lg: 1.25rem;
	103
b6d1f3b7	104	$font-weight-normal: 300;
55edf6f3 S	105	$font-weight-bold: 500;
	106
	107	$font-weight-base: $font-weight-normal;
b6d1f3b7	108
1e5bc9c9 S	109	$font-size-h1: 2.25rem;
	110	$font-size-h2: 2rem;
	111	$font-size-h3: 1.5rem;
	112	$font-size-h4: 1.25rem;
	113	$font-size-h5: 1rem;
	114	$font-size-h6: 0.75rem;
97ed546d	115
b6d1f3b7 S	116	$headings-font-weight: 400;
b6d1f3b7 S	117
97ed546d	118	$display1-size: 7.5rem;
1e5bc9c9 S	119	$display2-size: 3rem;
1e5bc9c9 S	120	$display3-size: 2.25rem;
97ed546d S	121	$display4-size: 1.5rem;
97ed546d S	122
1e5bc9c9 S	123	$lead-font-size: 1.5rem;
1e5bc9c9 S	124
b6d1f3b7 S	125	$small-font-size: .875rem;
b6d1f3b7 S	126
97ed546d S	127
	128	// Buttons
	129
	130	$btn-padding-x: 1rem;
	131	$btn-padding-y: .5rem !default;
69a9b33d	132	$btn-line-height: .95;
22cfab2d	133	$btn-font-weight: 600;
9ce2074c S	134	$btn-box-shadow: none;
	135	$btn-focus-box-shadow: none;
	136	$btn-active-box-shadow: none;
97ed546d	137
97ed546d S	138	$btn-primary-bg: $red_900;
	139	$btn-primary-border: $red_900;
	140
	141	$btn-secondary-color: $blue_grey_600;
	142	$btn-secondary-bg: $white !default;
	143	$btn-secondary-border: $blue_grey_600;
	144
	145	$btn-info-color: $white !default;
	146	$btn-info-bg: $brand-info !default;
	147	$btn-info-border: $btn-info-bg !default;
	148
	149	$btn-success-color: $white !default;
	150	$btn-success-bg: $brand-success !default;
	151	$btn-success-border: $btn-success-bg !default;
	152
	153	$btn-warning-color: $white !default;
	154	$btn-warning-bg: $brand-warning !default;
	155	$btn-warning-border: $btn-warning-bg !default;
	156
	157	$btn-danger-color: $white !default;
	158	$btn-danger-bg: $brand-danger !default;
	159	$btn-danger-border: $btn-danger-bg !default;
	160
b6d1f3b7 S	161	$btn-red900-color: $white !important;
b6d1f3b7 S	162	$btn-red900-bg: $red_900;
9ce2074c S	163	$btn-red900-border: $btn-red900-bg;
	164
	165	$btn-white-color: $red_900;
	166	$btn-white-bg: $white;
	167	$btn-white-border: $btn-white-bg;
	168
	169	$btn-bluegrey900-color: $white;
	170	$btn-bluegrey900-bg: $blue_grey_900;
	171	$btn-bluegrey900-border: $btn-bluegrey900-bg;
b6d1f3b7	172
97ed546d S	173	$btn-link-disabled-color: $gray-light !default;
	174
	175	$btn-padding-x-sm: .5rem !default;
	176	$btn-padding-y-sm: .25rem !default;
	177
	178	$btn-padding-x-lg: 2rem;
	179	$btn-padding-y-lg: .75rem !default;
	180
	181	$btn-block-spacing-y: .5rem !default;
	182	$btn-toolbar-margin: .5rem !default;
	183
	184	// Allows for customizing button radius independently from global border radius
	185	$btn-border-radius-lg: .125rem;
	186
	187
	188	$input-btn-border-width: $border-width;
	189
	190	// Navs
	191
	192	$nav-item-margin: 1.5rem;
	193	$nav-item-inline-spacer: 1rem !default;
	194	$nav-link-padding: .5em 1.5em;
	195	$nav-link-hover-bg: $gray-lighter !default;
	196	$nav-disabled-link-color: $gray-light !default;
1e5bc9c9 S	197
	198	// Navbar
	199
	200	$navbar-padding-x: $spacer;
	201	$navbar-padding-y: $spacer;