MDL-64505 theme_classic: Created the classic theme
[moodle.git] / theme / classic / scss / preset / default.scss
1 // Bootstrap variables
3 $white:    #fff !default;
4 $gray-100: #f8f9fa !default;
5 $gray-200: #e9ecef !default;
6 $gray-300: #dee2e6 !default;
7 $gray-400: #ced4da !default;
8 $gray-500: #adb5bd !default;
9 $gray-600: #868e96 !default;
10 $gray-700: #495057 !default;
11 $gray-800: #373a3c !default;
12 $gray-900: #212529 !default;
13 $black:    #000 !default;
15 $blue:    #1177d1 !default;
16 $indigo:  #6610f2 !default;
17 $purple:  #613d7c !default;
18 $pink:    #e83e8c !default;
19 $red:     #d9534f !default;
20 $orange:  #f0ad4e !default;
21 $yellow:  #ff7518 !default;
22 $green:   #5cb85c !default;
23 $teal:    #20c997 !default;
24 $cyan:    #5bc0de !default;
26 $primary:       $blue !default;
27 $secondary:     $gray-800 !default;
28 $success:       $green !default;
29 $info:          $cyan !default;
30 $warning:       $yellow !default;
31 $danger:        $red !default;
32 $light:         $gray-100 !default;
33 $dark:          $gray-800 !default;
35 // Options
36 $enable-rounded: true !default;
38 // Body
39 $body-color:    $gray-800 !default;
41 // Fonts
42 $font-size-base: 0.9375rem !default;
43 $headings-font-weight:   300 !default;
45 // Navbar
46 $navbar-dark-hover-color:           rgba($white, 1) !default;
47 $navbar-light-hover-color:          rgba($black, .9) !default;
49 // Breadcrumbs
50 $breadcrumb-padding-y:              .25rem !default;
51 $breadcrumb-padding-x:              0 !default;
52 $breadcrumb-item-padding:           .5rem !default;
53 $breadcrumb-margin-bottom:          0 !default;
54 $breadcrumb-bg:                     transparent !default;
55 $breadcrumb-divider: "/" !default;
56 $breadcrumb-divider-rtl: "/" !default;
58 // Alerts
59 $alert-border-width:                0 !default;
61 $card-group-margin: .25rem;
63 $theme-colors: (
64     primary: $primary,
65     secondary: $gray-200,
66     success: $success,
67     info: $info,
68     warning: $orange,
69     danger: $danger,
70     light: $gray-100,
71     dark: $gray-800
72 );
74 // Import FontAwesome.
75 @import "fontawesome";
77 // Import All of Bootstrap
78 @import "bootstrap";
80 // Import Core moodle CSS
81 @import "moodle";
83 // Preset CSS
84 .navbar {
85     box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
86 }
88 .filemanager-container,
89 .filepicker-filelist {
90     border: $border-width solid $border-color;
91 }
93 // Rounded user pictures
94 .userpicture {
95     border-radius: 50%;
96 }
98 .block {
99     background-color: $gray-100;
101 // Reset the default styling back to the bootstrap defaults for
102 // the secondary outline button because gray-200 is much too light
103 // for an outline button.
104 .btn-outline-secondary {
105     @include button-outline-variant($gray-600);
106     border-color: $border-color;