From 7e471fde5ffa84381ddb9f9dbe344f473b023b51 Mon Sep 17 00:00:00 2001 From: Dan Matthew <111794+danielmatthew@users.noreply.github.com> Date: Tue, 5 Oct 2021 11:19:09 +0100 Subject: [PATCH] fix(error): nest styles --- docs/assets/css/error.css | 2 +- docs/assets/css/error.css.map | 2 +- scss/error.scss | 156 +++++++++++----------------------- 3 files changed, 51 insertions(+), 109 deletions(-) diff --git a/docs/assets/css/error.css b/docs/assets/css/error.css index 5215de9..603810c 100644 --- a/docs/assets/css/error.css +++ b/docs/assets/css/error.css @@ -1 +1 @@ -*,*::before,*::after{box-sizing:border-box;box-sizing:border-box;box-sizing:border-box}main,section{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #dee2e6}h1{font-size:1.96154em;font-family:inherit;font-weight:300;line-height:1.1;margin-top:20px;margin-bottom:10px}h2{font-size:1.96154em;font-family:inherit;font-weight:300;line-height:1.1;margin-top:20px;margin-bottom:10px}@media(min-width: 992px){h1{font-size:2.30769em}}@media(min-width: 992px){h2{font-size:2.30769em}}p{margin:0 0 10px}dl{margin-top:0;margin-bottom:20px}dl{line-height:1.6}dt{font-weight:700}dd{margin-left:0}a{color:inherit}a:hover,a:focus{background-color:#fff;color:#017d87;outline:2px solid #fff;outline-offset:2px}@viewport{width:device-width}.o-dl--inline *:not(div){display:inline}.t-error{margin:0;font-family:"Open Sans",sans-serif;font-size:13px;line-height:1.6;color:#fff;background-color:#017d87}.t-error hr{max-width:20rem;height:1px;margin:2rem 0;background-color:rgba(255,255,255,.2);border:none}.c-error-page__container{display:flex;flex-direction:column;justify-content:center;max-width:60rem;min-height:100vh;padding:0 5vw}.c-error-page__header{font-size:52px;font-weight:700;color:#fff}.c-error-page__subheader{font-size:39px;color:#fff}.c-error-page__context{font-size:19px}/*# sourceMappingURL=error.css.map */ +.t-error{margin:0;font-family:"Open Sans",sans-serif;font-size:.8125em;line-height:1.6;color:#fff;background-color:#017d87}.t-error hr{max-width:20rem;height:1px;margin:2rem 0;background-color:rgba(255,255,255,.2);border:none;box-sizing:content-box}.t-error dl{margin-top:0;margin-bottom:20px}.t-error dl{line-height:1.6}.t-error dt{font-weight:700}.t-error dd{margin-left:0}.t-error a{color:inherit}.t-error a:hover,.t-error a:focus{background-color:#fff;color:#017d87;outline:2px solid #fff;outline-offset:2px}.o-dl--inline *:not(div){display:inline}.c-error-page__container{display:flex;flex-direction:column;justify-content:center;max-width:60em;min-height:100vh;padding:0 5vw}.c-error-page__header{font-family:inherit;font-size:3.25rem;font-weight:700;color:#fff;line-height:1.1;margin-top:20px;margin-bottom:10px}.c-error-page__subheader{margin-top:20px;margin-bottom:10px;font-size:2.4375rem;font-family:inherit;font-weight:300;line-height:1.1}.c-error-page__context{font-size:1rem}/*# sourceMappingURL=error.css.map */ diff --git a/docs/assets/css/error.css.map b/docs/assets/css/error.css.map index 5df7a93..2268df1 100644 --- a/docs/assets/css/error.css.map +++ b/docs/assets/css/error.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../scss/error.scss"],"names":[],"mappings":"AAAA,qBAGE,sBACA,sBACA,sBAGF,aAEE,cAGF,GACE,eACA,cAGF,GACE,uBACA,SAIF,GACE,gBACA,mBACA,SACA,6BAGF,GACE,oBACA,oBACA,gBACA,gBACA,gBACA,mBAGF,GACE,oBAEA,oBACA,gBACA,gBACA,gBACA,mBAEF,yBACE,GACE,qBAIJ,yBACE,GACE,qBAGJ,EACE,gBAEF,GACE,aACA,mBAGF,GACE,gBAGF,GACE,gBAGF,GACE,cAGF,EACE,cAGF,gBAEE,sBACA,cACA,uBACA,mBAGF,UACE,mBAGF,yBACE,eAGF,SACE,SACA,mCACA,eACA,gBACA,WACA,yBAGF,YACE,gBACA,WACA,cACA,sCACA,YAGF,yBACE,aACA,sBACA,uBACA,gBACA,iBACA,cAGF,sBACE,eACA,gBACA,WAGF,yBACE,eACA,WAGF,uBACE","file":"error.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../../scss/error.scss"],"names":[],"mappings":"AAAA,SACE,SACA,mCACA,kBACA,gBACA,WACA,yBAEA,YACE,gBACA,WACA,cACA,sCACA,YACA,uBAGF,YACE,aACA,mBAGF,YACE,gBAGF,YACE,gBAGF,YACE,cAGF,WACE,cAGF,kCAEE,sBACA,cACA,uBACA,mBAIJ,yBACE,eAGF,yBACE,aACA,sBACA,uBACA,eACA,iBACA,cAGF,sBACE,oBACA,kBACA,gBACA,WACA,gBACA,gBACA,mBAGF,yBACE,gBACA,mBACA,oBACA,oBACA,gBACA,gBAGF,uBACE","file":"error.css"} \ No newline at end of file diff --git a/scss/error.scss b/scss/error.scss index 4ba85f1..110a5df 100644 --- a/scss/error.scss +++ b/scss/error.scss @@ -1,140 +1,82 @@ -*, -*::before, -*::after { - box-sizing: border-box; - box-sizing: border-box; - box-sizing: border-box; -} - -main, -section { - display: block; -} - -h1 { - margin: .67em 0; - font-size: 2em; -} - -hr { - box-sizing: content-box; - height: 0; -} - - -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #dee2e6; -} - -h1 { - font-size: 1.96154em; - font-family: inherit; - font-weight: 300; - line-height: 1.1; - margin-top: 20px; - margin-bottom: 10px; -} - -h2 { - font-size: 1.96154em; +.t-error { + margin: 0; + font-family: "Open Sans", sans-serif; + font-size: 0.8125em; + line-height: 1.6; + color: #fff; + background-color: #017d87; - font-family: inherit; - font-weight: 300; - line-height: 1.1; - margin-top: 20px; - margin-bottom: 10px; -} -@media (min-width: 992px) { - h1 { - font-size: 2.30769em; + hr { + max-width: 20rem; + height: 1px; + margin: 2rem 0; + background-color: rgba(255, 255, 255, .2); + border: none; + box-sizing: content-box; } -} -@media (min-width: 992px) { - h2 { - font-size: 2.30769em; + dl { + margin-top: 0; + margin-bottom: 20px; } -} -p { - margin: 0 0 10px; -} -dl { - margin-top: 0; - margin-bottom: 20px; -} -dl { - line-height: 1.6; -} - -dt{ - font-weight: 700; -} + dl { + line-height: 1.6; + } -dd { - margin-left: 0; -} + dt{ + font-weight: 700; + } -a { - color: inherit; -} + dd { + margin-left: 0; + } -a:hover, -a:focus { - background-color: white; - color: #017d87; - outline: 2px solid white; - outline-offset: 2px; -} + a { + color: inherit; + } -@viewport { - width: device-width; + a:hover, + a:focus { + background-color: white; + color: #017d87; + outline: 2px solid white; + outline-offset: 2px; + } } .o-dl--inline *:not(div) { display: inline; } -.t-error { - margin: 0; - font-family: "Open Sans", sans-serif; - font-size: 13px; - line-height: 1.6; - color: #fff; - background-color: #017d87; -} - -.t-error hr { - max-width: 20rem; - height: 1px; - margin: 2rem 0; - background-color: rgba(255, 255, 255, .2); - border: none; -} - .c-error-page__container { display: flex; flex-direction: column; justify-content: center; - max-width: 60rem; + max-width: 60em; min-height: 100vh; padding: 0 5vw; } .c-error-page__header { - font-size: 52px; + font-family: inherit; + font-size: 3.25rem; font-weight: 700; color: #fff; + line-height: 1.1; + margin-top: 20px; + margin-bottom: 10px; } .c-error-page__subheader { - font-size: 39px; - color: #fff; + margin-top: 20px; + margin-bottom: 10px; + font-size: 2.4375rem; + font-family: inherit; + font-weight: 300; + line-height: 1.1; } .c-error-page__context { - font-size: 19px; + font-size: 1rem; }