Fix navigation menu style
This commit is contained in:
parent
55be23e372
commit
4dadde5008
3 changed files with 5 additions and 33 deletions
|
@ -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,Arial,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);--icon-size:3rem;--sidebar-padding:0.8rem;--black:#000;--white:#fff}@media screen and (min-width:48rem){:root{--text-font-size:0.95rem;--icon-size:2.8rem}}@media screen and (min-width:62rem){:root{--text-font-size:0.9rem;--icon-size:2.6rem}}@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)}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}.home-section{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:var(--sidebar-padding);position:relative;width:100%;z-index:1}.navigation{max-width:100%}.navigation__item{width:-moz-fit-content;width:fit-content}.navigation__item+.navigation__item{margin:.3rem 0 0}.navigation__link{display:block;font-weight:var(--bold-font-weight);overflow-x:hidden;text-overflow:ellipsis;transition:color .2s ease-in-out;white-space:nowrap}.navigation__link--white{color:var(--white)}.navigation__link--white:focus-visible{outline:1px dashed var(--white)}.social{margin:.8rem 0 0;width:100%}.social,.social__link{align-items:center;display:flex;justify-content:center}.social__link{height:var(--icon-size);width:var(--icon-size)}.social__link+.social__link{margin:0 0 0 .8rem}.social__link svg{height:100%;width:100%}.social__link--white:focus-visible{outline:1px dashed var(--white)}@media screen and (min-width:48rem){.navigation__item+.navigation__item{margin:.2rem 0 0}.social{justify-content:flex-start}}@media screen and (min-width:62rem){.navigation__item+.navigation__item{margin:.1rem 0 0}}.slider-section{left:0;position:fixed;top:0}.splide__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
|
||||
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,Arial,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);--icon-size:3rem;--sidebar-padding:0.8rem;--black:#000;--white:#fff}@media screen and (min-width:48rem){:root{--text-font-size:0.95rem;--text-line-height:calc(var(--text-font-size)*1.1);--icon-size:2.8rem}}@media screen and (min-width:62rem){:root{--text-font-size:0.9rem;--text-line-height:calc(var(--text-font-size)*1);--icon-size:2.6rem}}@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)}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}.home-section{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:var(--sidebar-padding);position:relative;width:100%;z-index:1}.navigation{max-width:100%}.navigation__link{display:inline-block;font-weight:var(--bold-font-weight);overflow-x:hidden;text-overflow:ellipsis;transition:color .2s ease-in-out;white-space:nowrap}.navigation__link--white{color:var(--white)}.navigation__link--white:focus-visible{outline:1px dashed var(--white)}.social{margin:.8rem 0 0;width:100%}.social,.social__link{align-items:center;display:flex;justify-content:center}.social__link{height:var(--icon-size);width:var(--icon-size)}.social__link+.social__link{margin:0 0 0 .8rem}.social__link svg{height:100%;width:100%}.social__link--white:focus-visible{outline:1px dashed var(--white)}@media screen and (min-width:48rem){.social{justify-content:flex-start}}.slider-section{left:0;position:fixed;top:0}.splide__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
|
Loading…
Add table
Add a link
Reference in a new issue