From aaf646b552ffd088e1f67e0e9ea9f9188984eee1 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Thu, 22 Apr 2021 18:19:59 +0200 Subject: custom roadblock --- frontend/site/projects/museum/app/roadblock.css | 36 +++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 frontend/site/projects/museum/app/roadblock.css (limited to 'frontend/site/projects/museum/app/roadblock.css') diff --git a/frontend/site/projects/museum/app/roadblock.css b/frontend/site/projects/museum/app/roadblock.css new file mode 100644 index 0000000..73102af --- /dev/null +++ b/frontend/site/projects/museum/app/roadblock.css @@ -0,0 +1,36 @@ +.roadblock { + background: #111; + color: #ff790d; + position: absolute; + top: 0; left: 0; + width: 100vw; + height: 100vh; + padding: 1rem 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-between; +} +.roadblock-byline { + font-family: "Druk Wide"; + opacity: 1; + white-space: nowrap; + transition: opacity 0.2s; + font-size: 4.2vh; + width: 100vw; + text-align: center; + line-height: 1.1; +} +.roadblock-title { + font-family: "Druk"; + font-weight: 900; + font-style: italic; + white-space: nowrap; + font-size: 49vh; + text-align: center; + line-height: 0.7; + transition: top 0.2s cubic-bezier(0,0,0,1); +} +.roadblock-title span { + margin-left: -2vh; +} -- cgit v1.2.3-70-g09d2