Proyectos de Subversion Moodle

Rev

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