hugo-theme-terminal/static/assets/style.css

1 line
12 KiB
CSS
Raw Normal View History

2019-01-28 08:34:12 +00:00
:root{--accent:#ffa86a;--background:#222129;--border-color:hsla(0,0%,100%,0.1);--color:#fff;--phoneWidth:(max-width:684px);--tabletWidth:(max-width:900px)}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;src:url(62da0ac51db1e4a3a4d57b9154a344fc.woff) format("woff")}@font-face{font-family:Fira Code;font-style:normal;font-weight:800;src:url(2bf08001f42c34e30e1de9d2eb81aead.woff) format("woff")}.button-container{display:table;margin-left:auto;margin-right:auto}.button,a.button,button{-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;justify-content:center;margin-bottom:5px;outline:none;padding:8px 18px;position:relative;text-align:center;text-decoration: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{-webkit-transform:none;box-shadow:none;transform: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{background:none;box-shadow:none;display:inline-flex;margin:20px 0;max-width:100%;padding:0}.code-toolbar{margin-bottom:20px}.code-toolbar .toolbar-item a{-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;justify-content:center;margin-bottom:5px;outline:none;padding:3px 8px;position:relative;text-align:center;text-decoration:none}.header{display:flex;flex-direction:column;position:relative}.header__inner{align-items:center;display:flex;justify-content:space-between}.header__logo{display:flex;flex:1}.header__logo:after{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);content:"";display:block;right:10px;width:100%}.header__logo a{flex:0 0 auto;max-width:100%}.header .menu{margin:20px 0}@media (max-width:683px){.header .menu{background:#222129;background:var(--background);border:2px solid;margin:0;padding:10px;position:absolute;right:0;top:50px;z-index:99}}.header .menu__inner{display:flex;list-style:none;margin:0;padding:0}.header .menu__inner li:not(:last-of-type){margin-right:20px}@media (max-width:683px){.header .menu__inner{align-items:flex-start;flex-direction:column;padding:0}.header .menu__inner li{margin:0;padding:5px}}.header .menu-trigger{border:2px solid;color:#ffa86a;color:var(--accent);height:100%;margin-left:10px;padding:3px 8px;position:relative}.logo{align-items:center;background:#ffa86a;background:var(--accent);color:#000;display:flex;padding:5px 10px;text-decoration:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{-webkit-font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";-webkit-font-smoothing:antialiased;-webkit-font-variant-ligatures:contextual;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;background-color:#222129;color:#fff;color:var(--color);font-family:Fira Code,Monaco,Consolas,Ubuntu Mono,monospace;font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";font-size:1rem;font-variant-ligatures:contextual;line-height:1.54;margin:0;padding:0;text-rendering:optimizeLegibility}@media (max-width:683px){body{font-size:1rem}}h1,h2,h3,h4,h5,h6{align-items:center;display:flex;font-weight:700;line-height:1.3}h1,h2,h3{font-size:1.4rem}h4,h5,h6{font-size:1.2rem}a{color:inherit}img{display:block;max-width:100%}img.center,img.left{margin-right:auto}img.cen