Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
// stylelint-disable selector-no-qualifying-type
2 
 
3 
//
4 
// Base styles
5 
//
6 
.btn {
7 
 
8 
  // Disabled comes first so active can properly restyle
9 
  &.disabled,
10 
  &:disabled {
11 
    opacity: $btn-disabled-opacity;
12 
    @include box-shadow(none);
13 
  }
14 
 
15 
  &:not(:disabled):not(.disabled) {
16 
    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);
17 
 
18 
    &:active,
19 
    &.active {
20 
      @include box-shadow($btn-active-box-shadow);
21 
    }
22 
  }
23 
 
24 
  &+.btn {
25 
    margin-left: 0.35rem;
26 
  }
27 
 
28 
  .icon {
29 
    margin: 0 .35rem;
30 
    width: auto;
31 
    height: auto;
32 
 
33 
    font-size: $btn-font-size;
34 
    line-height: 20px;
35 
  }
36 
}
37 
 
38 
.btn,
39 
.collapseexpand,
40 
.actions p a,
41 
.backlink a,
42 
.addtagcoll a,
43 
.resettable a,
44 
#page-admin-grade-edit-letter-index .main-content .mdl-align a,
45 
.moreless-toggler,
46 
.ajax-contact-button,
47 
#message-user-button,
48 
.search-results .result-context-info a,
49 
.tool_dataprivacy-expand-all,
50 
[data-fieldtype="submit"] a,
51 
.path-admin-tag .addstandardtags a,
52 
.edit-link a,
53 
#core-cache-rescan-definitions a,
54 
.continuebutton a,
55 
.tour-actions>ul>li>a,
56 
.gradereport_history_usp .usp-finish input,
57 
.gradereport_history_usp .usp-search input[type="submit"],
58 
#siteconfiglink a,
59 
.cancel a,
60 
.forum-post-footer a,
61 
.comment-area .fd a,
62 
#enterlink a,
63 
.allcoursegrades a,
64 
.reportlink a,
65 
.gradingform_guide.editor .addcriterion input,
66 
.gradingform_guide.editor .addcomment input,
67 
.gradingform_rubric.editor .addlevel input,
68 
.path-tag .tagarea .controls .exclusivemode,
69 
.addbloglink a,
70 
.notesgroup p a,
71 
#page-report-progress-index .progress-actions a,
72 
.printicon,
73 
.glossarypost .commands a,
74 
.rui-form-element-group a,
75 
#page-mod-quiz-report .toggleincludeauto a,
76 
#page-mod-quiz-report .gradetheselink,
77 
.que .info .questionflag a,
78 
.mod_quiz-next-nav,
79 
.rui-quizattemptcounts a,
80 
.rui-quizattemptsummary .c3 a,
81 
.mod_quiz-prev-nav,
82 
#page-mod-quiz-report .bold .reviewlink,
83 
.categorypagingbarcontainer .paging a,
84 
.page_split_join,
85 
.midpad a,
86 
.wiki_right a,
87 
#enabletemplateeditor,
88 
.path-auth-oauth2 .main-content h2+a,
89 
#addcontrols input,
90 
#removecontrols input,
91 
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
92 
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
93 
#page-mod-forum-view .subscription .helplink a,
94 
.createstep,
95 
.endtestlink,
96 
.webservicestokenui+a,
97 
.chart-table-expand a,
98 
.export-actions a,
99 
.que .comment a,
100 
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
101 
.modal-footer a:not(.btn-primary),
102 
#page-grade-edit-letter-index .mdl-align a,
103 
#page-mod-feedback-complete [align="center"] a,
104 
.commentlink a,
105 
.quizsummaryofattempt .c0 a,
106 
#changenumsections a,
107 
.itemnav a,
108 
#page-enrol-index .main-content [type="submit"],
109 
.rui-pre button,
110 
.pick.template,
111 
.action.remove,
112 
.helpdoclink a,
113 
#resetpagetour,
114 
.que .info .questionflag a,
115 
.path-mod-attendance .attbtn a,
116 
.section-collapsemenu,
117 
.path-mod-booking #gotop,
118 
.path-mod-booking #goenrol,
119 
.path-mod-booking #searchButton,
120 
.path-mod-booking #buttonclear,
121 
.card-body .footer a,
122 
.cancel a,
123 
.editquestion a,
124 
.course-content-header a,
125 
.course-content-footer a,
126 
.section-collapsemenu,
127 
.addcomponent //Atto Editor
128 
 
129 
  {
130 
  padding: $btn-padding-y $btn-padding-x;
131 
 
132 
  display: inline-flex;
133 
  align-items: center;
134 
  justify-content: center;
135 
 
136 
  font-size: $btn-font-size;
137 
  font-family: $btn-font-family;
138 
  font-weight: $btn-font-weight;
139 
  line-height: $btn-line-height;
140 
 
141 
  border-radius: $btn-border-radius;
142 
 
143 
  text-align: center;
144 
  text-decoration: if($link-decoration==none, null, none);
145 
  white-space: $btn-white-space;
146 
  vertical-align: middle;
147 
  user-select: none;
148 
 
149 
  word-break: break-word;
150 
  max-width: 100%;
151 
  white-space: normal;
152 
 
153 
  @include transition($btn-transition);
154 
 
155 
  @include hover() {
156 
    color: $body-color;
157 
    text-decoration: none;
158 
  }
159 
 
160 
  .icon {
161 
    margin: 0 .25rem;
162 
    width: 18px;
163 
    height: 18px;
164 
  }
165 
}
166 
 
167 
.btn-icon {
168 
  padding: 0;
169 
  min-width: 40px;
170 
  height: 40px;
171 
  max-height: 40px;
172 
  border-radius: $btn-border-radius;
173 
 
174 
  justify-content: center;
175 
 
176 
  .icon {
177 
    margin: 1px;
178 
  }
179 
}
180 
 
181 
.btn-icon--sm {
182 
  padding: 0;
183 
  min-width: 30px;
184 
  height: 30px;
185 
  max-height: 30px;
186 
  border-radius: $btn-border-radius;
187 
  line-height: 1;
188 
}
189 
 
190 
// Future-proof disabling of clicks on `<a>` elements
191 
a.btn.disabled,
192 
fieldset:disabled a.btn {
193 
  pointer-events: none;
194 
}
195 
 
196 
 
197 
//
198 
// Alternate buttons
199 
//
200 
 
201 
.btn-primary {
202 
  background-color: $primary-color-600;
203 
  border: 1px solid $primary-color-600;
204 
  color: $primary-color-100;
205 
 
206 
  img {
207 
    filter: invert(1);
208 
  }
209 
 
210 
  &:hover {
211 
    background-color: $primary-color-500;
212 
    border: 1px solid $primary-color-500;
213 
    color: $primary-color-100;
214 
 
215 
    .theme-dark & {
216 
      background-color: $primary-color-500;
217 
      border: 1px solid $primary-color-500;
218 
      color: $primary-color-100;
219 
    }
220 
  }
221 
}
222 
 
223 
.btn-secondary {
224 
  border: 1px solid $gray-300;
225 
  background-color: $container-bg;
226 
  box-shadow: 0 1px 2px 0 rgb(16 24 40 / 5%);
227 
  color: $body-color;
228 
 
229 
  .theme-dark & {
230 
    border: 1px solid $dm-gray-300;
231 
    background-color: $dm-gray-100;
232 
    box-shadow: 0 1px 2px 0 rgb(16 24 40 / 5%);
233 
    color: $dm-body-color;
234 
  }
235 
 
236 
  &:hover {
237 
    background-color: $gray-100;
238 
    color: $body-color;
239 
    box-shadow: 0 1px 2px 0 rgb(16 24 40 / 15%);
240 
 
241 
    .theme-dark & {
242 
      background-color: $dm-gray-200;
243 
      color: $dm-body-color;
244 
    }
245 
  }
246 
}
247 
 
248 
.btn-success {
249 
  background-color: $green-600;
250 
  border: 0;
251 
  color: $green-100;
252 
 
253 
  &:hover {
254 
    background-color: $green-400;
255 
    border: 0;
256 
    color: $green-100;
257 
  }
258 
}
259 
 
260 
.btn-danger,
261 
.cancel a {
262 
  background-color: $red-100;
263 
  border: 0;
264 
  color: $red-600;
265 
 
266 
  &:hover {
267 
    background-color: $red-200;
268 
    color: $red-800;
269 
 
270 
    .theme-dark & {
271 
      background-color: $red-500;
272 
      color: $red-100;
273 
    }
274 
  }
275 
 
276 
  .theme-dark & {
277 
    background-color: #d03434;
278 
    color: $red-100;
279 
  }
280 
}
281 
 
282 
.btn-warning {
283 
  background-color: $yellow-100;
284 
  border: 0;
285 
  color: $gray-900;
286 
 
287 
  &:hover {
288 
    background-color: $yellow-200;
289 
    color: $gray-900;
290 
  }
291 
}
292 
 
293 
.btn-info,
294 
.editquestion a {
295 
  background-color: $blue-100;
296 
  border: 0;
297 
  color: $blue-600;
298 
 
299 
  .theme-dark & {
300 
    background-color: $blue-800;
301 
    color: $blue-200;
302 
  }
303 
 
304 
  &:hover {
305 
    background-color: $blue-200;
306 
    color: $blue-800;
307 
 
308 
    .theme-dark & {
309 
      background-color: $blue-700;
310 
      color: $blue-200;
311 
    }
312 
  }
313 
}
314 
 
315 
.btn-light {
316 
  background-color: $gray-100;
317 
  border: 0;
318 
  color: $black;
319 
 
320 
  .theme-dark & {
321 
    background-color: $dm-container-bg;
322 
    color: $white;
323 
  }
324 
 
325 
  &:hover {
326 
    opacity: .7;
327 
  }
328 
}
329 
 
330 
.btn-dark {
331 
  background-color: $gray-900;
332 
  border: 0;
333 
  color: $gray-100;
334 
 
335 
  .theme-dark & {
336 
    background-color: $dm-gray-900;
337 
    color: $dm-gray-100;
338 
  }
339 
 
340 
  &:hover {
341 
    background-color: $gray-700;
342 
    color: $gray-100;
343 
 
344 
    .theme-dark & {
345 
      background-color: $dm-gray-900;
346 
      color: $dm-gray-100;
347 
    }
348 
  }
349 
}
350 
 
351 
 
352 
// Buttons Outlines
353 
.btn-outline-primary,
354 
#page-grade-edit-letter-index .mdl-align a,
355 
#enterlink p:nth-of-type(3) a,
356 
#id_submitbutton2,
357 
.que .info .questionflag a {
358 
  color: $primary-color-600;
359 
  background: transparent;
360 
  backdrop-filter: blur(10px);
361 
  -webkit-backdrop-filter: blur(10px);
362 
  border: 1px solid $primary-color-300;
363 
 
364 
  @include hover() {
365 
    color: $primary-color-100;
366 
    background-color: $primary-color-600;
367 
    border-color: $primary-color-600;
368 
 
369 
    .theme-dark & {
370 
      color: $primary-color-900;
371 
      background-color: $primary-color-600;
372 
      border: 1px solid $primary-color-600;
373 
    }
374 
  }
375 
 
376 
  .theme-dark & {
377 
    color: $primary-color-400;
378 
    border: 1px solid $primary-color-400;
379 
  }
380 
}
381 
 
382 
.btn-outline-secondary {
383 
  color: $gray-800;
384 
  background-color: transparent;
385 
  backdrop-filter: blur(10px);
386 
  -webkit-backdrop-filter: blur(10px);
387 
  border: 1px solid $gray-300;
388 
 
389 
  .theme-dark & {
390 
    color: $dm-gray-800;
391 
    border: 1px solid $dm-gray-300;
392 
  }
393 
 
394 
  @include hover() {
395 
    color: $gray-800;
396 
    background-color: $gray-100;
397 
    border-color: $gray-200;
398 
 
399 
    .theme-dark & {
400 
      color: $dm-gray-800;
401 
      background-color: $dm-gray-100;
402 
      border-color: $dm-gray-100;
403 
    }
404 
  }
405 
}
406 
 
407 
.btn-outline-danger,
408 
#page-badges-mybadges #fgroup_id_searchgroup #id_clearsearch {
409 
  color: $red-600;
410 
  background-color: transparent;
411 
  backdrop-filter: blur(10px);
412 
  -webkit-backdrop-filter: blur(10px);
413 
  border: 1px solid $red-200;
414 
 
415 
  .theme-dark & {
416 
    color: #d03434;
417 
    border: 1px solid #d03434;
418 
  }
419 
 
420 
  @include hover() {
421 
    color: $red-600;
422 
    background-color: $red-100;
423 
    border-color: $red-200;
424 
 
425 
    .theme-dark & {
426 
      color: $red-200;
427 
      background-color: #d03434;
428 
      border-color: #d03434;
429 
    }
430 
  }
431 
}
432 
 
433 
.btn-outline-success {
434 
  color: $green-600;
435 
  background-color: transparent;
436 
  backdrop-filter: blur(10px);
437 
  -webkit-backdrop-filter: blur(10px);
438 
  border: 0;
439 
 
440 
  @include hover() {
441 
    color: $green-600;
442 
    background-color: $green-100;
443 
    border-color: $green-200;
444 
 
445 
    .theme-dark & {
446 
      color: $green-100;
447 
      background-color: #0a6457;
448 
      border-color: #0a6457;
449 
    }
450 
  }
451 
 
452 
  .theme-dark & {
453 
    color: #0a6457;
454 
    border-color: #0a6457;
455 
  }
456 
}
457 
 
458 
.btn-outline-warning {
459 
  color: $body-color;
460 
  background-color: transparent;
461 
  backdrop-filter: blur(10px);
462 
  -webkit-backdrop-filter: blur(10px);
463 
  border: 1px solid $yellow-300;
464 
 
465 
  @include hover() {
466 
    color: $body-color;
467 
    background-color: $yellow-100;
468 
    border-color: $yellow-200;
469 
  }
470 
}
471 
 
472 
.btn-outline-light {
473 
  color: $white;
474 
  background-color: transparent;
475 
  border: 1px solid $white;
476 
 
477 
  @include hover() {
478 
    color: $black;
479 
    background-color: $white;
480 
    border-color: rgba($white, .9);
481 
  }
482 
}
483 
 
484 
.btn-outline-dark {
485 
  color: $black;
486 
  background-color: transparent;
487 
  backdrop-filter: blur(10px);
488 
  -webkit-backdrop-filter: blur(10px);
489 
  border: 1px solid $black;
490 
 
491 
  @include hover() {
492 
    color: $white;
493 
    background-color: $black;
494 
    border-color: rgba($black, .9);
495 
  }
496 
}
497 
 
498 
//
499 
// Link buttons
500 
//
501 
 
502 
// Make a button look and behave like a link
503 
.btn-link {
504 
  display: inline-flex;
505 
  align-items: center;
506 
 
507 
  background-color: transparent;
508 
  border: none;
509 
  font-size: $btn-font-size-sm;
510 
  font-weight: $font-weight-medium;
511 
  color: $link-color;
512 
  text-decoration: $link-decoration;
513 
 
514 
  .theme-dark & {
515 
    color: $dm-link-color;
516 
  }
517 
 
518 
  @include hover() {
519 
    color: $link-hover-color;
520 
    text-decoration: none;
521 
 
522 
    .theme-dark & {
523 
      color: $dm-link-hover-color;
524 
    }
525 
  }
526 
 
527 
  &:focus,
528 
  &.focus {
529 
    text-decoration: $link-decoration;
530 
  }
531 
 
532 
  &:disabled,
533 
  &.disabled {
534 
    color: $btn-link-disabled-color;
535 
    pointer-events: none;
536 
  }
537 
 
538 
  // No need for an active state here
539 
 
540 
  .rui-icon-container {
541 
    display: inline-flex;
542 
    align-items: center;
543 
  }
544 
}
545 
 
546 
 
547 
.btn-link--clean {
548 
  background-color: transparent;
549 
  border: 0;
550 
  padding: 0;
551 
  font-weight: $font-weight-medium;
552 
  color: $link-color;
553 
 
554 
  .theme-dark & {
555 
    color: $dm-link-color;
556 
  }
557 
 
558 
  &:hover {
559 
    color: $link-hover-color;
560 
 
561 
    .theme-dark & {
562 
      color: $dm-link-hover-color;
563 
    }
564 
  }
565 
}
566 
 
567 
//
568 
// Button Sizes
569 
//
570 
 
571 
.btn-lg {
572 
  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
573 
}
574 
 
575 
.btn-xs,
576 
.card-body .footer a {
577 
  padding: .45rem .95rem;
578 
  font-size: .8rem;
579 
}
580 
 
581 
.card-body .footer a {
582 
  margin-top: .25rem;
583 
  margin-right: .25rem;
584 
}
585 
 
586 
.btn-sm,
587 
.search-results .result-context-info a,
588 
.forum-post-footer a,
589 
.comment-area .fd a,
590 
.rui-assign-btns .singlebutton .btn,
591 
.visibleifjs .btn,
592 
#enterlink p:nth-of-type(3) a,
593 
.reportoption .btn,
594 
.allcoursegrades a,
595 
.addlinks a,
596 
.reportlink a,
597 
.notesgroup .footer a,
598 
#page-report-progress-index .progress-actions a,
599 
.glossarypost .commands a,
600 
#page-mod-quiz-report .gradetheselink,
601 
.rui-quizattemptsummary .c3 a,
602 
.rui-submitbtns--back .btn,
603 
#page-mod-quiz-report .bold .reviewlink,
604 
#page-mod-quiz-edit .add-menu-outer .btn,
605 
.categorypagingbarcontainer .paging a,
606 
.page_split_join,
607 
.path-mod-wiki .printicon,
608 
#enabletemplateeditor,
609 
.path-auth-oauth2 .main-content h2+a,
610 
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
611 
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
612 
#page-mod-forum-view .subscription .helplink a,
613 
.endtestlink,
614 
.export-actions a,
615 
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
616 
.resettable a,
617 
#page-grade-edit-letter-index .mdl-align a,
618 
#page-mod-feedback-complete [align="center"] a,
619 
.commentlink a,
620 
.quizsummaryofattempt .c0 a,
621 
.itemnav a,
622 
.que .comment a,
623 
.course-content .collapsible-actions a,
624 
#settingsMenu .btn-secondary,
625 
.rui-pre button,
626 
.helpdoclink a,
627 
.que .info .questionflag a,
628 
.addcomponent,
629 
#message-user-button,
630 
#toggle-contact-button,
631 
.page-header-content .singlebutton .btn,
632 
.course-content-header a,
633 
.course-content-footer a,
634 
.section-collapsemenu,
635 
.editquestion a {
636 
  padding: 7px 14px;
637 
  font-size: $btn-font-size-sm;
638 
}
639 
 
640 
.btn-submit {
641 
  border: none;
642 
}
643 
 
644 
//
645 
// Block button
646 
//
647 
 
648 
.btn-block {
649 
  display: block;
650 
  width: 100%;
651 
 
652 
  // Vertically space out multiple block buttons
653 
  +.btn-block {
654 
    margin-top: $btn-block-spacing-y;
655 
  }
656 
}
657 
 
658 
// Specificity overrides
659 
input[type="submit"],
660 
input[type="reset"],
661 
input[type="button"] {
662 
  &.btn-block {
663 
    width: 100%;
664 
  }
665 
}
666 
 
667 
 
668 
 
669 
//Button Primary
670 
.addtagcoll a,
671 
.path-admin-tag .addstandardtags a,
672 
.gradereport_history_usp .usp-finish input,
673 
#siteconfiglink a,
674 
.forum-post-footer a,
675 
.rui-submissionaction .singlebutton .btn,
676 
#enterlink p:nth-of-type(1) a,
677 
.mod_quiz-next-nav,
678 
.addbloglink a,
679 
#addcontrols input,
680 
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
681 
#page-mod-forum-view .subscription .helplink a,
682 
.midpad a,
683 
.createstep,
684 
#enterlink p:nth-of-type(2) a,
685 
.webservicestokenui+a,
686 
.rui-pre button,
687 
.pagenumber .dropdown-btn,
688 
#page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle,
689 
.last-add-menu .dropdown-btn {
690 
  @extend .btn-primary;
691 
}
692 
 
693 
//Button Secondary
694 
.collapseexpand,
695 
.actions p a,
696 
.backlink a,
697 
#page-admin-grade-edit-letter-index .main-content .mdl-align a,
698 
.moreless-toggler,
699 
.search-results .result-context-info a,
700 
.tool_dataprivacy-expand-all,
701 
.edit-link a,
702 
#core-cache-rescan-definitions a,
703 
.continuebutton a,
704 
.tour-actions>ul>li>a,
705 
.gradereport_history_usp .usp-search input[type="submit"],
706 
.comment-area .fd a[id*=post],
707 
.allcoursegrades a,
708 
.addlinks a,
709 
#page-grade-grading-manage .actions .action,
710 
.gradingform_rubric.editor .addlevel input,
711 
.path-tag .tagarea .controls .exclusivemode,
712 
.notesgroup p a,
713 
#page-report-progress-index .progress-actions a,
714 
.printicon,
715 
.glossarypost .commands a,
716 
.rui-form-element-group a,
717 
.mod_quiz-prev-nav,
718 
.categorypagingbarcontainer .paging a,
719 
.page_split_join,
720 
.path-mod-wiki .printicon,
721 
.path-auth-oauth2 .main-content h2+a,
722 
.subscription .helplink:nth-of-type(2) a,
723 
.ajax-contact-button[data-is-contact="0"],
724 
.rui-contentbank-view-btns .btn,
725 
.chart-table-expand a,
726 
.export-actions a,
727 
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
728 
.modal-footer a:not(.btn-primary),
729 
.commentlink a,
730 
.itemnav a,
731 
.que .comment a,
732 
.btn-inverse,
733 
.pick.template,
734 
.action.remove,
735 
.card-body .footer a,
736 
.course-content-header a,
737 
.course-content-footer a,
738 
.section-collapsemenu,
739 
#message-user-button,
740 
.addcomponent {
741 
  @extend .btn-secondary;
742 
}
743 
 
744 
//Button Link
745 
[data-fieldtype="submit"] a,
746 
.cancel a,
747 
#page-mod-quiz-report .gradetheselink {
748 
  @extend .btn-link;
749 
}
750 
 
751 
//Button Outline Secondary
752 
.comment-area .fd a[id*=cancel],
753 
.visibleifjs .btn,
754 
.gradingform_guide.editor .addcriterion input,
755 
.gradingform_guide.editor .addcomment input,
756 
.message-user-button {
757 
  @extend .btn-outline-secondary;
758 
}
759 
 
760 
 
761 
//Button Outline Danger
762 
#removecontrols input,
763 
.rui-assign-btns .singlebutton:nth-child(2) .btn,
764 
.ajax-contact-button[data-is-contact="1"] {
765 
  @extend .btn-outline-danger;
766 
}
767 
 
768 
//Button additional settings
769 
#page-mod-quiz-report .toggleincludeauto a,
770 
.reportlink a,
771 
#page-mod-quiz-report .bold .reviewlink,
772 
#enabletemplateeditor,
773 
.endtestlink,
774 
.rui-contentbank-view-btns .btn.active,
775 
.rui-quizattemptcounts a,
776 
#page-mod-feedback-complete [align="center"] a {
777 
  @extend .btn-info;
778 
}
779 
 
780 
.resettable a {
781 
  @extend .btn-danger;
782 
}
783 
 
784 
//Button Success
785 
#id_savevalues,
786 
#changenumsections a,
787 
.rui-quizattemptsummary .c3 a,
788 
.quizsummaryofattempt .c0 a,
789 
#page-enrol-index .main-content [type="submit"] {
790 
  @extend .btn-success;
791 
}
792 
 
793 
.ajax-contact-button,
794 
#toggle-contact-button,
795 
#message-user-button {
796 
  padding: 8px 10px !important;
797 
 
798 
  @include media-breakpoint-up(md) {
799 
    margin-left: .5rem;
800 
  }
801 
 
802 
  .icon {
803 
    margin: 0;
804 
    padding: 0;
805 
    background-color: transparent;
806 
 
807 
    .page-header-content & {
808 
      display: none;
809 
    }
810 
  }
811 
}
812 
 
813 
 
814 
.moreless-toggler {
815 
  margin: 5px 0 5px auto;
816 
  width: fit-content;
817 
  display: flex;
818 
}
819 
 
820 
.card-body .footer a+br {
821 
  display: none;
822 
}
823 
 
824 
 
825 
// ---- URL:  /filter/manage.php?contextid=78
826 
.rui-quiz-continuebutton .btn,
827 
.backlink a {
828 
  padding-left: 50px;
829 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
830 
  background-repeat: no-repeat;
831 
  background-size: 24px;
832 
  background-position: 12px;
833 
 
834 
  .theme-dark & {
835 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
836 
  }
837 
}
838 
 
839 
 
840 
 
841 
// ---- Module Activity Wiki
842 
.path-mod-wiki .printicon {
843 
  padding-left: 40px;
844 
  background-position: 15px;
845 
}
846 
 
847 
 
848 
.rui-form-element-group a {
849 
  .icon {
850 
    opacity: .7;
851 
  }
852 
 
853 
  &[data-toggle="popover"] {
854 
    margin-right: .5rem;
855 
  }
856 
}
857 
 
858 
 
859 
// ---- URL: /course/customfield.php
860 
[data-role="deletecategory"] {
861 
  margin: 1px;
862 
  padding: 10px;
863 
 
864 
  display: inline-flex;
865 
  align-items: center;
866 
  justify-content: center;
867 
 
868 
  border-radius: $btn-border-radius-lg;
869 
 
870 
  background-color: $red-100;
871 
  color: $red-800;
872 
 
873 
  font-size: $font-size-xs;
874 
 
875 
  transition: $transition-base;
876 
 
877 
  &:hover {
878 
    background-color: $red-200;
879 
    color: $red-800;
880 
  }
881 
 
882 
  .icon {
883 
    width: auto;
884 
    height: auto;
885 
    font-size: $font-size-xs;
886 
  }
887 
}
888 
 
889 
 
890 
// ---- URL: /user/profile/index.php
891 
#page-admin-user-profile-index {
892 
  .main-content {
893 
    h2 {
894 
      width: 100%;
895 
 
896 
      display: inline-flex;
897 
      align-items: center;
898 
 
899 
      a {
900 
        &:hover {
901 
          text-decoration: none;
902 
        }
903 
      }
904 
 
905 
      .icon:not(.spacer) {
906 
        margin: 1px;
907 
        padding: 10px;
908 
 
909 
        display: inline-flex;
910 
        align-items: center;
911 
        justify-content: center;
912 
 
913 
        border-radius: $btn-border-radius-lg;
914 
 
915 
        background-color: $gray-200;
916 
        font-size: $font-size-xs;
917 
        color: $gray-800;
918 
 
919 
        transition: $transition-base;
920 
 
921 
 
922 
        &.fa-trash {
923 
          background-color: $red-100;
924 
          color: $red-800;
925 
        }
926 
 
927 
        &:hover {
928 
          background-color: $blue-200;
929 
          color: $blue-700;
930 
 
931 
          &.fa-trash {
932 
            background-color: $red-800;
933 
            color: $red-100 !important;
934 
          }
935 
        }
936 
      }
937 
    }
938 
  }
939 
}
940 
 
941 
 
942 
// ---- URL: /admin/category.php?category=webservicesettings
943 
[data-groupname="buttonar"],
944 
.rui-sticky-btns,
945 
.form-buttons {
946 
  position: sticky;
947 
  bottom: 20px;
948 
  z-index: $zindex-sticky;
949 
 
950 
  .mod_quiz_preflight_popup & {
951 
    position: relative;
952 
    bottom: 0;
953 
  }
954 
 
955 
  @include media-breakpoint-between(xs, sm) {
956 
    bottom: 60px;
957 
  }
958 
}
959 
 
960 
 
961 
#page-report-progress-index .progress-actions {
962 
  margin: $page-padding-global auto 0;
963 
  padding: 0;
964 
 
965 
  text-align: left;
966 
 
967 
  li {
968 
    display: inline-flex;
969 
    margin-right: .35rem;
970 
    margin-bottom: .5rem;
971 
 
972 
    &:last-child {
973 
      margin-bottom: 0;
974 
    }
975 
  }
976 
}
977 
 
978 
 
979 
.path-mod-glossary .printicon {
980 
  padding-left: 40px;
981 
  background-position: 15px !important;
982 
}
983 
 
984 
.path-mod-glossary .glossarypost .commands {
985 
  display: block;
986 
  margin-bottom: 20px;
987 
 
988 
  a {
989 
    padding: 10px;
990 
    margin: 2px;
991 
    border-radius: $btn-border-radius;
992 
    background: $gray-100;
993 
  }
994 
}
995 
 
996 
.theme-dark.path-mod-glossary .glossarypost .commands a {
997 
  background-color: $dm-gray-100;
998 
}
999 
 
1000 
.theme-dark.path-mod-glossary .glossarypost .commands a img.icon {
1001 
  filter: invert(1);
1002 
}
1003 
 
1004 
 
1005 
.rui-show-sidebar {
1006 
  position: absolute;
1007 
  top: 0;
1008 
  right: 60px;
1009 
}
1010 
 
1011 
 
1012 
.btn-special-icon {
1013 
  padding: 10px;
1014 
 
1015 
  display: inline-flex;
1016 
  align-items: center;
1017 
  justify-content: center;
1018 
 
1019 
  border-radius: $btn-border-radius-lg;
1020 
 
1021 
  background-color: $gray-200;
1022 
  font-size: $font-size-xs;
1023 
  color: $gray-800;
1024 
 
1025 
  transition: $transition-base;
1026 
}
1027 
 
1028 
.btn-special-icon--hover {
1029 
  background-color: $blue-200;
1030 
  color: $blue-700;
1031 
}
1032 
 
1033 
.btn--disabled {
1034 
  opacity: .3;
1035 
  cursor: not-allowed;
1036 
}
1037 
 
1038 
.editing_groupsnone,
1039 
.editing_groupsseparate,
1040 
.editing_groupsvisible {
1041 
  display: inline-flex;
1042 
  margin-left: 10px;
1043 
  padding: 10px 15px;
1044 
  border-radius: $btn-border-radius-lg;
1045 
  font-size: 13px;
1046 
  font-weight: $font-weight-medium;
1047 
 
1048 
  @include media-breakpoint-between(xs, sm) {
1049 
    margin-top: 10px;
1050 
    margin-left: 0;
1051 
    white-space: break-spaces;
1052 
  }
1053 
 
1054 
  .rui-icon-container {
1055 
    padding: 0 !important;
1056 
    margin: 0 !important;
1057 
    background-color: transparent !important;
1058 
  }
1059 
 
1060 
  .icon {
1061 
    width: 17px;
1062 
    height: 17px;
1063 
    margin-right: .5rem !important;
1064 
  }
1065 
 
1066 
  .dropdown-item--text {
1067 
    display: inline-flex !important;
1068 
  }
1069 
}
1070 
 
1071 
.editing_groupsnone {
1072 
  background-color: $red-100;
1073 
  color: $red-700;
1074 
 
1075 
  &:hover {
1076 
    background-color: $red-200;
1077 
    color: $red-800;
1078 
  }
1079 
 
1080 
  .icon {
1081 
    color: $red-600 !important;
1082 
  }
1083 
}
1084 
 
1085 
.editing_groupsseparate {
1086 
  background-color: $white;
1087 
  color: $body-color;
1088 
 
1089 
  &:hover {
1090 
    background-color: $gray-200;
1091 
    color: $body-color-secondary;
1092 
  }
1093 
 
1094 
  .icon {
1095 
    color: $body-color-secondary !important;
1096 
  }
1097 
}
1098 
 
1099 
.editing_groupsvisible {
1100 
  background-color: $green-100;
1101 
  color: $green-700;
1102 
 
1103 
  &:hover {
1104 
    background-color: $green-200;
1105 
    color: $green-600;
1106 
  }
1107 
 
1108 
  .icon {
1109 
    color: $green-600 !important;
1110 
  }
1111 
}
1112 
 
1113 
.helplink a {
1114 
  .icon {
1115 
    height: 18px;
1116 
  }
1117 
}
1118 
 
1119 
.rui-footer-btns {
1120 
  @include media-breakpoint-up(md) {
1121 
    display: inline-flex;
1122 
    align-items: baseline;
1123 
    flex-wrap: wrap;
1124 
  }
1125 
 
1126 
  @include media-breakpoint-between(xs, sm) {
1127 
    display: block;
1128 
  }
1129 
 
1130 
  div {
1131 
    display: flex;
1132 
    width: max-content;
1133 
  }
1134 
 
1135 
  a {
1136 
    margin-right: .5rem;
1137 
 
1138 
    font-size: $font-size-xs;
1139 
    font-weight: $font-weight-medium;
1140 
    color: $body-color;
1141 
 
1142 
    .theme-dark & {
1143 
      color: $dm-body-color-light;
1144 
 
1145 
      &:after {
1146 
        background-color: $dm-link-hover-color;
1147 
      }
1148 
    }
1149 
 
1150 
    &:hover {
1151 
      color: $link-hover-color;
1152 
 
1153 
      .theme-dark & {
1154 
        color: $dm-link-hover-color;
1155 
      }
1156 
    }
1157 
 
1158 
    @include media-breakpoint-between(xs, sm) {
1159 
      width: 100%;
1160 
      margin-right: 0;
1161 
      margin-bottom: .35rem;
1162 
    }
1163 
 
1164 
    // Remove icons from all footer buttons
1165 
    img {
1166 
      display: none;
1167 
    }
1168 
  }
1169 
}
1170 
 
1171 
.course-content .collapsible-actions a.collapseall,
1172 
.course-content .collapsible-actions a.expandall {
1173 
  padding-left: 26px;
1174 
  background-position: 5px !important;
1175 
  background-size: 18px;
1176 
}
1177 
 
1178 
 
1179 
// Dark mode.
1180 
.btn--darkmode {
1181 
  display: flex;
1182 
  align-items: center;
1183 
  justify-content: center;
1184 
 
1185 
  width: 40px;
1186 
  height: 40px;
1187 
  border: none;
1188 
  border-radius: $btn-border-radius;
1189 
  background-color: $yellow-100;
1190 
  color: $yellow-700;
1191 
 
1192 
  div {
1193 
    padding: 10px;
1194 
  }
1195 
 
1196 
  .theme-dark & {
1197 
    background-color: #4a350d;
1198 
    color: $yellow-700;
1199 
  }
1200 
 
1201 
  &:hover {
1202 
    background-color: $gray-900;
1203 
    color: $gray-100;
1204 
 
1205 
    .theme-dark & {
1206 
      background-color: $dm-gray-200;
1207 
    }
1208 
  }
1209 
}
1210 
 
1211 
 
1212 
 
1213 
// Button Settings - Turn editin on/off
1214 
@include media-breakpoint-between(xs, sm) {
1215 
  .btn--text {
1216 
    display: none;
1217 
  }
1218 
}
1219 
 
1220 
.btn {
1221 
  svg {
1222 
    pointer-events: none
1223 
  }
1224 
}
1225 
 
1226 
// Tool Lp Competencies
1227 
// Edit icon next to string
1228 
#id_parentcompetencybutton {
1229 
  display: inline-flex;
1230 
}
1231 
 
1232 
.rui-debug {
1233 
  div {
1234 
    position: relative;
1235 
  }
1236 
}
1237 
 
1238 
.btn .rui-btn--icon {
1239 
  line-height: 1;
1240 
}
1241 
 
1242 
.btn-disabled {
1243 
  cursor: auto;
1244 
}
1245 
 
1246 
.path-mod-quiz .othernav a,
1247 
.path-mod-quiz .othernav input {
1248 
  margin: 0 0 5px;
1249 
  display: inline-flex;
1250 
}
1251 
 
1252 
.activity-add {
1253 
  background-color: $gray-100;
1254 
  color: $body-color;
1255 
  width: 100%;
1256 
 
1257 
  .theme-dark & {
1258 
    background-color: $dm-gray-200;
1259 
    color: $dm-body-color;
1260 
  }
1261 
 
1262 
  &:hover {
1263 
    background-color: $primary-color-200;
1264 
 
1265 
    .theme-dark & {
1266 
      background-color: $dm-black;
1267 
      color: $dm-body-color;
1268 
    }
1269 
  }
1270 
}
1271 
 
1272 
 
1273 
/* File manager, cancel button border fix */
1274 
.fp-dlg-butcancel {
1275 
  border: 0;
1276 
}
1277 
 
1278 
.course-content-header a,
1279 
.course-content-footer a {
1280 
  padding-left: 3px;
1281 
 
1282 
  .icon {
1283 
    .theme-dark & {
1284 
      filter: invert(1);
1285 
    }
1286 
  }
1287 
}
1288 
 
1289 
.notesgroup p a {
1290 
  &:after {
1291 
    display: none;
1292 
  }
1293 
}
1294 
 
1295 
// Moodle 4.3
1296 
.groupmode-information {
1297 
  display: inline-flex;
1298 
  flex-wrap: wrap;
1299 
  width: max-content;
1300 
  max-width: 100%;
1301 
 
1302 
  .icon {
1303 
    .theme-dark & {
1304 
      filter: invert(1);
1305 
    }
1306 
  }
1307 
}
1308 
 
1309 
.btn--completion {
1310 
  padding: 0 6px;
1311 
  height: 30px;
1312 
  border-radius: $btn-border-radius-lg;
1313 
}