From abb3b46d574a0260ebcd796875edbab8f50ce5c6 Mon Sep 17 00:00:00 2001 From: Philipp Lang Date: Fri, 20 Aug 2021 13:18:14 +0200 Subject: [PATCH] Lint --- assets/css/app.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/assets/css/app.css b/assets/css/app.css index 13b82fe..617d0a3 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -52,14 +52,17 @@ body { color: var(--secondary); text-align: center; } + .radio-grid { display: grid; grid-gap: 2rem; grid-template-columns: repeat(3, 1fr); margin-top: 1rem; + label { height: 20rem; position: relative; + input { visibility: hidden; z-index: -99; @@ -79,12 +82,14 @@ body { left: 0; width: 100%; height: 100%; + span:first-child { display: flex; flex: 1 0 0; justify-content: center; align-items: center; } + span:nth-child(2) { flex: 0 0 4rem; background: var(--gray); @@ -97,6 +102,7 @@ body { input:checked + span { border-color: var(--secondary); } + svg { color: var(--secondary); fill: currentColor; @@ -105,34 +111,41 @@ body { } } } + .form-container { background: var(--container); border-radius: 2rem; padding: 3rem; display: grid; grid-gap: 1rem; + .separator { background: white; height: 5px; } + .form-grid { display: grid; grid-gap: 0.5rem; grid-template-columns: 2fr 3fr 30px; align-items: center; + input[type="text"], input[type="number"], input[type="tel"] { font-weight: bold; border: var(--primary) 1px solid; text-align: right; } + input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } + .unit { text-align: right; } + .comment { grid-column: 1 / -1; font-size: 1.5rem; @@ -145,6 +158,7 @@ body { .step { height: 5px; position: relative; + div { position: absolute; transition: width 0.5s;