Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
// Bootstrap variables
2
$white:    #fff !default;
3
$gray-100: #f8f9fa !default;
4
$gray-200: #e9ecef !default;
5
$gray-300: #dee2e6 !default;
6
$gray-400: #ced4da !default;
7
$gray-500: #8f959e !default;
8
$gray-600: #6a737b !default;
9
$gray-700: #495057 !default;
10
$gray-800: #343a40 !default;
11
$gray-900: #1d2125 !default;
12
$black:    #000 !default;
13
 
14
$blue:    #0f6cbf !default;
15
$indigo:  #6610f2 !default;
16
$purple:  #613d7c !default;
17
$pink:    #e83e8c !default;
18
$red:     #ca3120 !default;
19
$orange:  #f0ad4e !default;
20
$yellow:  #ff7518 !default;
21
$green:   #357a32 !default;
22
$teal:    #20c997 !default;
23
$cyan:    #008196 !default;
24
 
25
$primary:       $blue !default;
26
$success:       $green !default;
27
$info:          $cyan !default;
28
$warning:       $orange !default;
29
$danger:        $red !default;
30
$secondary:     $gray-400 !default;
31
 
32
$info-outline:    #1f7e9a;
33
$warning-outline: #a6670e;
34
 
35
// Tables
36
$table-accent-bg:             rgba($black, .03) !default;
37
 
38
// Options
39
$enable-responsive-font-sizes: true !default;
40
 
41
// Body
42
$body-color:    $gray-900 !default;
43
 
44
// Fonts
45
$font-size-base: 0.9375rem !default;
46
$rfs-base-font-size: 0.9rem !default;
47
$headings-font-weight:   700 !default;
48
 
49
// Navbar
50
$navbar-dark-hover-color:           rgba($white, 1) !default;
51
$navbar-light-color:                rgba($black, 0.6) !default;
52
$navbar-light-hover-color:          rgba($black, .9) !default;
53
 
54
// Breadcrumbs
55
$breadcrumb-padding-y:              .5rem !default;
56
$breadcrumb-padding-x:              0 !default;
57
$breadcrumb-item-padding:           .5rem !default;
58
$breadcrumb-margin-bottom:          0 !default;
59
$breadcrumb-bg:                     transparent !default;
60
$breadcrumb-divider: "/" !default;
61
$breadcrumb-divider-rtl: "/" !default;
62
 
63
// Alerts
64
$alert-border-width:                0 !default;
65
 
66
$card-group-margin: .25rem;
67
 
68
// Toasts
69
$toast-color:                       $white !default;
70
$toast-background-color:            rgba($gray-900, .95) !default;
71
$toast-header-color:                $gray-100 !default;
72
$toast-header-background-color:     rgba($white, .1) !default;
73
 
74
// Custom control size
75
$custom-control-indicator-size: 1.25rem;
76
 
77
$input-btn-focus-color: rgba($primary, .75) !default;
78
 
79
$input-border-color: $gray-500 !default;
80
 
81
$dropdown-link-hover-color: $white;
82
$dropdown-link-hover-bg: $primary;
83
 
84
$popover-max-width: 300px !default;
85
 
86
$border-radius: .5rem !default;
87
$border-radius-lg: .6rem !default;
88
 
89
// stylelint-disable
90
$theme-colors: () !default;
91
$theme-colors: map-merge((
92
    primary: $primary,
93
    secondary: $secondary,
94
    success: $success,
95
    info: $info,
96
    warning: $warning,
97
    danger: $danger,
98
), $theme-colors);
99
// stylelint-enable
100
 
101
$spacer: 1rem !default;
102
$spacers: (
103
    0: 0,
104
    1: ($spacer * .25),
105
    2: ($spacer * .5),
106
    3: $spacer,
107
    4: ($spacer * 1.5),
108
    5: ($spacer * 2),
109
    6: ($spacer * 3)
110
) !default;
111
 
112
// Import FontAwesome.
113
@import "fontawesome";
114
 
115
// Import All of Bootstrap
116
@import "bootstrap";
117
 
118
// Import Core moodle CSS
119
@import "moodle";
120
 
121
// Preset CSS
122
 
123
body {
124
    -webkit-font-smoothing: antialiased;
125
    -moz-osx-font-smoothing: grayscale;
126
}
127
 
128
.navbar {
129
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
130
}
131
 
132
// Rounded user pictures
133
.userpicture {
134
    border-radius: 50%;
135
}
136
 
137
// Reset the default styling back to the bootstrap defaults for
138
// the secondary outline button because gray-200 is much too light
139
// for an outline button.
140
.btn-outline-secondary {
141
    @include button-outline-variant($gray-600);
142
    border-color: $gray-600;
143
}
144
 
145
.btn-outline-info {
146
    @include button-outline-variant($info-outline);
147
}
148
 
149
.btn-outline-warning {
150
    @include button-outline-variant($warning-outline);
151
}