diff --git a/src/assets/downloads/style.css b/src/assets/downloads/style.css index 8e6f89a..9949065 100644 --- a/src/assets/downloads/style.css +++ b/src/assets/downloads/style.css @@ -1,4 +1,5 @@ -@import url(https://fonts.googleapis.com/css?family=Lato:300,300italic,400,700,700italic); +/* stylelint-disable no-descending-specificity */ +@import url("https://fonts.googleapis.com/css?family=Lato:300,300italic,400,700,700italic"); /** * Base Elements @@ -21,7 +22,8 @@ div, span, a, button { - font-family: 'Lato', 'Open Sans', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif; + font-family: Lato, "Open Sans", "Helvetica Neue", "Segoe UI", Helvetica, Arial, + sans-serif; line-height: 1.5; } @@ -48,7 +50,7 @@ p { */ .button { - padding: 10px 30px 10px; + padding: 10px 30px; text-decoration: none; color: #fff; background: #016aba; @@ -63,6 +65,7 @@ p { .button:hover { opacity: 1; } + /** * Body Container */ @@ -73,6 +76,7 @@ p { background: #f9f9f9; margin: 0 auto; } + /** * Top Navigation */ @@ -80,7 +84,7 @@ p { .menu { height: 4em; background-color: #677ae4; - background-color: #05526A; + background-color: #05526a; background-color: #e46855; } @@ -132,7 +136,7 @@ p { font-size: 18px; width: 500px; margin: 20px auto 50px; - background-color: rgba(255, 255, 255, 0.75); + background-color: rgb(255 255 255 / 75%); border: solid 1px lightgray; display: block; } @@ -166,8 +170,8 @@ p { top: 54px; left: 10px; background-color: #f6f6f6; - border-right: 1px solid rgba(0, 0, 0, 0.05); - border-bottom: 1px solid rgba(0, 0, 0, 0.05); + border-right: 1px solid rgb(0 0 0 / 5%); + border-bottom: 1px solid rgb(0 0 0 / 5%); } .results { @@ -182,6 +186,7 @@ p { .menu .results li:hover { background: #f3f3f3; } + /** * Content Area */ @@ -189,6 +194,7 @@ p { .body { padding: 15px; } + /** * Similar to Jumbotron */ @@ -260,7 +266,7 @@ p { outline: none; } -.rental button.image:after { +.rental button.image::after { content: ""; position: absolute; top: 0; @@ -276,7 +282,8 @@ p { transition: opacity 0.25s ease-in-out; } -.rental button.image:focus:after, .rental button.image:hover:after { +.rental button.image:focus::after, +.rental button.image:hover::after { opacity: 0.1; } @@ -285,7 +292,7 @@ p { } .rental .image.large { - margin: 30px 25px 50px 25px; + margin: 30px 25px 50px; flex-basis: 100%; } @@ -302,7 +309,7 @@ p { .rental .image.large small { margin-top: 10px; - margin-bottom: 0px; + margin-bottom: 0; font-size: 110%; } @@ -341,7 +348,7 @@ p { flex-grow: 0; flex-basis: 150px; font-size: 0; - margin: 0px 25px; + margin: 0 25px; } .rental .map img { @@ -359,7 +366,7 @@ p { } .rental.detailed .image.large { - margin: 30px 25px 50px 25px; + margin: 30px 25px 50px; flex-basis: 100%; } @@ -373,7 +380,7 @@ p { } .rental.detailed .detail { - margin: 5px 0px; + margin: 5px 0; flex-basis: 100%; flex-shrink: 2; } @@ -386,7 +393,7 @@ p { .rental.detailed .map { flex-basis: 100%; - margin: 50px 25px 25px 25px; + margin: 50px 25px 25px; } .rental.detailed .map img { @@ -395,8 +402,9 @@ p { } @media only screen and (max-width: 919px) { - .rental.detailed .image, .rental.detailed .image.large { - margin: 30px 25px 25px 25px; + .rental.detailed .image, + .rental.detailed .image.large { + margin: 30px 25px 25px; flex-basis: 100%; cursor: default; } @@ -410,11 +418,11 @@ p { display: none; } - .rental.detailed button.image:hover:after { + .rental.detailed button.image:hover::after { opacity: 0; } - .rental.detailed button.image:focus:after { + .rental.detailed button.image:focus::after { opacity: 0.1; } @@ -448,20 +456,24 @@ p { } .tomster { - background: url(../assets/images/teaching-tomster.png); + background: url("../assets/images/teaching-tomster.png"); background-size: contain; background-repeat: no-repeat; height: 200px; width: 200px; - position: relative; top: -25px; } -.screen-reader{ +.screen-reader { position: absolute; overflow: hidden; clip: rect(0 0 0 0); - height: 1px; width: 1px; - margin: -1px; padding: 0; border: 0; + height: 1px; + width: 1px; + margin: -1px; + padding: 0; + border: 0; } + +/* stylelint-enable no-descending-specificity */