You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
20 KiB
CSS
2 lines
20 KiB
CSS
3 years ago
|
:root{--accent:#ffa86a;--background:rgb(34, 33, 41);--color:#fff;--border-color:hsla(0,0%,100%,0.1);--phoneWidth:(max-width:684px);--tabletWidth:(max-width:900px)}@custom-media --phone (max-width: 684px);@custom-media --tablet (max-width: 900px);@font-face{font-family:Fira Code;font-style:normal;font-weight:400;src:url(0fe15bb5eea5828156c892b0708bea40.woff) format("woff");font-display:swap}@font-face{font-family:Fira Code;font-style:normal;font-weight:800;src:url(910c4f69908ca1b54b0fed395a9ad573.woff) format("woff");font-display:swap}.button-container{display:table;margin-left:auto;margin-right:auto}.button,a.button,button{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 18px;margin-bottom:5px;text-decoration:none;text-align:center;border-radius:8px;border:1px solid transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.button.outline,a.button.outline,button.outline{background:transparent;box-shadow:none;padding:8px 18px;}.button.outline :hover,a.button.outline :hover,button.outline :hover{transform:none;box-shadow:none}.button.primary,a.button.primary,button.primary{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.button.primary:hover,a.button.primary:hover,button.primary:hover{box-shadow:0 2px 6px rgba(50,50,93,.21),0 1px 3px rgba(0,0,0,.08)}.button.link,a.button.link,button.link{background:none;font-size:1rem}.button.small,a.button.small,button.small{font-size:.8rem}.button.wide,a.button.wide,button.wide{min-width:200px;padding:14px 24px}a.read-more,a.read-more:active,a.read-more:hover{display:inline-flex;background:none;box-shadow:none;padding:0;margin:20px 0;max-width:100%}.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;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.header{display:flex;flex-direction:column;position:relative}@media print{.header{display:none}}.header__inner{display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;flex:1}.header__logo:after{content:"";background:repeating-linear-gradient(90deg,#ffa86a,#ffa86a 2px,transparent 0,transparent 10px);background:repeating-linear-gradient(90deg,var(--accent),var(--accent) 2px,transparent 0,transparent 10px);display:block;width:100%;right:10px}.header__logo a{flex:0 0 auto;max-width:100%;text-decoration:none}.header .menu{--shadow-color:rgba(34, 33, 41, 0.8);--shadow:0 10px var(--shadow-color),-10px 10px var(--shadow-color),10px 10px var(--shadow-color);margin:20px 0}@media (max-width:684px){.header .menu{position:absolute;background:rgb(34, 33, 41);background:var(--background);box-shadow:var(--shadow);color:#fff;border:2px solid;margin:0;padding:10px;list-style:none;z-index:99;top:50px;right:0}}@media (--phone){.header .menu{position:absolute;background:rgb(34, 33, 41);background:var(--background);box-shadow:var(--shadow);color:#fff;border:2px solid;margin:0;padding:10px;list-style:none;z-index:99;top:50px;right:0}}.header .menu__inner{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;}@media (max-width:684px){.header .menu__inner--desktop{display:none}}@media (--phone){.header .menu__inner--desktop{display:none}}.header .menu__inner--mobile{display:none}@media (max-width:684px){.header .menu__inner--mobile{display:block}}@media (--phone){.header .menu__inner--mobile{display:block}}.header .menu__inner li:not(:last-of-type){margin-right:20px;margin-bottom:10px;flex:0 0 auto}@media (max-width:684px){.header .menu__inner{flex-direction:column;align-items:flex-start;padding:0;}.header .menu__inner li{margin:0;padding:5px}}@media (--phone){.header .menu__inner{flex-direction:column;align-items:flex-start;padding:0;}.header .menu__inner li{margin:0;padding:5px}}.header .menu__sub-inner{position:relative;list-style:none;padding:0;margi
|