Lint

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;