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 
// 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 & {
1441 ariadna 234 
    border: 1px solid $dm-gray-400;
235 
    background-color: $dm-gray-400;
1 efrain 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;
1441 ariadna 268 
  color: $red-800 !important;
1 efrain 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 
.pick.template,
737 
.action.remove,
738 
.card-body .footer a,
739 
.course-content-header a,
740 
.course-content-footer a,
741 
.section-collapsemenu,
742 
#message-user-button,
743 
.addcomponent {
744 
  @extend .btn-secondary;
745 
}
746 
 
747 
//Button Link
748 
[data-fieldtype="submit"] a,
749 
.cancel a,
750 
#page-mod-quiz-report .gradetheselink {
751 
  @extend .btn-link;
752 
}
753 
 
754 
//Button Outline Secondary
755 
.comment-area .fd a[id*=cancel],
756 
.visibleifjs .btn,
757 
.gradingform_guide.editor .addcriterion input,
758 
.gradingform_guide.editor .addcomment input,
759 
.message-user-button {
760 
  @extend .btn-outline-secondary;
761 
}
762 
 
763 
 
764 
//Button Outline Danger
765 
#removecontrols input,
766 
.rui-assign-btns .singlebutton:nth-child(2) .btn,
767 
.ajax-contact-button[data-is-contact="1"] {
768 
  @extend .btn-outline-danger;
769 
}
770 
 
771 
//Button additional settings
772 
#page-mod-quiz-report .toggleincludeauto a,
773 
.reportlink a,
774 
#page-mod-quiz-report .bold .reviewlink,
775 
#enabletemplateeditor,
776 
.endtestlink,
777 
.rui-contentbank-view-btns .btn.active,
778 
.rui-quizattemptcounts a,
779 
#page-mod-feedback-complete [align="center"] a {
780 
  @extend .btn-info;
781 
}
782 
 
783 
.resettable a {
784 
  @extend .btn-danger;
785 
}
786 
 
787 
//Button Success
788 
#id_savevalues,
789 
#changenumsections a,
790 
.rui-quizattemptsummary .c3 a,
791 
.quizsummaryofattempt .c0 a,
792 
#page-enrol-index .main-content [type="submit"] {
793 
  @extend .btn-success;
794 
}
795 
 
796 
.ajax-contact-button,
797 
#toggle-contact-button,
798 
#message-user-button {
799 
  padding: 6px 10px !important;
800 
  margin-left: .5rem;
1441 ariadna 801 
  border-radius: $btn-border-radius!important;
1 efrain 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 
 
1441 ariadna 858 
  &[data-bs-toggle="popover"] {
1 efrain 859 
    margin-right: .5rem;
860 
  }
861 
}
862 
 
863 
 
864 
// ---- URL: /course/customfield.php
865 
[data-role="deletecategory"] {
866 
  margin: 1px;
867 
  padding: 10px;
1441 ariadna 868 
  min-width: 40px;
1 efrain 869 
 
870 
  display: inline-flex;
871 
  align-items: center;
872 
  justify-content: center;
873 
 
874 
  border-radius: $btn-border-radius-lg;
875 
 
876 
  background-color: $red-100;
877 
  color: $red-800;
878 
 
879 
  font-size: $font-size-xs;
880 
 
881 
  transition: $transition-base;
882 
 
883 
  &:hover {
884 
    background-color: $red-200;
885 
    color: $red-800;
886 
  }
887 
 
888 
  .icon {
889 
    width: auto;
890 
    height: auto;
1441 ariadna 891 
    font-size: 16px;
1 efrain 892 
  }
893 
}
894 
 
895 
 
896 
// ---- URL: /user/profile/index.php
897 
#page-admin-user-profile-index {
898 
  .main-content {
899 
    h2 {
900 
      width: 100%;
901 
 
902 
      display: inline-flex;
903 
      align-items: center;
904 
 
905 
      a {
906 
        &:hover {
907 
          text-decoration: none;
908 
        }
909 
      }
910 
 
911 
      .icon:not(.spacer) {
912 
        margin: 1px;
913 
        padding: 10px;
914 
 
915 
        display: inline-flex;
916 
        align-items: center;
917 
        justify-content: center;
918 
 
919 
        border-radius: $btn-border-radius-lg;
920 
 
921 
        background-color: $gray-200;
922 
        font-size: $font-size-xs;
923 
        color: $gray-800;
924 
 
925 
        transition: $transition-base;
926 
 
927 
 
928 
        &.fa-trash {
929 
          background-color: $red-100;
930 
          color: $red-800;
931 
        }
932 
 
933 
        &:hover {
934 
          background-color: $blue-200;
935 
          color: $blue-700;
936 
 
937 
          &.fa-trash {
938 
            background-color: $red-800;
939 
            color: $red-100 !important;
940 
          }
941 
        }
942 
      }
943 
    }
944 
  }
945 
}
946 
 
947 
 
948 
// ---- URL: /admin/category.php?category=webservicesettings
949 
[data-groupname="buttonar"],
950 
.rui-sticky-btns,
951 
.form-buttons {
952 
  position: sticky;
953 
  bottom: 20px;
954 
  z-index: $zindex-sticky;
955 
 
1441 ariadna 956 
  .path-admin-reportbuilder & {
957 
    position: relative;
958 
    bottom: 0!important;
959 
    z-index: 0;
960 
  }
961 
 
962 
  .show-custom-alert & {
963 
    bottom: 70px;
964 
  }
965 
 
1 efrain 966 
  .mod_quiz_preflight_popup & {
967 
    position: relative;
968 
    bottom: 0;
969 
  }
970 
 
971 
  @include media-breakpoint-between(xs, sm) {
972 
    bottom: 60px;
973 
  }
974 
}
975 
 
976 
 
977 
#page-report-progress-index .progress-actions {
978 
  margin: $page-padding-global auto 0;
979 
  padding: 0;
980 
 
981 
  text-align: left;
982 
 
983 
  li {
984 
    display: inline-flex;
985 
    margin-right: .35rem;
986 
    margin-bottom: .5rem;
987 
 
988 
    &:last-child {
989 
      margin-bottom: 0;
990 
    }
991 
  }
992 
}
993 
 
994 
 
995 
.path-mod-glossary .printicon {
996 
  padding-left: 40px;
997 
  background-position: 15px !important;
998 
}
999 
 
1000 
.path-mod-glossary .glossarypost .commands {
1001 
  display: block;
1002 
  margin-bottom: 20px;
1003 
 
1004 
  a {
1005 
    padding: 10px;
1006 
    margin: 2px;
1007 
    border-radius: $btn-border-radius;
1008 
    background: $gray-100;
1009 
  }
1010 
}
1011 
 
1012 
.theme-dark.path-mod-glossary .glossarypost .commands a {
1013 
  background-color: $dm-gray-100;
1014 
}
1015 
 
1016 
.theme-dark.path-mod-glossary .glossarypost .commands a img.icon {
1017 
  filter: invert(1);
1018 
}
1019 
 
1020 
 
1021 
.rui-show-sidebar {
1022 
  position: absolute;
1023 
  top: 0;
1024 
  right: 60px;
1025 
}
1026 
 
1027 
 
1028 
.btn-special-icon {
1029 
  padding: 10px;
1030 
 
1031 
  display: inline-flex;
1032 
  align-items: center;
1033 
  justify-content: center;
1034 
 
1035 
  border-radius: $btn-border-radius-lg;
1036 
 
1037 
  background-color: $gray-200;
1038 
  font-size: $font-size-xs;
1039 
  color: $gray-800;
1040 
 
1041 
  transition: $transition-base;
1042 
}
1043 
 
1044 
.btn-special-icon--hover {
1045 
  background-color: $blue-200;
1046 
  color: $blue-700;
1047 
}
1048 
 
1049 
.btn--disabled {
1050 
  opacity: .3;
1051 
  cursor: not-allowed;
1052 
}
1053 
 
1054 
.editing_groupsnone,
1055 
.editing_groupsseparate,
1056 
.editing_groupsvisible {
1057 
  display: inline-flex;
1058 
  margin-left: 10px;
1059 
  padding: 10px 15px;
1060 
  border-radius: $btn-border-radius-lg;
1061 
  font-size: 13px;
1062 
  font-weight: $font-weight-medium;
1063 
 
1064 
  @include media-breakpoint-between(xs, sm) {
1065 
    margin-top: 10px;
1066 
    margin-left: 0;
1067 
    white-space: break-spaces;
1068 
  }
1069 
 
1070 
  .rui-icon-container {
1071 
    padding: 0 !important;
1072 
    margin: 0 !important;
1073 
    background-color: transparent !important;
1074 
  }
1075 
 
1076 
  .icon {
1077 
    width: 17px;
1078 
    height: 17px;
1079 
    margin-right: .5rem !important;
1080 
  }
1081 
 
1082 
  .dropdown-item--text {
1083 
    display: inline-flex !important;
1084 
  }
1085 
}
1086 
 
1087 
.editing_groupsnone {
1088 
  background-color: $red-100;
1089 
  color: $red-700;
1090 
 
1091 
  &:hover {
1092 
    background-color: $red-200;
1093 
    color: $red-800;
1094 
  }
1095 
 
1096 
  .icon {
1097 
    color: $red-600 !important;
1098 
  }
1099 
}
1100 
 
1101 
.editing_groupsseparate {
1102 
  background-color: $white;
1103 
  color: $body-color;
1104 
 
1105 
  &:hover {
1106 
    background-color: $gray-200;
1107 
    color: $body-color-secondary;
1108 
  }
1109 
 
1110 
  .icon {
1111 
    color: $body-color-secondary !important;
1112 
  }
1113 
}
1114 
 
1115 
.editing_groupsvisible {
1116 
  background-color: $green-100;
1117 
  color: $green-700;
1118 
 
1119 
  &:hover {
1120 
    background-color: $green-200;
1121 
    color: $green-600;
1122 
  }
1123 
 
1124 
  .icon {
1125 
    color: $green-600 !important;
1126 
  }
1127 
}
1128 
 
1129 
.helplink a {
1130 
  .icon {
1131 
    height: 18px;
1132 
  }
1133 
}
1134 
 
1135 
.rui-footer-btns {
1136 
  @include media-breakpoint-up(md) {
1137 
    display: inline-flex;
1138 
    align-items: baseline;
1139 
    flex-wrap: wrap;
1441 ariadna 1140 
    gap: 10px;
1 efrain 1141 
  }
1142 
 
1143 
  @include media-breakpoint-between(xs, sm) {
1144 
    display: block;
1145 
  }
1146 
 
1147 
  div {
1148 
    display: flex;
1149 
  }
1150 
 
1151 
  a {
1152 
    margin-right: .5rem;
1153 
 
1154 
    font-size: $font-size-xs;
1155 
    font-weight: $font-weight-medium;
1156 
    color: $body-color;
1157 
 
1158 
    .theme-dark & {
1159 
      color: $dm-body-color-light;
1160 
 
1161 
      &:after {
1162 
        background-color: $dm-link-hover-color;
1163 
      }
1164 
    }
1165 
 
1166 
    &:hover {
1167 
      color: $link-hover-color;
1168 
 
1169 
      .theme-dark & {
1170 
        color: $dm-link-hover-color;
1171 
      }
1172 
    }
1173 
 
1174 
    @include media-breakpoint-between(xs, sm) {
1175 
      width: 100%;
1176 
      margin-right: 0;
1177 
      margin-bottom: .35rem;
1178 
    }
1179 
 
1180 
    // Remove icons from all footer buttons
1441 ariadna 1181 
    .fa, img {
1 efrain 1182 
      display: none;
1183 
    }
1184 
  }
1185 
}
1186 
 
1187 
.course-content .collapsible-actions a.collapseall,
1188 
.course-content .collapsible-actions a.expandall {
1189 
  padding-left: 26px;
1190 
  background-position: 5px !important;
1191 
  background-size: 18px;
1192 
}
1193 
 
1194 
 
1195 
// Dark mode.
1196 
.btn--darkmode {
1197 
  border: none;
1198 
  border-radius: 40px;
1199 
  padding: 0;
1200 
  background-color: $black;
1201 
  color: $white;
1202 
 
1203 
  div {
1204 
    padding: 0;
1205 
    width: 30px;
1206 
    height: 30px;
1207 
    display: flex;
1208 
    justify-content: center;
1209 
    align-items: center;
1210 
  }
1211 
 
1212 
  .theme-dark & {
1213 
    background-color: #4a350d;
1214 
    color: $yellow-700;
1215 
  }
1216 
 
1217 
  &:hover {
1218 
    background-color: $gray-900;
1219 
    color: $gray-100;
1220 
 
1221 
    .theme-dark & {
1222 
      background-color: $dm-gray-200;
1223 
    }
1224 
  }
1225 
}
1226 
 
1227 
 
1228 
 
1229 
// Button Settings - Turn editin on/off
1230 
@include media-breakpoint-between(xs, sm) {
1231 
  .btn--text {
1232 
    display: none;
1233 
  }
1234 
}
1235 
 
1236 
.btn {
1237 
  svg {
1238 
    pointer-events: none
1239 
  }
1240 
}
1241 
 
1242 
// Tool Lp Competencies
1243 
// Edit icon next to string
1244 
#id_parentcompetencybutton {
1245 
  display: inline-flex;
1246 
}
1247 
 
1248 
.rui-debug {
1249 
  div {
1250 
    position: relative;
1251 
  }
1252 
}
1253 
 
1254 
.btn .rui-btn--icon {
1255 
  //margin-left: -7px;
1256 
  line-height: 1;
1257 
}
1258 
 
1259 
.btn-disabled {
1260 
  cursor: auto;
1261 
}
1262 
 
1263 
.path-mod-quiz .othernav a,
1264 
.path-mod-quiz .othernav input {
1265 
  margin: 0 0 5px;
1266 
  display: inline-flex;
1267 
}
1268 
 
1269 
.activity-add {
1270 
  background-color: $gray-100;
1271 
  color: $body-color;
1272 
  width: 100%;
1273 
 
1274 
  .theme-dark & {
1275 
    background-color: $dm-gray-200;
1276 
    color: $dm-body-color;
1277 
  }
1278 
 
1279 
  &:hover {
1280 
    background-color: var(--primary-color-200);
1281 
 
1282 
    .theme-dark & {
1283 
      background-color: $dm-black;
1284 
      color: $dm-body-color;
1285 
    }
1286 
  }
1287 
}
1288 
 
1289 
[data-action="toggle-manual-completion"] {
1290 
  position: relative;
1291 
  height: 42px;
1292 
}
1293 
 
1294 
 
1295 
/* File manager, cancel button border fix */
1296 
.fp-dlg-butcancel {
1297 
  border: 0;
1298 
}
1299 
 
1300 
.course-content-header a,
1301 
.course-content-footer a {
1302 
  padding-left: 3px;
1303 
 
1304 
  .icon {
1305 
    .theme-dark & {
1306 
      filter: invert(1);
1307 
    }
1308 
  }
1309 
}
1310 
 
1311 
.notesgroup p a {
1312 
  &:after {
1313 
    display: none;
1314 
  }
1315 
}
1316 
 
1317 
.dropdown-btn {
1318 
  background-color: var(--btn-secondary-color-bg);
1319 
  color: var(--btn-secondary-color-text);
1320 
 
1321 
  .theme-dark & {
1322 
    background-color: $dm-gray-100;
1323 
    color: $dm-body-color;
1324 
  }
1325 
}
1326 
 
1327 
// Tool Lp Competencies
1328 
// Edit icon next to string
1329 
#id_parentcompetencybutton {
1330 
  display: inline-flex;
1331 
}
1332 
 
1333 
.rui-debug {
1334 
  div {
1335 
    position: relative;
1336 
  }
1337 
}
1338 
 
1339 
.btn--name+.btn--icon,
1340 
.btn--icon+.btn--name {
1341 
  margin-left: .5rem;
1342 
}
1343 
 
1344 
.helpdoclink a {
1345 
  .icon {
1346 
    display: none;
1347 
  }
1348 
}
1349 
 
1350 
// Grade report user selector
1351 
.btn.dropdown-toggle {
1352 
  border: 0;
1353 
}
1354 
 
1355 
.dropdown-btn.btn-primary {
1356 
  color: $white;
1357 
}
1358 
 
1359 
.btn-insight {
1360 
  border-radius: $btn-border-radius;
1361 
}
1362 
 
1363 
// Moodle 4.3
1364 
.groupmode-information {
1365 
  display: inline-flex;
1366 
  flex-wrap: wrap;
1367 
  width: max-content;
1368 
  max-width: 100%;
1369 
 
1370 
  .icon {
1371 
    .theme-dark & {
1372 
      filter: invert(1);
1373 
    }
1374 
  }
1375 
}
1376 
 
1377 
.btn--completion {
1378 
  padding: 0 6px;
1379 
  height: 30px;
1380 
  border-radius: $btn-border-radius-lg;
1381 
}