_variables.scss 46.7 KB
Newer Older
Mark Otto's avatar
Mark Otto committed
1001

XhmikosR's avatar
XhmikosR committed
1002
1003
$list-group-item-padding-y:         .75rem !default;
$list-group-item-padding-x:         1.25rem !default;
1004

XhmikosR's avatar
XhmikosR committed
1005
1006
1007
1008
$list-group-hover-bg:               $gray-100 !default;
$list-group-active-color:           $component-active-color !default;
$list-group-active-bg:              $component-active-bg !default;
$list-group-active-border-color:    $list-group-active-bg !default;
Mark Otto's avatar
Mark Otto committed
1009

XhmikosR's avatar
XhmikosR committed
1010
1011
$list-group-disabled-color:         $gray-600 !default;
$list-group-disabled-bg:            $list-group-bg !default;
Mark Otto's avatar
Mark Otto committed
1012

XhmikosR's avatar
XhmikosR committed
1013
1014
$list-group-action-color:           $gray-700 !default;
$list-group-action-hover-color:     $list-group-action-color !default;
Mark Otto's avatar
Mark Otto committed
1015

XhmikosR's avatar
XhmikosR committed
1016
1017
$list-group-action-active-color:    $body-color !default;
$list-group-action-active-bg:       $gray-200 !default;
1018

Mark Otto's avatar
Mark Otto committed
1019

Mark Otto's avatar
Mark Otto committed
1020
// Image thumbnails
Mark Otto's avatar
Mark Otto committed
1021

XhmikosR's avatar
XhmikosR committed
1022
1023
1024
$thumbnail-padding:                 .25rem !default;
$thumbnail-bg:                      $body-bg !default;
$thumbnail-border-width:            $border-width !default;
1025
$thumbnail-border-color:            $gray-300 !default;
XhmikosR's avatar
XhmikosR committed
1026
$thumbnail-border-radius:           $border-radius !default;
1027
$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;
Mark Otto's avatar
Mark Otto committed
1028
1029


Mark Otto's avatar
Mark Otto committed
1030
// Figures
1031

XhmikosR's avatar
XhmikosR committed
1032
1033
$figure-caption-font-size:          90% !default;
$figure-caption-color:              $gray-600 !default;
1034
1035


Mark Otto's avatar
Mark Otto committed
1036
// Breadcrumbs
Mark Otto's avatar
Mark Otto committed
1037

XhmikosR's avatar
XhmikosR committed
1038
1039
1040
$breadcrumb-padding-y:              .75rem !default;
$breadcrumb-padding-x:              1rem !default;
$breadcrumb-item-padding:           .5rem !default;
Mark Otto's avatar
Mark Otto committed
1041

XhmikosR's avatar
XhmikosR committed
1042
$breadcrumb-margin-bottom:          1rem !default;
1043

XhmikosR's avatar
XhmikosR committed
1044
1045
1046
$breadcrumb-bg:                     $gray-200 !default;
$breadcrumb-divider-color:          $gray-600 !default;
$breadcrumb-active-color:           $gray-600 !default;
1047
$breadcrumb-divider:                quote("/") !default;
Mark Otto's avatar
Mark Otto committed
1048

1049
1050
$breadcrumb-border-radius:          $border-radius !default;

Mark Otto's avatar
Mark Otto committed
1051

Mark Otto's avatar
Mark Otto committed
1052
// Carousel
Mark Otto's avatar
Mark Otto committed
1053

1054
1055
1056
$carousel-control-color:             $white !default;
$carousel-control-width:             15% !default;
$carousel-control-opacity:           .5 !default;
1057
1058
$carousel-control-hover-opacity:     .9 !default;
$carousel-control-transition:        opacity .15s ease !default;
Mark Otto's avatar
Mark Otto committed
1059

1060
1061
1062
1063
1064
1065
$carousel-indicator-width:           30px !default;
$carousel-indicator-height:          3px !default;
$carousel-indicator-hit-area-height: 10px !default;
$carousel-indicator-spacer:          3px !default;
$carousel-indicator-active-bg:       $white !default;
$carousel-indicator-transition:      opacity .6s ease !default;
Mark Otto's avatar
Mark Otto committed
1066

1067
1068
$carousel-caption-width:             70% !default;
$carousel-caption-color:             $white !default;
Mark Otto's avatar
Mark Otto committed
1069

1070
$carousel-control-icon-width:        20px !default;
1071

midzer's avatar
midzer committed
1072
1073
$carousel-control-prev-icon-bg:      str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"), "#", "%23") !default;
$carousel-control-next-icon-bg:      str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"), "#", "%23") !default;
1074

1075
$carousel-transition-duration:       .6s !default;
1076
$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
1077

Mark Otto's avatar
Mark Otto committed
1078

1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
// Spinners

$spinner-width:         2rem !default;
$spinner-height:        $spinner-width !default;
$spinner-border-width:  .25em !default;

$spinner-width-sm:        1rem !default;
$spinner-height-sm:       $spinner-width-sm !default;
$spinner-border-width-sm: .2em !default;


Mark Otto's avatar
Mark Otto committed
1090
// Close
Mark Otto's avatar
Mark Otto committed
1091

XhmikosR's avatar
XhmikosR committed
1092
1093
1094
1095
$close-font-size:                   $font-size-base * 1.5 !default;
$close-font-weight:                 $font-weight-bold !default;
$close-color:                       $black !default;
$close-text-shadow:                 0 1px 0 $white !default;
Mark Otto's avatar
Mark Otto committed
1096

1097

Mark Otto's avatar
Mark Otto committed
1098
// Code
Mark Otto's avatar
Mark Otto committed
1099

1100
1101
$code-font-size:                    87.5% !default;
$code-color:                        $pink !default;
Mark Otto's avatar
Mark Otto committed
1102

1103
1104
1105
$kbd-padding-y:                     .2rem !default;
$kbd-padding-x:                     .4rem !default;
$kbd-font-size:                     $code-font-size !default;
XhmikosR's avatar
XhmikosR committed
1106
1107
$kbd-color:                         $white !default;
$kbd-bg:                            $gray-900 !default;
Mark Otto's avatar
Mark Otto committed
1108

XhmikosR's avatar
XhmikosR committed
1109
1110
$pre-color:                         $gray-900 !default;
$pre-scrollable-max-height:         340px !default;
Mark Otto's avatar
Mark Otto committed
1111
1112


1113
1114
// Utilities

1115
$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;
1116
1117
1118
1119
$overflows: auto, hidden !default;
$positions: static, relative, absolute, fixed, sticky !default;


Mark Otto's avatar
Mark Otto committed
1120
// Printing
1121

Mark Otto's avatar
Mark Otto committed
1122
1123
$print-page-size:                   a3 !default;
$print-body-min-width:              map-get($grid-breakpoints, "lg") !default;
For faster browsing, not all history is shown. View entire blame