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