diff options
author | 2020-10-12 00:58:49 +0100 | |
---|---|---|
committer | 2020-10-12 00:58:49 +0100 | |
commit | 914614e58e901e5f32b632b2cc05f151dafd71e8 (patch) | |
tree | cb586e03deac0f5d225810c6e389224e0d421a85 /pydis_site | |
parent | Add fontawesome icons to every timeline event (diff) |
Better scale YouTube videos
Diffstat (limited to 'pydis_site')
-rw-r--r-- | pydis_site/static/css/home/timeline.css | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/pydis_site/static/css/home/timeline.css b/pydis_site/static/css/home/timeline.css index 77b2f8da..00e0b447 100644 --- a/pydis_site/static/css/home/timeline.css +++ b/pydis_site/static/css/home/timeline.css @@ -33,7 +33,7 @@ button, input, textarea, select { position: relative; width: 100%; height: 0; - padding-bottom: 56.25%; + padding-bottom: 75%; } .video { position: absolute; @@ -3463,9 +3463,14 @@ mark { box-shadow: 0 0 0 4px var(--color-white), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05) } +.cd-timeline__img i { + font-size: 1.5em; + color: white; +} + .cd-timeline__img img { - width: 24px; - height: 24px + width: 30px; + height: 30px; } @media (min-width: 64rem) { @@ -3477,14 +3482,14 @@ mark { margin-left: calc(5% - 30px); will-change: transform } + .cd-timeline__block:nth-child(even) .cd-timeline__img { margin-right: calc(5% - 30px) } } .cd-timeline__img--picture { - background-color: hsl(111, 51%, 60%); - background-color: var(--cd-color-4) + background-color: #7289DA; } .cd-timeline__img--movie { |