diff options
Diffstat (limited to 'client/src/sass/include/_mixins.scss')
-rw-r--r-- | client/src/sass/include/_mixins.scss | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index e8dfb79bc..f96a43b34 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -621,3 +621,85 @@ | |||
621 | } | 621 | } |
622 | } | 622 | } |
623 | } | 623 | } |
624 | |||
625 | @mixin breadcrumb { | ||
626 | display: flex; | ||
627 | flex-wrap: wrap; | ||
628 | padding: 0.75rem 1rem; | ||
629 | margin-bottom: 1rem; | ||
630 | list-style: none; | ||
631 | background-color: var(--submenuColor); | ||
632 | border-radius: 0.25rem; | ||
633 | |||
634 | .breadcrumb-item { | ||
635 | display: flex; | ||
636 | |||
637 | a { | ||
638 | color: var(--mainColor); | ||
639 | } | ||
640 | |||
641 | & + .breadcrumb-item { | ||
642 | padding-left: 0.5rem; | ||
643 | &::before { | ||
644 | display: inline-block; | ||
645 | padding-right: 0.5rem; | ||
646 | color: #6c757d; | ||
647 | content: "/"; | ||
648 | } | ||
649 | } | ||
650 | |||
651 | &.active { | ||
652 | color: #6c757d; | ||
653 | } | ||
654 | } | ||
655 | } | ||
656 | |||
657 | @mixin dashboard { | ||
658 | display: flex; | ||
659 | flex-wrap: wrap; | ||
660 | margin: 0 -5px; | ||
661 | |||
662 | & > div { | ||
663 | box-sizing: border-box; | ||
664 | flex: 0 0 percentage(1/3); | ||
665 | padding: 0 5px; | ||
666 | margin-bottom: 10px; | ||
667 | |||
668 | & > a { | ||
669 | text-decoration: none; | ||
670 | color: inherit; | ||
671 | display: block; | ||
672 | font-size: 18px; | ||
673 | |||
674 | &:active, | ||
675 | &:focus, | ||
676 | &:hover { | ||
677 | opacity: .8; | ||
678 | } | ||
679 | } | ||
680 | |||
681 | & > a, | ||
682 | & > div { | ||
683 | padding: 20px; | ||
684 | background: var(--submenuColor); | ||
685 | border-radius: 4px; | ||
686 | box-sizing: border-box; | ||
687 | height: 100%; | ||
688 | } | ||
689 | } | ||
690 | |||
691 | .dashboard-num, .dashboard-text { | ||
692 | text-align: center; | ||
693 | font-size: 130%; | ||
694 | line-height: 21px; | ||
695 | color: var(--mainForegroundColor); | ||
696 | line-height: 30px; | ||
697 | margin-bottom: 20px; | ||
698 | } | ||
699 | |||
700 | .dashboard-label { | ||
701 | font-size: 90%; | ||
702 | color: var(--inputPlaceholderColor); | ||
703 | text-align: center; | ||
704 | } | ||
705 | } | ||