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 
// Kickstart any navigation component with a set of style resets. Works with
 3 
// Kickstart any navigation component with a set of style resets. Works with
4 
// `<nav>`s, `<ul>`s or `<ol>`s.
 4 
// `<nav>`s, `<ul>`s or `<ol>`s.
Línea 5... Línea 5...
5 
 
 5 
 
- 
 
 6 
.nav {
- 
 
 7 
  // scss-docs-start nav-css-vars
- 
 
 8 
  --#{$prefix}nav-link-padding-x: #{$nav-link-padding-x};
- 
 
 9 
  --#{$prefix}nav-link-padding-y: #{$nav-link-padding-y};
- 
 
 10 
  @include rfs($nav-link-font-size, --#{$prefix}nav-link-font-size);
- 
 
 11 
  --#{$prefix}nav-link-font-weight: #{$nav-link-font-weight};
- 
 
 12 
  --#{$prefix}nav-link-color: #{$nav-link-color};
- 
 
 13 
  --#{$prefix}nav-link-hover-color: #{$nav-link-hover-color};
- 
 
 14 
  --#{$prefix}nav-link-disabled-color: #{$nav-link-disabled-color};
- 
 
 15 
  // scss-docs-end nav-css-vars
6 
.nav {
 16 
 
7 
  display: flex;
 17 
  display: flex;
8 
  flex-wrap: wrap;
 18 
  flex-wrap: wrap;
9 
  padding-left: 0;
 19 
  padding-left: 0;
10 
  margin-bottom: 0;
 20 
  margin-bottom: 0;
11 
  list-style: none;
 21 
  list-style: none;
Línea 12... Línea 22...
12 
}
 22 
}
13 
 
 23 
 
14 
.nav-link {
 24 
.nav-link {
- 
 
 25 
  display: block;
- 
 
 26 
  padding: var(--#{$prefix}nav-link-padding-y) var(--#{$prefix}nav-link-padding-x);
- 
 
 27 
  @include font-size(var(--#{$prefix}nav-link-font-size));
15 
  display: block;
 28 
  font-weight: var(--#{$prefix}nav-link-font-weight);
- 
 
 29 
  color: var(--#{$prefix}nav-link-color);
- 
 
 30 
  text-decoration: if($link-decoration == none, null, none);
- 
 
 31 
  background: none;
- 
 
 32 
  border: 0;
- 
 
 33 
  @include transition($nav-link-transition);
- 
 
 34 
 
- 
 
 35 
  &:hover,
- 
 
 36 
  &:focus {
- 
 
 37 
    color: var(--#{$prefix}nav-link-hover-color);
Línea 16... Línea 38...
16 
  padding: $nav-link-padding-y $nav-link-padding-x;
 38 
    text-decoration: if($link-hover-decoration == underline, none, null);
17 
  text-decoration: if($link-decoration == none, null, none);
 39 
  }
- 
 
 40 
 
18 
 
 41 
  &:focus-visible {
Línea 19... Línea 42...
19 
  @include hover-focus() {
 42 
    outline: 0;
- 
 
 43 
    box-shadow: $nav-link-focus-box-shadow;
20 
    text-decoration: none;
 44 
  }
21 
  }
 45 
 
22 
 
 46 
  // Disabled state lightens text
23 
  // Disabled state lightens text
 47 
  &.disabled,
24 
  &.disabled {
 48 
  &:disabled {
25 
    color: $nav-link-disabled-color;
 49 
    color: var(--#{$prefix}nav-link-disabled-color);
Línea 26... Línea 50...
26 
    pointer-events: none;
 50 
    pointer-events: none;
27 
    cursor: default;
 51 
    cursor: default;
28 
  }
 52 
  }
Línea 29... Línea 53...
29 
}
 53 
}
- 
 
 54 
 
- 
 
 55 
//
- 
 
 56 
// Tabs
- 
 
 57 
//
- 
 
 58 
 
- 
 
 59 
.nav-tabs {
- 
 
 60 
  // scss-docs-start nav-tabs-css-vars
- 
 
 61 
  --#{$prefix}nav-tabs-border-width: #{$nav-tabs-border-width};
- 
 
 62 
  --#{$prefix}nav-tabs-border-color: #{$nav-tabs-border-color};
- 
 
 63 
  --#{$prefix}nav-tabs-border-radius: #{$nav-tabs-border-radius};
30 
 
 64 
  --#{$prefix}nav-tabs-link-hover-border-color: #{$nav-tabs-link-hover-border-color};
Línea 31... Línea 65...
31 
//
 65 
  --#{$prefix}nav-tabs-link-active-color: #{$nav-tabs-link-active-color};
32 
// Tabs
 66 
  --#{$prefix}nav-tabs-link-active-bg: #{$nav-tabs-link-active-bg};
33 
//
 - 
 
34 
 
 67 
  --#{$prefix}nav-tabs-link-active-border-color: #{$nav-tabs-link-active-border-color};
35 
.nav-tabs {
 68 
  // scss-docs-end nav-tabs-css-vars
Línea -... Línea 69...
- 
 
 69 
 
36 
  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
 70 
  border-bottom: var(--#{$prefix}nav-tabs-border-width) solid var(--#{$prefix}nav-tabs-border-color);
37 
 
 71 
 
38 
  .nav-link {
 72 
  .nav-link {
39 
    margin-bottom: -$nav-tabs-border-width;
 73 
    margin-bottom: calc(-1 * var(--#{$prefix}nav-tabs-border-width)); // stylelint-disable-line function-disallowed-list
40 
    background-color: transparent;
 - 
 
41 
    border: $nav-tabs-border-width solid transparent;
 - 
 
42 
    @include border-top-radius($nav-tabs-border-radius);
 - 
 
43 
 
 - 
 
44 
    @include hover-focus() {
 - 
 
45 
      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link
 - 
 
46 
      isolation: isolate;
 74 
    border: var(--#{$prefix}nav-tabs-border-width) solid transparent;
47 
      border-color: $nav-tabs-link-hover-border-color;
 75 
    @include border-top-radius(var(--#{$prefix}nav-tabs-border-radius));
Línea 48... Línea 76...
48 
    }
 76 
 
49 
 
 77 
    &:hover,
50 
    &.disabled {
 78 
    &:focus {
51 
      color: $nav-link-disabled-color;
 79 
      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link
52 
      background-color: transparent;
 80 
      isolation: isolate;
53 
      border-color: transparent;
 81 
      border-color: var(--#{$prefix}nav-tabs-link-hover-border-color);
Línea 54... Línea 82...
54 
    }
 82 
    }
55 
  }
 83 
  }
56 
 
 84 
 
57 
  .nav-link.active,
 85 
  .nav-link.active,
58 
  .nav-item.show .nav-link {
 86 
  .nav-item.show .nav-link {
59 
    color: $nav-tabs-link-active-color;
 87 
    color: var(--#{$prefix}nav-tabs-link-active-color);
60 
    background-color: $nav-tabs-link-active-bg;
 88 
    background-color: var(--#{$prefix}nav-tabs-link-active-bg);
Línea 73... Línea 101...
73 
//
 101 
//
74 
// Pills
 102 
// Pills
75 
//
 103 
//
Línea 76... Línea 104...
76 
 
 104 
 
- 
 
 105 
.nav-pills {
- 
 
 106 
  // scss-docs-start nav-pills-css-vars
- 
 
 107 
  --#{$prefix}nav-pills-border-radius: #{$nav-pills-border-radius};
- 
 
 108 
  --#{$prefix}nav-pills-link-active-color: #{$nav-pills-link-active-color};
- 
 
 109 
  --#{$prefix}nav-pills-link-active-bg: #{$nav-pills-link-active-bg};
- 
 
 110 
  // scss-docs-end nav-pills-css-vars
77 
.nav-pills {
 111 
 
78 
  .nav-link {
 - 
 
79 
    background: none;
 - 
 
80 
    border: 0;
 112 
  .nav-link {
81 
    @include border-radius($nav-pills-border-radius);
 113 
    @include border-radius(var(--#{$prefix}nav-pills-border-radius));
Línea 82... Línea 114...
82 
  }
 114 
  }
83 
 
 115 
 
84 
  .nav-link.active,
 116 
  .nav-link.active,
85 
  .show > .nav-link {
 117 
  .show > .nav-link {
- 
 
 118 
    color: var(--#{$prefix}nav-pills-link-active-color);
- 
 
 119 
    @include gradient-bg(var(--#{$prefix}nav-pills-link-active-bg));
- 
 
 120 
  }
- 
 
 121 
}
- 
 
 122 
 
- 
 
 123 
 
- 
 
 124 
//
- 
 
 125 
// Underline
- 
 
 126 
//
- 
 
 127 
 
- 
 
 128 
.nav-underline {
- 
 
 129 
  // scss-docs-start nav-underline-css-vars
- 
 
 130 
  --#{$prefix}nav-underline-gap: #{$nav-underline-gap};
- 
 
 131 
  --#{$prefix}nav-underline-border-width: #{$nav-underline-border-width};
- 
 
 132 
  --#{$prefix}nav-underline-link-active-color: #{$nav-underline-link-active-color};
- 
 
 133 
  // scss-docs-end nav-underline-css-vars
- 
 
 134 
 
- 
 
 135 
  gap: var(--#{$prefix}nav-underline-gap);
- 
 
 136 
 
- 
 
 137 
  .nav-link {
- 
 
 138 
    padding-right: 0;
- 
 
 139 
    padding-left: 0;
- 
 
 140 
    border-bottom: var(--#{$prefix}nav-underline-border-width) solid transparent;
- 
 
 141 
 
- 
 
 142 
    &:hover,
- 
 
 143 
    &:focus {
- 
 
 144 
      border-bottom-color: currentcolor;
- 
 
 145 
    }
- 
 
 146 
  }
- 
 
 147 
 
- 
 
 148 
  .nav-link.active,
- 
 
 149 
  .show > .nav-link {
- 
 
 150 
    font-weight: $font-weight-bold;
86 
    color: $nav-pills-link-active-color;
 151 
    color: var(--#{$prefix}nav-underline-link-active-color);
87 
    background-color: $nav-pills-link-active-bg;
 152 
    border-bottom-color: currentcolor;
Línea 88... Línea 153...
88 
  }
 153 
  }
Línea 108... Línea 173...
108 
    flex-grow: 1;
 173 
    flex-grow: 1;
109 
    text-align: center;
 174 
    text-align: center;
110 
  }
 175 
  }
111 
}
 176 
}
Línea -... Línea 177...
- 
 
 177 
 
- 
 
 178 
.nav-fill,
- 
 
 179 
.nav-justified {
- 
 
 180 
  .nav-item .nav-link {
- 
 
 181 
    width: 100%; // Make sure button will grow
- 
 
 182 
  }
- 
 
 183 
}
Línea 112... Línea 184...
112 
 
 184 
 
113 
 
 185 
 
114 
// Tabbable tabs
 186 
// Tabbable tabs