diff --git a/src/styles/main.scss b/src/styles/main.scss index f174366..1d6674b 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -10,7 +10,6 @@ body { font-size: 16px; position: relative; min-height: 95vh; - } h1 { @@ -45,7 +44,7 @@ main { border: 1px solid lighten($second-content-clr, 12%); min-width: 30vw; padding: 2vh; - padding-bottom: 30%; + padding-bottom: 32%; margin-inline: 10vw; margin-bottom: 11vh; background-repeat: no-repeat; @@ -58,7 +57,7 @@ td { border-color: #ffffff00; } -table{ +table { overflow: scroll; display: block; } @@ -76,10 +75,8 @@ a { vertical-align: -0.125em; content: " "; $external_svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2z'/%3E%3C/svg%3E"); - -webkit-mask: $external_svg - no-repeat center; - mask: $external_svg - no-repeat center; + -webkit-mask: $external_svg no-repeat center; + mask: $external_svg no-repeat center; background-color: $link; // This will color the SVG } &.social::after { @@ -125,8 +122,8 @@ figure { max-width: 50vw; background-color: #282a36; border-radius: 20px; - .frame.is-terminal .header::before{ - background-color: gray!important; + .frame.is-terminal .header::before { + background-color: gray !important; } } @@ -150,12 +147,12 @@ svg { margin-bottom: -2px; } -img{ +img { max-width: 100%; max-height: 100%; } -button{ +button { $button-color: #42b971; padding-block: 10px; padding-inline: 20px; @@ -165,8 +162,8 @@ button{ background-color: $button-color; border: 1px solid lighten($button-color, 12%); font-size: 18px; - &:active{ - background-color: darken($button-color,10); + &:active { + background-color: darken($button-color, 10); transform: translateY(1px); } -} \ No newline at end of file +}