aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/settings.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles/settings.scss')
-rw-r--r--src/styles/settings.scss162
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}