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

🛠 Ticker improvements

Browse Source
This commit is contained in:
Dennis Reimann
2020-10-13 16:23:48 +02:00
parent 1befef01b5
commit 00e53a43eb
4 changed files with 28 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/css/sections/home.css
View File

@@ -4,19 +4,35 @@
}
.ticker {
position: relative;
overflow: hidden;
background: var(--color-card-bg);
transition-property: background-color;
transition-duration: var(--transition-duration-fast);
margin: -15px 0 var(--space-xl);
padding: var(--space-m) 0;
display: flex;
align-items: center;
flex-wrap: nowrap;
font-size: var(--font-size-s);
font-size: var(--font-size-xs);
& pre {
&:after {
position: absolute;
top: 0;
left: 0;
bottom: 0;
content: '₿reaking:';
padding: var(--space-m);
text-transform: uppercase;
color: var(--color-neutral-0);
background: var(--color-accent);
font-weight: var(--font-weight-bold);
}
& span {
white-space: nowrap;
text-size-adjust: none;
-webkit-text-size-adjust: none;
animation-name: marquee;
animation-timing-function: linear;
animation-iteration-count: infinite;