Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | Ultima modificación | Ver Log |

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