Proyectos de Subversion Moodle

Rev

Rev 1 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1 Rev 1441
Línea 2... Línea 2...
2 
//
 2 
//
3 
// Requires one of the contextual, color modifier classes for `color` and
 3 
// Requires one of the contextual, color modifier classes for `color` and
4 
// `background-color`.
 4 
// `background-color`.
Línea 5... Línea 5...
5 
 
 5 
 
- 
 
 6 
.badge {
- 
 
 7 
  // scss-docs-start badge-css-vars
- 
 
 8 
  --#{$prefix}badge-padding-x: #{$badge-padding-x};
- 
 
 9 
  --#{$prefix}badge-padding-y: #{$badge-padding-y};
- 
 
 10 
  @include rfs($badge-font-size, --#{$prefix}badge-font-size);
- 
 
 11 
  --#{$prefix}badge-font-weight: #{$badge-font-weight};
- 
 
 12 
  --#{$prefix}badge-color: #{$badge-color};
- 
 
 13 
  --#{$prefix}badge-border-radius: #{$badge-border-radius};
- 
 
 14 
  // scss-docs-end badge-css-vars
6 
.badge {
 15 
 
7 
  display: inline-block;
 16 
  display: inline-block;
8 
  padding: $badge-padding-y $badge-padding-x;
 17 
  padding: var(--#{$prefix}badge-padding-y) var(--#{$prefix}badge-padding-x);
9 
  @include font-size($badge-font-size);
 18 
  @include font-size(var(--#{$prefix}badge-font-size));
10 
  font-weight: $badge-font-weight;
 19 
  font-weight: var(--#{$prefix}badge-font-weight);
- 
 
 20 
  line-height: 1;
11 
  line-height: 1;
 21 
  color: var(--#{$prefix}badge-color);
12 
  text-align: center;
 22 
  text-align: center;
13 
  white-space: nowrap;
 23 
  white-space: nowrap;
14 
  vertical-align: baseline;
 24 
  vertical-align: baseline;
15 
  @include border-radius($badge-border-radius);
 - 
 
16 
  @include transition($badge-transition);
 - 
 
17 
 
 - 
 
18 
  @at-root a#{&} {
 25 
  @include border-radius(var(--#{$prefix}badge-border-radius));
19 
    @include hover-focus() {
 - 
 
20 
      text-decoration: none;
 - 
 
21 
    }
 - 
 
Línea 22... Línea 26...
22 
  }
 26 
  @include gradient-bg();
23 
 
 27 
 
24 
  // Empty badges collapse automatically
 28 
  // Empty badges collapse automatically
25 
  &:empty {
 29 
  &:empty {
Línea 30... Línea 34...
30 
// Quick fix for badges in buttons
 34 
// Quick fix for badges in buttons
31 
.btn .badge {
 35 
.btn .badge {
32 
  position: relative;
 36 
  position: relative;
33 
  top: -1px;
 37 
  top: -1px;
34 
}
 38 
}
35 
 
 - 
 
36 
// Pill badges
 - 
 
37 
//
 - 
 
38 
// Make them extra rounded with a modifier to replace v3's badges.
 - 
 
39 
 
 - 
 
40 
.badge-pill {
 - 
 
41 
  padding-right: $badge-pill-padding-x;
 - 
 
42 
  padding-left: $badge-pill-padding-x;
 - 
 
43 
  @include border-radius($badge-pill-border-radius);
 - 
 
44 
}
 - 
 
45 
 
 - 
 
46 
// Colors
 - 
 
47 
//
 - 
 
48 
// Contextual variations (linked badges get darker on :hover).
 - 
 
49 
 
 - 
 
50 
@each $color, $value in $theme-colors {
 - 
 
51 
  .badge-#{$color} {
 - 
 
52 
    @include badge-variant($value);
 - 
 
53 
  }
 - 
 
54 
}
 -