diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css index f889a267..ecb09750 100644 --- a/src/assets/styles/index.css +++ b/src/assets/styles/index.css @@ -443,10 +443,7 @@ code { } .pill--button.pill--button__small { - padding-top: .25rem; - padding-bottom: .25rem; - padding-left: .5rem; - padding-right: .5rem; + padding: .25rem .5rem; margin-right: .5rem; margin-bottom: .5rem; font-size: var(--font-size-sm); @@ -469,8 +466,7 @@ code { /* articles */ article h2 { line-height: var(--line-height-2xl); - margin-top: 0; - margin-bottom: 0; + margin: 0; } article time { @@ -531,25 +527,18 @@ article time { animation: spin 1s linear infinite; } -.link--icon svg { - color: var(--gray-200); -} - -.link--icon:hover svg { - color: var(--blue-200); -} - -.link--icon svg, -.pagination button > svg { - transition-property: stroke; -} - /* lists */ ul, ol { padding-left: 1.25rem; list-style-position: inside; } +ul li, +ol li { + margin-top: .375rem; + margin-bottom: .5rem; +} + .footnotes-list { margin-bottom: 0 !important; padding-left: 0 !important; @@ -559,15 +548,8 @@ ul, ol { margin-bottom: 0; } -ul li, -ol li { - margin-top: .375rem; - margin-bottom: .5rem; -} - /* images */ .image__banner { - overflow: hidden; border: 1px solid var(--blue-600); border-radius: var(--rounded-lg); } @@ -596,7 +578,6 @@ ol li { display: flex; padding: 1rem; background-color: var(--white); - overflow: hidden; } .avatar__wrapper .avatar__wrapper--interior > * { @@ -674,7 +655,6 @@ article .now__section--header { .media__grid .item__wrapper { position: relative; - overflow: hidden; height: 100%; width: 100%; border: 1px solid var(--blue-600); @@ -815,7 +795,6 @@ article .now__section--header { height: 3.5rem; margin-bottom: 0; border-radius: var(--rounded-full); - overflow: hidden; border: 4px solid var(--white); } @@ -846,7 +825,6 @@ article .now__section--header { .author__wrapper > .avatar__wrapper > .avatar__wrapper--interior { border: 1px solid var(--blue-600); border-radius: var(--rounded-full); - overflow: hidden; margin-bottom: 1rem; margin-right: 0; padding: .25rem; @@ -879,7 +857,6 @@ article .now__section--header { .progress-bar__wrapper { display: flex; - overflow: hidden; background-color: rgba(217, 222, 228, .6); border-radius: var(--rounded-lg); height: 1rem; @@ -1007,6 +984,15 @@ footer .links__secondary { justify-content: center; } +.image__banner, +.avatar__wrapper .avatar__wrapper--interior, +.media__grid .item__wrapper, +.webmentions__wrapper .interaction__wrapper .avatar__wrapper, +.author__wrapper > .avatar__wrapper > .avatar__wrapper--interior, +.progress-bar__wrapper { + overflow: hidden; +} + /* screens: small */ @media screen and (min-width: 640px) { main {