Proyectos de Subversion Moodle

Rev

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

Rev 1 Rev 1441
Línea -... Línea 1...
- 
 
 1 
// Transparent background and border properties included for button version.
- 
 
 2 
// iOS requires the button element instead of an anchor tag.
- 
 
 3 
// If you want the anchor version, it requires `href="#"`.
- 
 
 4 
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
- 
 
 5 
 
1 
.close {
 6 
.btn-close {
2 
  float: right;
 7 
  // scss-docs-start close-css-vars
- 
 
 8 
  --#{$prefix}btn-close-color: #{$btn-close-color};
- 
 
 9 
  --#{$prefix}btn-close-bg: #{ escape-svg($btn-close-bg) };
- 
 
 10 
  --#{$prefix}btn-close-opacity: #{$btn-close-opacity};
- 
 
 11 
  --#{$prefix}btn-close-hover-opacity: #{$btn-close-hover-opacity};
- 
 
 12 
  --#{$prefix}btn-close-focus-shadow: #{$btn-close-focus-shadow};
- 
 
 13 
  --#{$prefix}btn-close-focus-opacity: #{$btn-close-focus-opacity};
- 
 
 14 
  --#{$prefix}btn-close-disabled-opacity: #{$btn-close-disabled-opacity};
- 
 
 15 
  --#{$prefix}btn-close-white-filter: #{$btn-close-white-filter};
3 
  @include font-size($close-font-size);
 16 
  // scss-docs-end close-css-vars
- 
 
 17 
 
- 
 
 18 
  box-sizing: content-box;
4 
  font-weight: $close-font-weight;
 19 
  width: $btn-close-width;
5 
  line-height: 1;
 20 
  height: $btn-close-height;
- 
 
 21 
  padding: $btn-close-padding-y $btn-close-padding-x;
6 
  color: $close-color;
 22 
  color: var(--#{$prefix}btn-close-color);
- 
 
 23 
  background: transparent var(--#{$prefix}btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
7 
  text-shadow: $close-text-shadow;
 24 
  border: 0; // for button elements
8 
  opacity: .5;
 25 
  @include border-radius();
- 
 
 26 
  opacity: var(--#{$prefix}btn-close-opacity);
Línea 9... Línea 27...
9 
 
 27 
 
10 
  // Override <a>'s hover style
 28 
  // Override <a>'s hover style
11 
  @include hover() {
 29 
  &:hover {
12 
    color: $close-color;
 30 
    color: var(--#{$prefix}btn-close-color);
- 
 
 31 
    text-decoration: none;
13 
    text-decoration: none;
 32 
    opacity: var(--#{$prefix}btn-close-hover-opacity);
Línea 14... Línea -...
14 
  }
 - 
 
15 
 
 33 
  }
16 
  &:not(:disabled):not(.disabled) {
 34 
 
- 
 
 35 
  &:focus {
17 
    @include hover-focus() {
 36 
    outline: 0;
18 
      opacity: .75;
 37 
    box-shadow: var(--#{$prefix}btn-close-focus-shadow);
19 
    }
 - 
 
Línea -... Línea 38...
- 
 
 38 
    opacity: var(--#{$prefix}btn-close-focus-opacity);
20 
  }
 39 
  }
21 
}
 40 
 
22 
 
 41 
  &:disabled,
23 
// Additional properties for button version
 42 
  &.disabled {
- 
 
 43 
    pointer-events: none;
- 
 
 44 
    user-select: none;
Línea 24... Línea -...
24 
// iOS requires the button element instead of an anchor tag.
 - 
 
25 
// If you want the anchor version, it requires `href="#"`.
 45 
    opacity: var(--#{$prefix}btn-close-disabled-opacity);
26 
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
 - 
 
27 
 
 46 
  }
28 
// stylelint-disable-next-line selector-no-qualifying-type
 - 
 
29 
button.close {
 47 
}
Línea -... Línea 48...
- 
 
 48 
 
30 
  padding: 0;
 49 
@mixin btn-close-white() {
- 
 
 50 
  filter: var(--#{$prefix}btn-close-white-filter);
Línea -... Línea 51...
- 
 
 51 
}
31 
  background-color: transparent;
 52 
 
32 
  border: 0;
 53 
.btn-close-white {
33 
}
 54 
  @include btn-close-white();
- 
 
 55 
}
- 
 
 56 
 
34 
 
 57 
@if $enable-dark-mode {