liebling/assets/css/post.css

1 line
22 KiB
CSS
Raw Normal View History

@charset "UTF-8";.hide{display:none}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap}.focusable:focus,.l-post-content button:focus:not(.m-icon-button),.m-button:focus{box-shadow:0 0 0 2px var(--primary-subtle-color)!important}.content-centered{display:flex;align-items:center;justify-content:center}.l-post-content button:not(.m-icon-button),.l-post-content input,.l-post-content select,.l-post-content textarea,.m-button,.m-input,.no-appearance{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.no-padding{padding:0}.no-margin{margin:0}.no-scroll-y{overflow-y:hidden}.align-center{text-align:center}.align-left{text-align:left}.align-right{text-align:right}.pos-relative{position:relative}.pos-absolute{position:absolute}.bold{font-weight:700}.underline{text-decoration:underline}.uppercase{text-transform:uppercase}.pointer{cursor:pointer}.only-desktop{display:none}@media only screen and (min-width:48rem){.only-desktop{display:block}}.l-post-content{padding-bottom:15px}@media only screen and (min-width:48rem){.l-post-content{max-width:820px;min-height:400px;margin:0 auto}}@media only screen and (min-width:48rem) and (min-width:48rem){.l-post-content{padding-bottom:30px}}.l-post-content h1,.l-post-content h2,.l-post-content h3,.l-post-content h4,.l-post-content h5,.l-post-content h6{color:var(--titles-color);line-height:1.3;font-weight:700;padding-top:5px;margin:0 0 30px}@media only screen and (min-width:48rem){.l-post-content h1,.l-post-content h2,.l-post-content h3,.l-post-content h4,.l-post-content h5,.l-post-content h6{padding-top:10px;margin-bottom:40px}}.l-post-content h1{font-size:2.125rem}@media only screen and (min-width:48rem){.l-post-content h1{font-size:2.625rem}}.l-post-content h2{font-size:1.75rem}@media only screen and (min-width:48rem){.l-post-content h2{font-size:2.25rem}}.l-post-content h3{font-size:1.375rem}@media only screen and (min-width:48rem){.l-post-content h3{font-size:1.75rem}}.l-post-content h4{font-size:1rem}@media only screen and (min-width:48rem){.l-post-content h4{font-size:1.375rem}}.l-post-content h5{font-size:.938rem}@media only screen and (min-width:48rem){.l-post-content h5{font-size:1.125rem}}.l-post-content h6{font-size:.813rem}@media only screen and (min-width:48rem){.l-post-content h6{font-size:1rem}}.l-post-content p{letter-spacing:.2px;line-height:1.5;font-size:1.125rem;margin-bottom:25px}@media only screen and (min-width:48rem){.l-post-content p{letter-spacing:.3px;line-height:1.6;font-size:1.25rem;margin-bottom:30px}}.l-post-content p img{margin-bottom:0!important}.l-post-content b,.l-post-content strong{font-weight:600}.l-post-content em{font-style:italic}.l-post-content a{color:var(--primary-foreground-color);text-decoration:underline;transition:color .2s linear}.l-post-content a:hover{color:var(--link-color)}.l-post-content ol,.l-post-content ul{letter-spacing:.2px;line-height:1.5;font-size:1.125rem;padding-left:20px;margin:0 0 20px}@media only screen and (min-width:48rem){.l-post-content ol,.l-post-content ul{letter-spacing:.3px;line-height:1.6;font-size:1.25rem;padding-left:40px;margin-bottom:30px}}.l-post-content li{margin-bottom:20px}.l-post-content .kg-image,.l-post-content img{display:block;max-width:100%;margin:0 auto 35px}@media only screen and (min-width:48rem){.l-post-content .kg-image,.l-post-content img{margin-bottom:40px}}.l-post-content iframe{max-width:100%}.l-post-content .fluid-width-video-wrapper{margin:0 auto 35px}@media only screen and (min-width:48rem){.l-post-content .fluid-width-video-wrapper{margin-bottom:40px}}.l-post-content.kg-image-card,.l-post-content figure{padding:20px 0 40px;margin:0 -20px}@media only screen and (min-width:48rem){.l-post-content.kg-image-card,.l-post-content figure{padding:20px 0 50px;margin:0}}.l-post-content.kg-image-card.kg-embed-card,.l-post-content figure.kg-embed-card{display:flex;flex-direction:column;align-items:center;min-width:100%;margin:0 auto}.l-post-content.kg-image-card.kg-emb