einundzwanzig/einundzwanzig.space
1
0
Fork 0
mirror of https://github.com/Einundzwanzig-Podcast/einundzwanzig.space.git synced 2025-12-15 01:06:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

👆 Add subscribe button

Browse Source
This commit is contained in:
Dennis Reimann
2020-10-07 18:47:19 +02:00
parent e267773b0a
commit 153fddfaa0
10 changed files with 84 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/css/base/elements.css
View File

@@ -146,18 +146,53 @@ img:-moz-loading {
display: inline-block;
text-align: center;
padding: var(--space-m) var(--space-l);
color: var(--color-neutral-0);
font-weight: var(--font-weight-bold);
color: #2a1801;
background-color: var(--color-accent);
text-decoration: none;
text-transform: uppercase;
border-radius: var(--space-m);
transition-property: color, background;
transition-duration: var(--transition-duration-fast);
&:hover {
@media not all and (hover: none) {
color: var(--color-neutral-0);
color: #2a1801;
background-color: var(--color-accent-highlight);
text-decoration: none;
}
}
}
.podlove-subscribe-button-iframe {
margin-top: var(--space-m);
border-radius: var(--space-m);
}
#podlove-subscribe-popup {
background-color: var(--color-overlay-bg) !important;
& #podlove-subscribe-popup-modal {
& * {
font-family: var(--font-family-base) !important;
font-weight: var(--font-weight-regular) !important;
}
& .top-bar,
& .podlove-logo,
& .device-cloud-switch,
& #podlove-subscribe-panel-podcast,
& #podlove-subscribe-panel-clients,
& #podlove-subscribe-panel-finish {
color: var(--color-body-text) !important;
background-color: var(--color-card-bg) !important;
transition-property: color, background-color;
transition-duration: var(--transition-duration-fast);
& li,
& .device-cloud-switch {
border-color: var(--color-body-bg) !important;
}
}
}
}

5
src/css/base/variables.css
View File

@@ -11,6 +11,7 @@
--color-neutral-90: #222;
--color-neutral-95: #1B1B1B;
--color-overlay-bg: rgba(200, 200, 200, .95);
--color-body-text: var(--color-neutral-90);
--color-body-bg: var(--color-neutral-0);
--color-card-bg: var(--color-neutral-10);
@@ -33,7 +34,7 @@
--font-family-base: 'Inconsolata', monospace;
--font-weight-normal: 400;
--font-weight-regular: 400;
--font-weight-bold: 700;
--font-size-base: 18px;
@@ -62,6 +63,7 @@
--color-body-text: var(--color-neutral-0);
--color-body-bg: var(--color-neutral-90);
--color-card-bg: var(--color-neutral-95);
--color-overlay-bg: rgba(0, 0, 0, .95);
}
@media (prefers-color-scheme: dark) {
@@ -69,5 +71,6 @@
--color-body-text: var(--color-neutral-0);
--color-body-bg: var(--color-neutral-90);
--color-card-bg: var(--color-neutral-95);
--color-overlay-bg: rgba(20, 20, 20, .95);
}
}