Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
//
2 
// Condensed table w/ half padding
3 
//
4 
 
5 
.table-sm {
6 
  th,
7 
  td {
8 
    padding: $table-cell-padding-sm;
9 
    font-size: 11px;
10 
  }
11 
 
12 
  td {
13 
    font-size: $font-size-sm;
14 
  }
15 
}
16 
 
17 
 
18 
// Border versions
19 
//
20 
// Add or remove borders all around the table and between all the columns.
21 
 
22 
.table-bordered {
23 
  border: $table-border-width solid $table-border-color;
24 
 
25 
  .theme-dark & {
26 
    border-color: $dm-table-border-color;
27 
  }
28 
 
29 
  th,
30 
  td {
31 
    border: $table-border-width solid $table-border-color;
32 
 
33 
    .theme-dark & {
34 
      border-color: $dm-table-border-color;
35 
    }
36 
  }
37 
 
38 
  thead {
39 
    th,
40 
    td {
41 
      border-bottom-width: 2 * $table-border-width;
42 
    }
43 
  }
44 
}
45 
 
46 
.table-borderless {
47 
  th,
48 
  td,
49 
  thead th,
50 
  tbody + tbody {
51 
    border: 0;
52 
  }
53 
}
54 
 
55 
// Zebra-striping
56 
//
57 
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
58 
 
59 
.table-striped {
60 
  tbody tr:nth-of-type(#{$table-striped-order}) {
61 
    background-color: $table-accent-bg;
62 
  }
63 
}
64 
 
65 
 
66 
// Hover effect
67 
//
68 
// Placed here since it has to come after the potential zebra striping
69 
 
70 
.table-hover {
71 
  tbody tr {
72 
    @include hover() {
73 
      color: $table-hover-color;
74 
      background-color: $table-hover-bg;
75 
 
76 
      .theme-dark & {
77 
        color: $dm-table-hover-color;
78 
        background-color: $dm-table-hover-bg;
79 
      }
80 
    }
81 
  }
82 
}
83 
 
84 
 
85 
// Table backgrounds
86 
//
87 
// Exact selectors below required to override `.table-striped` and prevent
88 
// inheritance to nested tables.
89 
 
90 
@each $color, $value in $theme-colors {
91 
  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));
92 
}
93 
 
94 
@include table-row-variant(active, $table-active-bg);
95 
 
96 
 
97 
// Dark styles
98 
//
99 
// Same table markup, but inverted color scheme: dark background and light text.
100 
 
101 
// stylelint-disable-next-line no-duplicate-selectors
102 
.table {
103 
  .thead-light {
104 
    th {
105 
      color: $table-head-color;
106 
      background-color: $table-head-bg;
107 
      border-color: $table-border-color;
108 
    }
109 
  }
110 
}
111 
 
112 
// Responsive tables
113 
//
114 
// Generate series of `.table-responsive-*` classes for configuring the screen
115 
// size of where your table will overflow.
116 
 
117 
.table-responsive {
118 
  @each $breakpoint in map-keys($grid-breakpoints) {
119 
    $next: breakpoint-next($breakpoint, $grid-breakpoints);
120 
    $infix: breakpoint-infix($next, $grid-breakpoints);
121 
 
122 
    &#{$infix} {
123 
      @include media-breakpoint-down($breakpoint) {
124 
        display: block;
125 
        width: 100%;
126 
        overflow-x: auto;
127 
        overflow-y: auto;
128 
        -webkit-overflow-scrolling: touch;
129 
 
130 
        // Prevent double border on horizontal scroll due to use of `display: block;`
131 
        > .table-bordered {
132 
          border: 0;
133 
        }
134 
      }
135 
    }
136 
  }
137 
 
138 
  table {
139 
    width: max-content;
140 
    min-width: 100%;
141 
  }
142 
}
143 
 
144 
.table {
145 
  .img-fluid {
146 
    max-width: 200px;
147 
  }
148 
}
149 
 
150 
.header-container {
151 
  .header-text {
152 
    display: flex;
153 
    align-items: center;
154 
    gap: 10px;
155 
  }
156 
}
157 
 
158 
.qbank-sortable-column .qbank_columnsortorder-action-handle img {
159 
  background-color: $white;
160 
  padding: 4px;
161 
  width: max-content;
162 
 
163 
  border-radius: $btn-border-radius;
164 
 
165 
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .26), 0 14px 44px 0 rgba(0, 0, 0, .2);
166 
 
167 
  align-items: center;
168 
  justify-content: center;
169 
}