Last active
September 16, 2022 09:13
-
-
Save tkafka/979ce34a677dbe3d2d8a552e60382e50 to your computer and use it in GitHub Desktop.
Style for Weathergraph ImpressKit: https://impresskit.net/6430c7f0-b34b-418f-9824-f386f939be9a
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* See https://gist.github.com/tkafka/979ce34a677dbe3d2d8a552e60382e50 */ | |
:root { | |
--primary-color: #0074d9 !important; | |
} | |
html { | |
background-color: white !important; | |
} | |
li { | |
padding-bottom: none; | |
} | |
li + li { | |
padding-top: 0.5em; | |
} | |
ul { | |
margin-top: 0.5em !important; | |
margin-bottom: 0.5em !important; | |
} | |
/* sidebar */ | |
@media only screen and (max-width: 1100px) { | |
.presskit-sidebar { | |
width: 14em !important; | |
} | |
} | |
.presskit-product-icon, | |
#QRImage | |
{ | |
width: 8em !important; | |
height: auto !important; | |
} | |
.presskit-sidebar { | |
padding-top: 0 !important; | |
padding-bottom: 4em !important; | |
padding-left: 1.5em !important; | |
padding-right: 1.5em !important; | |
} | |
.temple-pattern-background { | |
background-color: none !important; | |
background-image: none !important; | |
} | |
.presskit-tagline { | |
font-weight: normal !important; | |
margin-top: 1em !important; | |
margin-bottom: 2em !important; | |
line-height: inherit !important; | |
/* (should inherit var(--tw-prose-body)) */ | |
color: #374151 !important; | |
} | |
.presskit-sidebar .presskit-links, | |
.presskit-sidebar .press-releases-list, | |
.presskit-sidebar .emailLink | |
{ | |
border: none !important; | |
padding-left: 0 !important; | |
margin-left: 0 !important; | |
} | |
.presskit-links-heading.label, .presskit-sidebar .label { | |
color: black !important; | |
} | |
.presskit-links > li { | |
margin-bottom: 0 !important; | |
} | |
.emailLink, | |
.qr-code-download > a, | |
ul.press-releases-list.mt-0 | |
{ | |
margin: 0.5em 0 !important; | |
} | |
.presskit-links a, | |
.presskit-sidebar a.emailLink, | |
.presskit-sidebar .press-releases-list a | |
{ | |
color: var(--primary-color) !important; | |
} | |
/* add spacing */ | |
.presskit-sidebar h6, | |
.qr-code-download | |
{ | |
margin-top: 2em !important; | |
} | |
/* top */ | |
.presskit-type-select { | |
margin: 4em 1em !important; | |
padding: 0.25em !important; | |
border-radius: 1.45em !important; | |
background-color: none !important; | |
border: 1px solid #eee; | |
} | |
.presskit-type-select a { | |
/* min-height: 2.4em !important; */ | |
line-height: 1.3em !important; | |
padding: 0.5em 1.5em !important; | |
border-radius: 1.2em !important; | |
} | |
/* content */ | |
.presskit-text-content { | |
border-top: none !important; | |
margin-top: 0 !important; | |
padding-top: 0 !important; | |
} | |
.presskit-text-content { | |
background-color: white !important; | |
} | |
/* airier text */ | |
.prose p { | |
line-height: 1.75 !important; | |
} | |
/* add text tracking */ | |
h2, | |
.prose :where(h2):not(:where([class~="not-prose"] *)), | |
h3, | |
.prose :where(h3):not(:where([class~="not-prose"] *)) | |
{ | |
letter-spacing: -.04em !important; | |
} | |
/* sane quotes */ | |
blockquote, | |
.prose :where(blockquote):not(:where([class~="not-prose"] *)) { | |
color: var(--tw-prose-body) !important; | |
color: rgb(80, 93, 112) !important; | |
font-weight: normal !important; | |
padding-left: 0 !important; | |
border-left: none !important; | |
} | |
/* color links */ | |
.prose :where(a):not(:where([class~="not-prose"] *)) { | |
color: var(--primary-color) !important; | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment