diff options
Diffstat (limited to 'src/styles/settings.scss')
-rw-r--r-- | src/styles/settings.scss | 162 |
1 files changed, 83 insertions, 79 deletions
diff --git a/src/styles/settings.scss b/src/styles/settings.scss index f16fc91fd..50accd8d7 100644 --- a/src/styles/settings.scss +++ b/src/styles/settings.scss | |||
@@ -23,7 +23,6 @@ | |||
23 | } | 23 | } |
24 | 24 | ||
25 | .theme__dark { | 25 | .theme__dark { |
26 | |||
27 | .settings__hr { | 26 | .settings__hr { |
28 | color: rgba($dark-theme-gray, 0.8); | 27 | color: rgba($dark-theme-gray, 0.8); |
29 | } | 28 | } |
@@ -236,7 +235,7 @@ | |||
236 | @extend %headline; | 235 | @extend %headline; |
237 | 236 | ||
238 | &__secondary { | 237 | &__secondary { |
239 | padding-left: 5px | 238 | padding-left: 5px; |
240 | } | 239 | } |
241 | } | 240 | } |
242 | 241 | ||
@@ -416,17 +415,20 @@ | |||
416 | } | 415 | } |
417 | } | 416 | } |
418 | 417 | ||
419 | .settings__open-recipe-file-button, .settings__open-settings-file-button { | 418 | .settings__open-recipe-file-button, |
419 | .settings__open-settings-file-button { | ||
420 | cursor: pointer; | 420 | cursor: pointer; |
421 | margin-right: 10px; | 421 | margin-right: 10px; |
422 | } | 422 | } |
423 | .settings__open-recipe-file-container, .settings__open-settings-file-container { | 423 | .settings__open-recipe-file-container, |
424 | .settings__open-settings-file-container { | ||
424 | margin-top: 20px; | 425 | margin-top: 20px; |
425 | display: flex; | 426 | display: flex; |
426 | height: auto !important; | 427 | height: auto !important; |
427 | } | 428 | } |
428 | 429 | ||
429 | .settings__open-settings-cache-button, .settings__open-settings-cache-container { | 430 | .settings__open-settings-cache-button, |
431 | .settings__open-settings-cache-container { | ||
430 | cursor: pointer; | 432 | cursor: pointer; |
431 | margin-right: 10px; | 433 | margin-right: 10px; |
432 | } | 434 | } |
@@ -586,7 +588,8 @@ | |||
586 | padding: 0 20px; | 588 | padding: 0 20px; |
587 | text-decoration: none; | 589 | text-decoration: none; |
588 | @media (prefers-reduced-motion: no-preference) { | 590 | @media (prefers-reduced-motion: no-preference) { |
589 | transition: background $theme-transition-time, | 591 | transition: |
592 | background $theme-transition-time, | ||
590 | color $theme-transition-time; | 593 | color $theme-transition-time; |
591 | } | 594 | } |
592 | border-bottom: 1px solid darken($theme-gray-lightest, 3%); | 595 | border-bottom: 1px solid darken($theme-gray-lightest, 3%); |
@@ -613,7 +616,8 @@ | |||
613 | .badge { | 616 | .badge { |
614 | display: initial; | 617 | display: initial; |
615 | @media (prefers-reduced-motion: no-preference) { | 618 | @media (prefers-reduced-motion: no-preference) { |
616 | transition: background $theme-transition-time, | 619 | transition: |
620 | background $theme-transition-time, | ||
617 | color $theme-transition-time; | 621 | color $theme-transition-time; |
618 | } | 622 | } |
619 | } | 623 | } |
@@ -642,86 +646,86 @@ | |||
642 | .releasenotes__body { | 646 | .releasenotes__body { |
643 | line-height: 150%; | 647 | line-height: 150%; |
644 | 648 | ||
645 | h1 { | 649 | h1 { |
646 | margin-top: 0; | 650 | margin-top: 0; |
647 | font-weight: 400; | 651 | font-weight: 400; |
648 | font-size: xx-large; | 652 | font-size: xx-large; |
649 | text-align: center; | 653 | text-align: center; |
650 | } | 654 | } |
651 | 655 | ||
652 | h2 { | 656 | h2 { |
653 | margin-top: 10%; | 657 | margin-top: 10%; |
654 | font-weight: 400; | 658 | font-weight: 400; |
655 | font-size: x-large; | 659 | font-size: x-large; |
656 | text-align: center; | 660 | text-align: center; |
657 | margin-bottom: 2%; | 661 | margin-bottom: 2%; |
658 | } | 662 | } |
659 | 663 | ||
660 | h3 { | 664 | h3 { |
661 | margin-top: 5%; | 665 | margin-top: 5%; |
662 | font-weight: 400; | 666 | font-weight: 400; |
663 | font-size: large; | 667 | font-size: large; |
664 | text-align: center; | 668 | text-align: center; |
665 | margin-bottom: 2%; | 669 | margin-bottom: 2%; |
666 | } | 670 | } |
667 | 671 | ||
668 | h4 { | 672 | h4 { |
669 | margin-top: 5%; | 673 | margin-top: 5%; |
670 | font-weight: 400; | 674 | font-weight: 400; |
671 | font-size: medium; | 675 | font-size: medium; |
672 | text-align: center; | 676 | text-align: center; |
673 | margin-bottom: 2%; | 677 | margin-bottom: 2%; |
674 | } | 678 | } |
675 | 679 | ||
676 | h5 { | 680 | h5 { |
677 | margin-top: 5%; | 681 | margin-top: 5%; |
678 | font-weight: 400; | 682 | font-weight: 400; |
679 | text-align: center; | 683 | text-align: center; |
680 | margin-bottom: 2%; | 684 | margin-bottom: 2%; |
681 | } | 685 | } |
682 | 686 | ||
683 | p { | 687 | p { |
684 | margin-top: 4%; | 688 | margin-top: 4%; |
685 | margin-bottom: 4%; | 689 | margin-bottom: 4%; |
686 | user-select: text; | 690 | user-select: text; |
687 | } | 691 | } |
688 | 692 | ||
689 | a { | 693 | a { |
690 | color: rgb(0, 102, 255) !important; | 694 | color: rgb(0, 102, 255) !important; |
691 | user-select: text; | 695 | user-select: text; |
692 | } | 696 | } |
693 | 697 | ||
694 | code { | 698 | code { |
695 | background: #f4f4f4; | 699 | background: #f4f4f4; |
696 | border: 1px solid #ddd; | 700 | border: 1px solid #ddd; |
697 | border-radius: 5px; | 701 | border-radius: 5px; |
698 | padding: 0.2em 0.4em; | 702 | padding: 0.2em 0.4em; |
699 | font-size: 85%; | 703 | font-size: 85%; |
700 | color: #666; | 704 | color: #666; |
701 | font-family: monospace; | 705 | font-family: monospace; |
702 | margin-bottom: 1.6em; | 706 | margin-bottom: 1.6em; |
703 | max-width: 100%; | 707 | max-width: 100%; |
704 | overflow: auto; | 708 | overflow: auto; |
705 | user-select: text; | 709 | user-select: text; |
706 | } | 710 | } |
707 | 711 | ||
708 | ul { | 712 | ul { |
709 | padding-left: 2rem; | 713 | padding-left: 2rem; |
710 | } | 714 | } |
711 | 715 | ||
712 | li { | 716 | li { |
713 | margin-top: 2%; | 717 | margin-top: 2%; |
714 | list-style-type: disc; | 718 | list-style-type: disc; |
715 | user-select: text; | 719 | user-select: text; |
716 | } | 720 | } |
717 | 721 | ||
718 | img { | 722 | img { |
719 | max-width: 100%; | 723 | max-width: 100%; |
720 | margin-top: 2%; | 724 | margin-top: 2%; |
721 | margin-bottom: 2%; | 725 | margin-bottom: 2%; |
722 | align-items: center; | 726 | align-items: center; |
723 | display: block; | 727 | display: block; |
724 | margin-left: auto; | 728 | margin-left: auto; |
725 | margin-right: auto; | 729 | margin-right: auto; |
726 | } | 730 | } |
727 | } | 731 | } |