julienmonnerie/public/build/main.css
2022-11-22 12:13:21 +01:00

1 line
No EOL
6.5 KiB
CSS

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:2.25rem;--sidebar-padding:0.8rem;--black:#000;--transparent-black:rgba(0,0,0,.3);--white:#fff;--transparent-white:hsla(0,0%,100%,.9)}@keyframes expand-outline{0%{outline-offset:0}to{outline-offset:2px}}body{background-color:var(--feldgrau);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}p{text-align:justify}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:2}.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{fill:var(--black);height:100%;transition:fill .2s ease-in-out;width:100%}.sidebar .sidebar__social-link--white:focus-visible{outline:1px dashed var(--white)}.sidebar .sidebar__social-link--white svg{fill:var(--white)}@media screen and (min-width:62rem){.sidebar--fixed{bottom:0;left:0;overflow-y:auto;position:fixed;top:0;z-index:3}.sidebar--slimmed{min-width:15rem;width:15%}.sidebar--slimmed .sidebar__nav-link{color:var(--transparent-black)}.sidebar--slimmed .sidebar__social-link svg{fill:var(--transparent-black)}.sidebar--slimmed:hover .sidebar__nav-link{color:var(--black)}.sidebar--slimmed:hover .sidebar__social-link svg{fill:var(--black)}.sidebar--slimmed .sidebar__nav-link:focus-visible{color:var(--black)}.sidebar--slimmed .sidebar__social-link:focus-visible svg{fill:var(--black)}.sidebar .sidebar__social{justify-content:flex-start;width:auto}}.slider-section{opacity:1;position:fixed;right:0;top:0;transition:visibility 0ms .4s,opacity .4s ease-in-out;visibility:visible;z-index:1}.slider-section--hidden{opacity:0;transition:visibility 0ms,opacity .4s ease-in-out;visibility:hidden}.splide__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.exhibition-section{display:none}@media screen and (min-width:62rem){.exhibition-section{display:block;height:100vh;position:relative;width:100vw;z-index:2}.exhibition{height:100%;opacity:0;transition:visibility 0ms,opacity .4s ease-in-out;visibility:hidden;width:100%}.exhibition--visible{opacity:1;transition:visibility 0ms .4s,opacity .4s ease-in-out;visibility:visible}}