www-jmbit-de/hugo/static/themestyles.css

1 line
23 KiB
CSS
Raw Permalink Normal View History

.button-container{display:table;margin-left:auto;margin-right:auto}button,.button,a.button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;text-decoration:none;text-align:center;border-radius:8;font:inherit;font-weight:700;appearance:none;cursor:pointer;outline:none}button.outline,.button.outline,a.button.outline{background:0 0;box-shadow:none;padding:8px 18px}button.outline :hover,.button.outline :hover,a.button.outline :hover{transform:none;box-shadow:none}button.link,.button.link,a.button.link{background:0 0;font-size:1rem}button.small,.button.small,a.button.small{font-size:.8rem}button.wide,.button.wide,a.button.wide{min-width:200px;padding:14px 24px}a.button.inline{background:0 0;color:var(--accent);padding:initial;margin:initial;border:initial;font-weight:initial;text-decoration:none}a.button.inline:active,a.button.inline:hover{background:0 0}a.button.inline::before{content:"["}a.button.inline::after{content:"]"}a.button.inline.prev::before{content:"← ["}a.button.inline.next::after{content:"] →"}a.read-more,a.read-more:hover,a.read-more:active{display:inline-flex;border:none;background:0 0;box-shadow:none;padding:0;max-width:100%;text-decoration:none}.code-toolbar{margin-bottom:20px}.code-toolbar .toolbar-item a{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;margin-bottom:5px;text-decoration:none;text-align:center;font-size:13px;font-weight:500;border-radius:8px;border:1px solid transparent;appearance:none;cursor:pointer;outline:none}pre{margin:20px 0}.code-toolbar{position:relative;margin:20px 0;border:1px solid color-mix(in srgb,var(--accent) 10%,transparent)}.code-toolbar+.code-toolbar,.code-toolbar+.highlight,.code-toolbar+.highlight .code-toolbar{border-top:0;margin-top:-20px}.code-toolbar pre,.code-toolbar code{border:none}.code-toolbar code{display:block;color:color-mix(in srgb,var(--accent) 50%,var(--foreground))}.code-toolbar>.toolbar button{font-size:.8em!important;font-weight:700!important;background:var(--accent)!important;color:var(--background)!important;border-radius:var(--radius)!important;box-shadow:none!important;border:1px solid var(--background)!important;margin:6px!important;padding:10px!important;user-select:none}.collapsable-code{position:relative;width:100%;margin:40px 0}.collapsable-code input[type=checkbox]{position:absolute;visibility:hidden}.collapsable-code input[type=checkbox]:checked~pre,.collapsable-code input[type=checkbox]:checked~.code-toolbar pre{display:none}.collapsable-code input[type=checkbox]:checked~.code-toolbar{padding:0;border-top:none}.collapsable-code input[type=checkbox]:checked~.code-toolbar .toolbar{display:none}.collapsable-code input[type=checkbox]:checked~label .collapsable-code__toggle::after{content:attr(data-label-expand)}.collapsable-code label{position:relative;display:flex;justify-content:space-between;min-width:30px;min-height:30px;margin:0;border-bottom:1px solid var(--accent);cursor:pointer}.collapsable-code__title{flex:1;color:var(--accent);padding:3px 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collapsable-code__language{color:var(--accent);border:1px solid var(--accent);border-bottom:none;text-transform:uppercase;padding:3px 10px}.collapsable-code__toggle{color:var(--accent);font-size:16px;padding:3px 10px}.collapsable-code__toggle::after{content:attr(data-label-collapse)}.collapsable-code pre{margin-top:0}.collapsable-code pre::first-line{line-height:0}.collapsable-code .code-toolbar{margin:0}@font-face{font-display:swap;font-family:fira code;font-style:normal;font-weight:400;src:url(../fonts/FiraCode-Regular.woff)format("woff");font-feature-settings:"liga","tnum","ss01","locl";font-variant-ligatures:contextual}@font-face{font-display:swap;font-family:fira code;font-style:normal;font-weight:800;src:url(../fonts/FiraCode-Bold.woff)format("woff");font-feature-settings:"liga","tnum","ss01","locl";font-variant-ligatures:contextual}.footer{padding:40px 0;flex-grow:0;opacity:.5}.footer__inner{display:flex;align-items:center;justify-con