Proyectos de Subversion Moodle

Rev

Rev 1 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1 Rev 1441
Línea 33... Línea 33...
33 
    display: none;
 33 
    display: none;
Línea 34... Línea 34...
34 
 
 34 
 
35 
    transition: $transition-base;
 35 
    transition: $transition-base;
Línea 36... Línea -...
36 
}
 - 
 
37 
 
 - 
 
38 
.sidebar-btn[aria-expanded="true"] {
 - 
 
39 
    .drawer-toggle-icon-open {
 - 
 
40 
        opacity: 1;
 - 
 
41 
        display: inline-flex;
 - 
 
42 
    }
 - 
 
43 
}
 - 
 
44 
 
 - 
 
45 
.sidebar-btn[aria-expanded="false"] {
 - 
 
46 
    .drawer-toggle-icon-close {
 - 
 
47 
        opacity: 1;
 - 
 
48 
        display: inline-flex;
 - 
 
49 
    }
 - 
 
50 
}
 36 
}
51 
 
 37 
 
52 
#nav-drawer {
 38 
#nav-drawer {
53 
    position: fixed;
 39 
    position: fixed;
54 
    z-index: $zindex-fixed + 10;
 40 
    z-index: $zindex-fixed + 10;
Línea 496... Línea 482...
496 
 
 482 
 
Línea 497... Línea 483...
497 
@include media-breakpoint-between(xs, sm) {
 483 
@include media-breakpoint-between(xs, sm) {
498 
 
 484 
 
499 
    body.drawer-open-left,
 485 
    body.drawer-open-left,
500 
    body.drawer-open-right {
 486 
    body.drawer-open-right {
501 
        overflow: hidden;
 487 
        overflow: auto;
Línea 502... Línea 488...
502 
    }
 488 
    }
503 
}
 489 
}
Línea 558... Línea 544...
558 
}
 544 
}
Línea 559... Línea 545...
559 
 
 545 
 
560 
.btn-drawer {
 546 
.btn-drawer {
561 
    position: fixed;
 547 
    position: fixed;
562 
    z-index: $zindex-fixed;
 - 
 
563 
    top: 100px;
 - 
 
564 
 
 - 
 
565 
    @include media-breakpoint-up(md) {
 - 
 
566 
        left: 40px;
 - 
 
567 
    }
 - 
 
568 
 
 - 
 
569 
    @include media-breakpoint-between(xs, sm) {
 - 
 
570 
        left: 10px;
 - 
 
571 
        top: auto;
 - 
 
572 
        bottom: 90px;
 - 
 
Línea 573... Línea 548...
573 
    }
 548 
    z-index: $zindex-fixed;
574 
 
 549 
 
575 
    display: flex;
 550 
    display: flex;
Línea 586... Línea 561...
586 
    border-radius: $btn-border-radius;
 561 
    border-radius: $btn-border-radius;
Línea 587... Línea 562...
587 
 
 562 
 
Línea 588... Línea 563...
588 
    transition: $transition-base;
 563 
    transition: $transition-base;
589 
 
 564 
 
590 
    &:hover {
 565 
    &:hover {
591 
        background-color: $primary-color-600;
 566 
        background-color: var(--main-theme-color);
Línea 592... Línea 567...
592 
        border-color: $primary-color-600;
 567 
        border-color: var(--main-theme-color);
593 
        color: $primary-color-100;
 568 
        color: var(--primary-color-100);
594 
 
 569 
 
595 
        .theme-dark & {
 570 
        .theme-dark & {
596 
            background-color: $primary-color-600;
 571 
            background-color: var(--main-theme-color);
597 
            border-color: $primary-color-600;
 572 
            border-color: var(--main-theme-color);
Línea 598... Línea -...
598 
            color: $primary-color-100;
 - 
 
599 
        }
 - 
 
600 
    }
 - 
 
601 
 
 - 
 
602 
 
 - 
 
603 
    @include media-breakpoint-between(xs, md) {
 573 
            color: var(--primary-color-100);
604 
        right: auto;
 574 
        }
605 
    }
 575 
    }
606 
 
 576 
 
607 
    .theme-dark & {
 577 
    .theme-dark & {
608 
        background-color: $dm-gray-100;
 578 
        background-color: $dm-gray-400;
Línea 609... Línea 579...
609 
        border-color: $dm-gray-100;
 579 
        border-color: $dm-gray-400;
Línea 626... Línea 596...
626 
    border-radius: 30px;
 596 
    border-radius: 30px;
627 
    font-size: $font-size-xs;
 597 
    font-size: $font-size-xs;
628 
    font-weight: $font-weight-medium;
 598 
    font-weight: $font-weight-medium;
Línea 629... Línea 599...
629 
 
 599 
 
630 
    background-color: transparent;
 600 
    background-color: transparent;
Línea 631... Línea 601...
631 
    color: $topbar-btn-text;
 601 
    color: var(--topbar-btn-text);
632 
 
 602 
 
633 
    .theme-dark & {
 603 
    .theme-dark & {
634 
        background-color: $dm-topbar-btn;
 604 
        background-color: $dm-topbar-btn;
Línea 635... Línea 605...
635 
        color: $dm-topbar-btn-text;
 605 
        color: $dm-topbar-btn-text;
636 
    }
 606 
    }
637 
 
 607 
 
Línea 638... Línea 608...
638 
    &:hover {
 608 
    &:hover {
639 
        background-color: $topbar-btn-hover;
 609 
        background-color: var(--topbar-btn-hover);
640 
        color: $topbar-btn-hover-text;
 610 
        color: $topbar-btn-hover-text;
Línea 721... Línea 691...
721 
            @include media-breakpoint-up(lg) {
 691 
            @include media-breakpoint-up(lg) {
722 
                left: 0;
 692 
                left: 0;
723 
            }
 693 
            }
Línea 724... Línea 694...
724
694
725 
            @include media-breakpoint-only(md) {
 695 
            @include media-breakpoint-only(md) {
726 
                top: 30px;
 696 
                top: 10px;
727 
                left: 30px;
 697 
                left: 10px;
728 
                border-radius: $btn-border-radius;
 698 
                border-radius: $btn-border-radius;
Línea 729... Línea 699...
729 
            }
 699 
            }
730 
 
 700