diff options
Diffstat (limited to 'css/footer.scss')
| -rw-r--r-- | css/footer.scss | 42 |
1 files changed, 18 insertions, 24 deletions
diff --git a/css/footer.scss b/css/footer.scss index 36a2752..06243b0 100644 --- a/css/footer.scss +++ b/css/footer.scss @@ -1,45 +1,26 @@ #footer { background-color: var(--foregroundColour); border-radius: 1rem; - font-family: "Martian Mono", "monospace"; - font-size: 0.75em; + font-family: $monospaceFont; margin-top: 1rem; padding: 1rem; - #emailAddress { - background-color: var(--textColour); - display: inline-block; - height: 1em; - image-rendering: pixelated; - mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALcAAAAICAYAAAC78m4/AAAA/UlEQVRYw+1XQQ7EIAiExv9/2T01IQQJDNZ0rdyEFmEcBJmIqPfe6ciRzYRvYjMzS4Mk/Mim9RXbbY/YkGLM5BDdI4PZKAe5zuJi+fDWmTPK5F3hS2RPNPdLK/RHnk1ulLFJnbWWOsuGEhuNJetT27I5eP95WFskqJ5fJM4oX1Cso3FqXUNvrZHTWSNO5Zb+i5bpkGhmh/rMCGJwsEWJ6oEmq4mZefRftkpXEmq1T3Q0QPGMFNNul8kVBRYdD9CW94TMGHFW+ETx9OLw4nzTGVVw0cXa5INlxq2APEisNow8cN8EtMYzE2clP+9humIUqHKpwjOd+9Zz7ZFvyw87v+eHE6E5DAAAAABJRU5ErkJggg"); - mask-position: center; - mask-repeat: no-repeat; - mask-size: cover; - vertical-align: middle; - width: calc(183em / 8); - } - - #footerHeading { + h1 { font-size: 2em; font-weight: bold; &::after { background-color: var(--textColour); - border-radius: 0.25rem; + border-radius: $separatorWidth; content: ""; display: block; - height: 0.25rem; + height: $separatorWidth; margin-bottom: 1rem; - margin-top: 0.25rem; + margin-top: $separatorWidth; width: 100%; } } - img { - display: block; - margin: auto; - } - table { border-collapse: collapse; @@ -61,4 +42,17 @@ } } } + + #emailAddress { + background-color: var(--textColour); + display: inline-block; + height: 1em; + image-rendering: pixelated; + mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALcAAAAICAYAAAC78m4/AAAA/UlEQVRYw+1XQQ7EIAiExv9/2T01IQQJDNZ0rdyEFmEcBJmIqPfe6ciRzYRvYjMzS4Mk/Mim9RXbbY/YkGLM5BDdI4PZKAe5zuJi+fDWmTPK5F3hS2RPNPdLK/RHnk1ulLFJnbWWOsuGEhuNJetT27I5eP95WFskqJ5fJM4oX1Cso3FqXUNvrZHTWSNO5Zb+i5bpkGhmh/rMCGJwsEWJ6oEmq4mZefRftkpXEmq1T3Q0QPGMFNNul8kVBRYdD9CW94TMGHFW+ETx9OLw4nzTGVVw0cXa5INlxq2APEisNow8cN8EtMYzE2clP+9humIUqHKpwjOd+9Zz7ZFvyw87v+eHE6E5DAAAAABJRU5ErkJggg"); + mask-position: center; + mask-repeat: no-repeat; + mask-size: cover; + vertical-align: middle; + width: calc(183em / 8); + } } |