reformat and correct footer link color

This commit is contained in:
Amolith 2022-10-10 16:55:54 -04:00
parent 4baeae0fcd
commit 47e2aa1cd5
Signed by: Amolith
GPG Key ID: 8AE30347CE28D101
1 changed files with 144 additions and 133 deletions

View File

@ -15,7 +15,8 @@ code {
border-radius: 3px; border-radius: 3px;
padding: 0 4px; padding: 0 4px;
} }
code, pre { code,
pre {
font-size: 16px; font-size: 16px;
font-family: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-family: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
color: $dark; color: $dark;
@ -27,16 +28,16 @@ input {
height: 35px; height: 35px;
box-sizing: border-box; box-sizing: border-box;
box-shadow: 0 1px 1px rgba(12, 13, 14, 0.15), inset 0 1px 0 0 #fff; box-shadow: 0 1px 1px rgba(12, 13, 14, 0.15), inset 0 1px 0 0 #fff;
transition: .15s ease-out; transition: 0.15s ease-out;
} }
input[type=text] { input[type="text"] {
font-size: inherit; font-size: inherit;
color: $dark; color: $dark;
text-decoration: italic; text-decoration: italic;
border: 1px solid #9fa6ad; border: 1px solid #9fa6ad;
border-radius: 3px; border-radius: 3px;
} }
input[type=text]:focus { input[type="text"]:focus {
} }
.wrapper { .wrapper {
max-width: 600px; max-width: 600px;
@ -52,15 +53,22 @@ input[type=text]:focus {
} }
.content { .content {
h2, p, li, td { h2,
p,
li,
td {
a { a {
color: $dark; color: $dark;
text-decoration: none; text-decoration: none;
background-image: linear-gradient(120deg,$gradient-right 0%,$gradient-left 100%); background-image: linear-gradient(
120deg,
$gradient-right 0%,
$gradient-left 100%
);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 0 0; background-size: 0 0;
background-position: 100% 21%; background-position: 100% 21%;
transition: .15s ease-out; transition: 0.15s ease-out;
&:hover { &:hover {
background-size: 100% 100%; background-size: 100% 100%;
color: $light; color: $light;
@ -71,9 +79,9 @@ input[type=text]:focus {
&::after { &::after {
position: relative; position: relative;
content: "\FEFF°"; content: "\FEFF°";
margin-left: 0.10em; margin-left: 0.1em;
font-size: 90%; font-size: 90%;
top: -0.10em; top: -0.1em;
color: $light-highlight; color: $light-highlight;
font-feature-settings: "caps"; font-feature-settings: "caps";
font-variant-numeric: normal; font-variant-numeric: normal;
@ -151,6 +159,9 @@ input[type=text]:focus {
padding: 20px 0 20px 0; padding: 20px 0 20px 0;
text-align: center; text-align: center;
line-height: 30px; line-height: 30px;
a {
color: $dark;
}
a:visited { a:visited {
color: $dark; color: $dark;
} }