X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Fcommon.scss;h=97822fe32037ad1185f6e004635a5371de4fb258;hb=9160186db0ea1b0da0edfec49cb3d99ead213bc4;hp=906d989c6f9fb2c598317f295d8cefd86caa70fb;hpb=f642f1eda2a68ad5e09b71ccdae1499bc9d31e4f;p=alttp.git diff --git a/resources/sass/common.scss b/resources/sass/common.scss index 906d989..97822fe 100644 --- a/resources/sass/common.scss +++ b/resources/sass/common.scss @@ -5,3 +5,71 @@ margin: -0.5rem 0.25rem; } } + +h1 { + margin-top: 2.5rem; + margin-bottom: 2rem; +} + +.button-bar { + > * { + margin-left: 0.5ex; + margin-right: 0.5ex; + } + > :first-child { + margin-left: 0; + } + > :last-child { + margin-right: 0; + } +} + +.modal-90w { + width: 90%; + max-width: none !important; +} + +.spoiler { + border-radius: 0.5ex; + padding: 0 0.5ex; + background: $dark; + color: $light; + + &.hidden { + cursor: pointer; + + > .content { + visibility: hidden; + } + } +} + +.text-discord { + color: $discord; +} +.text-twitch { + color: $twitch; +} + +.text-gold { + color: $gold; +} +.text-silver { + color: $silver; +} +.text-bronze { + color: $bronze; +} + +.zelda-icon { + display: inline-flex; + align-items: center; + width: 2em; + height: 2em; + + img { + margin: auto; + max-width: 100%; + max-height: 100%; + } +}