MDL-66999 theme_boost: @extend extends from bs2compat
[moodle.git] / theme / boost / scss / moodle / bs2-compat.scss
1 // Some - backwards compatibility for BS2. We may have plugins and user content targeted for BS2.
3 // Well -> Panel -> Card. We skipped panel (BS3) so lets just support well and card.
4 .well {
5     border: $border-width solid $border-color;
6     padding: $card-spacer-x;
7 }
9 // Some things just got renamed.
10 .img-responsive {
11     @include img-fluid;
12 }
14 .text-error {
15     color: map-get($theme-colors, 'danger');
16 }
18 .btn-default {
19     @include button-variant(map-get($theme-colors, 'secondary'), map-get($theme-colors, 'secondary'));
20 }
22 .label {
23     display: inline-block;
24     padding: $badge-padding-y $badge-padding-x;
25     @include font-size($badge-font-size);
26     font-weight: $badge-font-weight;
27     line-height: 1;
28     text-align: center;
29     white-space: nowrap;
30     vertical-align: baseline;
31     @include border-radius($badge-border-radius);
32     @include transition($badge-transition);
33     @include badge-variant($tag-default-bg);
34 }
36 .label-success {
37     @include badge-variant($tag-success-bg);
38 }
40 .label-info {
41     @include badge-variant($tag-info-bg);
42 }
44 .label-warning {
45     @include badge-variant($tag-warning-bg);
46 }
48 .label-important {
49     @include badge-variant($tag-danger-bg);
50 }
52 // Floats.
53 .pull-left {
54     @include pull-left();
55 }
57 .pull-right {
58     @include pull-right();
59 }