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