Proyectos de Subversion Moodle

Rev

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

Rev Autor Línea Nro. Línea
1 efrain 1 
.tertiary-navigation {
2 
  padding-left: 0;
3 
  padding-right: 0;
4 
 
5 
  .tertiary-navigation {
6 
    margin-bottom: 0;
1441 ariadna 7 
    font-size: $font-size-sm;
1 efrain 8 
  }
9 
 
10 
  .navitem {
11 
    display: flex;
12 
    flex-wrap: wrap;
13 
    align-items: center;
1441 ariadna 14 
    margin-bottom: 1rem;
1 efrain 15 
 
1441 ariadna 16 
    h2 {
17 
      font-size: $font-size-lg;
18 
      margin-bottom: 0;
1 efrain 19 
    }
1441 ariadna 20 
 
21 
    // Quick hack to move small text up. Small text is up select field for dropdown.
22 
    small {
23 
      margin-top: -20px;
1 efrain 24 
    }
25 
 
26 
    @include media-breakpoint-between(xs, sm) {
27 
      width: 100%;
28 
      margin-bottom: 5px;
29 
 
30 
      .btn {
31 
        width: 100%;
32 
      }
33 
    }
34 
  }
35 
 
36 
  &.full-width-bottom-border {
37 
    width: 100%;
38 
    padding: 0;
39 
    border-bottom: 1px solid $border-color;
40 
    margin-bottom: 25px;
41 
 
42 
    .theme-dark & {
43 
      border-color: $dm-border-color;
44 
    }
45 
 
46 
    .row {
47 
      margin: 0;
48 
      padding-left: 0;
49 
      padding-right: 0;
50 
    }
51 
  }
52 
 
53 
  .tertiary-navigation-selector {
54 
    .dropdown-toggle {
55 
      padding: 6px 17px!important;
56 
      font-size: 1rem;
57 
      font-weight: $font-weight-medium;
58 
      height: 47px;
59 
 
60 
    &:after {
61 
      margin-left: 14px;
62 
    }
63 
 
64 
      &:hover {
65 
        box-shadow: $box-shadow-md;
66 
 
67 
        .theme-dark & {
68 
          color: $dm-body-color-light;
69 
        }
70 
      }
71 
    }
72 
  }
73 
 
74 
  @include media-breakpoint-up(md) {
75 
  .navitem-divider {
76 
    display: flex;
77 
    align-self: center;
78 
    margin-bottom: .5rem;
79 
 
80 
    width: 1px;
81 
    height: 20px;
82 
    background-color: $border-color;
83 
 
84 
    .theme-dark & {
85 
      background-color: $dm-border-color;
86 
    }
87 
  }
88 
  }
89 
 
90 
  &>a.btn,
91 
  &>div.urlselect {
92 
    @include media-breakpoint-up(md) {
93 
      margin-bottom: 25px;
94 
    }
95 
 
96 
    @include media-breakpoint-between(xs, sm) {
97 
      margin-bottom: 10px;
98 
      width: 100%;
99 
    }
100 
  }
101 
 
102 
  @include media-breakpoint-between(xs, sm) {
103 
    width: 100%;
104 
    padding: 0;
105 
    margin: 0;
106 
 
107 
    div {
108 
      width: 100%;
109 
      margin: 0;
110 
    }
111 
 
112 
    .btn,
113 
    .form-inline .custom-select {
114 
      padding: 8px 20px;
115 
      margin: 2px 0 !important;
116 
      width: 100%;
117 
      max-width: 100%;
118 
    }
119 
 
120 
    .btn {
121 
      font-size: $font-size-xs;
122 
    }
123 
 
124 
    .form-inline .custom-select {
125 
      padding: 3px 16px;
126 
      height: 40px;
127 
      line-height: 1.5;
128 
      font-size: $font-size-xs;
129 
    }
130 
  }
131 
 
132 
  @include media-breakpoint-up(md) {
133 
 
134 
    .navitem:not(:last-child),
135 
    .navitem-divider:not(:last-child) {
136 
      margin-right: 20px;
137 
    }
138 
  }
139 
}
140 
 
141 
@media print {
142 
  .tertiary-navigation {
143 
    display: none;
144 
  }
145 
}
146 
 
147 
.path-report .tertiary-navigation {
148 
  margin-bottom: $page-padding-global;
149 
}