foster/website
1
0
Fork 0
Code Issues 8 Pull requests Activity

Overhaul text sizing

Browse source
This commit is contained in:
Foster Hangdaan 2023-12-03 20:05:41 -05:00
parent ee5ca29c75
commit f967b8083d
Signed by: foster
GPG key ID: E48D7F49A852F112
2 changed files with 4 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
_includes/styles/base.scss
View file

@ -24,11 +24,6 @@ .main-content {
padding: 0 1rem; padding: 0 1rem;
margin: 0 auto; margin: 0 auto;
max-width: var(--page--max-width); max-width: var(--page--max-width);
@media screen and (min-width: 48rem) {
font-size: 1.125rem;
line-height: 1.666667;
letter-spacing: -0.01em;
}
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
@ -132,7 +127,6 @@ pre {
page-break-inside: avoid; page-break-inside: avoid;
word-wrap: break-word; word-wrap: break-word;
font-family: var(--font--mono); font-family: var(--font--mono);
line-height: 1.5;
background-color: var(--color-bg--layer-01); background-color: var(--color-bg--layer-01);
code { code {
background-color: transparent !important; background-color: transparent !important;
@ -157,28 +151,19 @@ blockquote {
border-left: 3rem solid var(--color-black); border-left: 3rem solid var(--color-black);
padding: 1em; padding: 1em;
margin: 1em 0; margin: 1em 0;
@media screen and (min-width: 48rem) {
border-left: 4rem solid var(--color-black);
}
&::before { &::before {
display: block; display: block;
position: absolute; position: absolute;
height: 24px; height: 1.5rem;
width: 24px; width: 1.5rem;
top: 50%; top: 50%;
margin-top: -12px; margin-top: -0.75rem;
left: calc(-0.75rem - 24px); left: calc(-0.75rem - 1.5rem);
filter: var(--filter-bg); filter: var(--filter-bg);
content: ""; content: "";
background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/quote.svg"); background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/quote.svg");
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-size: contain !important; background-size: contain !important;
@media screen and (min-width: 48rem) {
margin-top: -16px;
left: calc(-1rem - 32px);
height: 32px;
width: 32px;
}
} }
&.info { &.info {
&::before { &::before {

4
_includes/styles/components/header.scss
View file

@ -10,10 +10,6 @@ .page-header {
background-clip: text; background-clip: text;
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
@media screen and (min-width: 48rem) {
font-size: 2.5rem;
letter-spacing: -0.02em;
}
} }
p.author { p.author {
font-family: var(--font--sans-serif-alt); font-family: var(--font--sans-serif-alt);