From 5e4b34ee0d4e2bd641c89f1110e9cdb8f1048ce4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Paul=20Nicou=C3=A9?= Date: Wed, 23 Nov 2022 11:58:30 +0100 Subject: [PATCH] Edit sidebar navigation links style --- assets/css/main.scss | 8 +------- public/build/main.css | 2 +- 2 files changed, 2 insertions(+), 8 deletions(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index b33efa4..644181f 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -100,19 +100,13 @@ body { max-width: 100%; } - .sidebar__nav-item { - - + .sidebar__nav-item { - margin: 0.2rem 0 0 0; - } - } - .sidebar__nav-link { display: inline-block; max-width: 100%; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; + font-weight: var(--bold-font-weight); transition: color 200ms ease-in-out; &--white { diff --git a/public/build/main.css b/public/build/main.css index c45e064..b7f0e52 100644 --- a/public/build/main.css +++ b/public/build/main.css @@ -1 +1 @@ -blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}:root{--text-font-family:Helvetica,sans-serif;--title-font-family:Helvetica,sans-serif;--regular-font-weight:400;--medium-font-weight:500;--semi-bold-font-weight:600;--bold-font-weight:700;--text-font-size:1rem;--text-line-height:calc(var(--text-font-size)*1.2);--footnote-font-size:0.8rem;--footnote-line-height:calc(var(--footnote-font-size)*1.2);--h1-font-size:1.6rem;--h1-line-height:calc(var(--h1-font-size)*1.2);--h2-font-size:1.4rem;--h2-line-height:calc(var(--h2-font-size)*1.2);--h3-font-size:1.2rem;--h3-line-height:calc(var(--h3-font-size)*1.2);--icon-size:3.2rem;--sidebar-padding:0.8rem;--black:#000;--white:#fff}@keyframes expand-outline{0%{outline-offset:0}to{outline-offset:2px}}body{color:var(--black);font-family:var(--text-font-family);font-size:var(--text-font-size);line-height:var(--text-line-height)}h1{font-family:var(--title-font-family);font-size:var(--h1-font-size);line-height:var(--h1-line-height)}h2{font-size:var(--h2-font-size);line-height:var(--h2-line-height);margin:0 0 4rem}h2,h3{font-family:var(--text-font-family)}h3{font-size:var(--h3-font-size);line-height:var(--h3-line-height);margin:2rem 0 1rem}strong{font-weight:var(--bold-font-weight)}em{font-style:italic}a{color:var(--black);text-decoration:none;transition:-webkit-text-decoration .2s ease-in-out;transition:text-decoration .2s ease-in-out;transition:text-decoration .2s ease-in-out,-webkit-text-decoration .2s ease-in-out}a:active,a:focus,a:hover{text-decoration:underline}a:focus-visible{animation:expand-outline .2s ease-in-out;outline:1px dashed var(--black);outline-offset:2px}body{min-height:100vh;overflow-x:hidden}@media screen and (min-width:62rem){body{overflow-y:hidden}}.sidebar{align-items:flex-start;background-color:transparent;display:flex;flex-direction:column;justify-content:space-between;padding:var(--sidebar-padding);position:relative;width:100%;z-index:1}.sidebar .sidebar__nav{max-width:100%}.sidebar .sidebar__nav-item+.sidebar__nav-item{margin:.2rem 0 0}.sidebar .sidebar__nav-link{display:inline-block;max-width:100%;overflow-x:hidden;text-overflow:ellipsis;transition:color .2s ease-in-out;white-space:nowrap}.sidebar .sidebar__nav-link--white{color:var(--white)}.sidebar .sidebar__nav-link--white:focus-visible{outline:1px dashed var(--white)}.sidebar .sidebar__social{align-items:center;display:flex;justify-content:center;margin:.8rem 0 0;width:100%}.sidebar .sidebar__social-link{align-items:center;display:flex;height:var(--icon-size);justify-content:center;width:var(--icon-size)}.sidebar .sidebar__social-link+.sidebar__social-link{margin:0 0 0 .8rem}.sidebar .sidebar__social-link svg{height:100%;width:100%}.sidebar .sidebar__social-link--white:focus-visible{outline:1px dashed var(--white)}@media screen and (min-width:62rem){.sidebar{bottom:0;left:0;overflow-y:auto;position:fixed;top:0}.sidebar .sidebar__social{justify-content:flex-start;width:auto}}.slider-section{position:fixed;right:0;top:0}.splide__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%} \ No newline at end of file +blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}:root{--text-font-family:Helvetica,sans-serif;--title-font-family:Helvetica,sans-serif;--regular-font-weight:400;--medium-font-weight:500;--semi-bold-font-weight:600;--bold-font-weight:700;--text-font-size:1rem;--text-line-height:calc(var(--text-font-size)*1.2);--footnote-font-size:0.8rem;--footnote-line-height:calc(var(--footnote-font-size)*1.2);--h1-font-size:1.6rem;--h1-line-height:calc(var(--h1-font-size)*1.2);--h2-font-size:1.4rem;--h2-line-height:calc(var(--h2-font-size)*1.2);--h3-font-size:1.2rem;--h3-line-height:calc(var(--h3-font-size)*1.2);--icon-size:3.2rem;--sidebar-padding:0.8rem;--black:#000;--white:#fff}@keyframes expand-outline{0%{outline-offset:0}to{outline-offset:2px}}body{color:var(--black);font-family:var(--text-font-family);font-size:var(--text-font-size);line-height:var(--text-line-height)}h1{font-family:var(--title-font-family);font-size:var(--h1-font-size);line-height:var(--h1-line-height)}h2{font-size:var(--h2-font-size);line-height:var(--h2-line-height);margin:0 0 4rem}h2,h3{font-family:var(--text-font-family)}h3{font-size:var(--h3-font-size);line-height:var(--h3-line-height);margin:2rem 0 1rem}strong{font-weight:var(--bold-font-weight)}em{font-style:italic}a{color:var(--black);text-decoration:none;transition:-webkit-text-decoration .2s ease-in-out;transition:text-decoration .2s ease-in-out;transition:text-decoration .2s ease-in-out,-webkit-text-decoration .2s ease-in-out}a:active,a:focus,a:hover{text-decoration:underline}a:focus-visible{animation:expand-outline .2s ease-in-out;outline:1px dashed var(--black);outline-offset:2px}body{min-height:100vh;overflow-x:hidden}@media screen and (min-width:62rem){body{overflow-y:hidden}}.sidebar{align-items:flex-start;background-color:transparent;display:flex;flex-direction:column;justify-content:space-between;padding:var(--sidebar-padding);position:relative;width:100%;z-index:1}.sidebar .sidebar__nav{max-width:100%}.sidebar .sidebar__nav-link{display:inline-block;font-weight:var(--bold-font-weight);max-width:100%;overflow-x:hidden;text-overflow:ellipsis;transition:color .2s ease-in-out;white-space:nowrap}.sidebar .sidebar__nav-link--white{color:var(--white)}.sidebar .sidebar__nav-link--white:focus-visible{outline:1px dashed var(--white)}.sidebar .sidebar__social{align-items:center;display:flex;justify-content:center;margin:.8rem 0 0;width:100%}.sidebar .sidebar__social-link{align-items:center;display:flex;height:var(--icon-size);justify-content:center;width:var(--icon-size)}.sidebar .sidebar__social-link+.sidebar__social-link{margin:0 0 0 .8rem}.sidebar .sidebar__social-link svg{height:100%;width:100%}.sidebar .sidebar__social-link--white:focus-visible{outline:1px dashed var(--white)}@media screen and (min-width:62rem){.sidebar{bottom:0;left:0;overflow-y:auto;position:fixed;top:0}.sidebar .sidebar__social{justify-content:flex-start;width:auto}}.slider-section{position:fixed;right:0;top:0}.splide__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%} \ No newline at end of file