diff --git a/_includes/styles/base.scss b/_includes/styles/base.scss index 336832e..dbd7fa9 100644 --- a/_includes/styles/base.scss +++ b/_includes/styles/base.scss @@ -24,11 +24,6 @@ .main-content { padding: 0 1rem; margin: 0 auto; 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 { @@ -132,7 +127,6 @@ pre { page-break-inside: avoid; word-wrap: break-word; font-family: var(--font--mono); - line-height: 1.5; background-color: var(--color-bg--layer-01); code { background-color: transparent !important; @@ -157,28 +151,19 @@ blockquote { border-left: 3rem solid var(--color-black); padding: 1em; margin: 1em 0; - @media screen and (min-width: 48rem) { - border-left: 4rem solid var(--color-black); - } &::before { display: block; position: absolute; - height: 24px; - width: 24px; + height: 1.5rem; + width: 1.5rem; top: 50%; - margin-top: -12px; - left: calc(-0.75rem - 24px); + margin-top: -0.75rem; + left: calc(-0.75rem - 1.5rem); filter: var(--filter-bg); content: ""; background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/quote.svg"); background-repeat: no-repeat !important; background-size: contain !important; - @media screen and (min-width: 48rem) { - margin-top: -16px; - left: calc(-1rem - 32px); - height: 32px; - width: 32px; - } } &.info { &::before { diff --git a/_includes/styles/components/header.scss b/_includes/styles/components/header.scss index 9496eab..41b1c16 100644 --- a/_includes/styles/components/header.scss +++ b/_includes/styles/components/header.scss @@ -10,10 +10,6 @@ .page-header { background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; - @media screen and (min-width: 48rem) { - font-size: 2.5rem; - letter-spacing: -0.02em; - } } p.author { font-family: var(--font--sans-serif-alt);