hugo-theme-hello-friend/static/assets/style.css

1 line
15 KiB
CSS
Raw Permalink Normal View History

2019-01-06 11:44:38 +01:00
:root{--dark-background:#292a2d;--dark-background-secondary:#3b3d42;--dark-border-color:#4a4b50;--dark-color:#a9a9b3;--dark-color-secondary:#73747b;--light-background:#fff;--light-background-secondary:#eaeaea;--light-border-color:#dcdcdc;--light-color:#222;--light-color-secondary:#999;--phoneWidth:(max-width:684px);--tabletWidth:(max-width:900px)}@font-face{font-family:Inter UI;font-style:normal;font-weight:400;src:url(76677d9e1ccc0e1f33fa6b044a743768.woff2) format("woff2"),url(ecf7c639683dfcb4868861e0c613c455.woff) format("woff")}@font-face{font-family:Inter UI;font-style:italic;font-weight:400;src:url(9d05a4aa5504157c765f62d534e78889.woff2) format("woff2"),url(bcf654c7bea165e9dae257206c5521ad.woff) format("woff")}@font-face{font-family:Inter UI;font-style:normal;font-weight:600;src:url(e0012ba74a933d326e8a466003fc3507.woff2) format("woff2"),url(48dfecfe37de0ef8f0e2c2d2e6992e9c.woff) format("woff")}@font-face{font-family:Inter UI;font-style:italic;font-weight:600;src:url(a6f5c416c63aad400a2df45ae2154c1e.woff2) format("woff2"),url(a9eddc92c84c5f78fba1cb7d7833d31c.woff) format("woff")}@font-face{font-family:Inter UI;font-style:normal;font-weight:800;src:url(b6f1695769d6d6b5f20d1c6492914189.woff2) format("woff2"),url(e2158f600a4b0175b73dfefb0d2fe8f8.woff) format("woff")}@font-face{font-family:Inter UI;font-style:italic;font-weight:800;src:url(a616c9fa6fe80626bac7991f8502295a.woff2) format("woff2"),url(dbe4ec1d26d41331c91550939a7fd27f.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;background:#eaeaea;background:var(--light-background-secondary);border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;font-weight:500;justify-content:center;margin-bottom:5px;outline:none;padding:8px 18px;position:relative;text-align:center;text-decoration:none}.dark-theme .button,.dark-theme a.button,.dark-theme button{background:#3b3d42;background:var(--dark-background-secondary);color:inherit}.button.outline,a.button.outline,button.outline{background:transparent;border-color:#eaeaea;border-color:var(--light-background-secondary);box-shadow:none;padding:8px 18px}.dark-theme .button.outline,.dark-theme a.button.outline,.dark-theme button.outline{border-color:#3b3d42;border-color:var(--dark-background-secondary);color:inherit}.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;font-weight:700;margin:20px 0;padding:0}.dark-theme a.read-more,.dark-theme a.read-more:active,.dark-theme a.read-more:hover{background:none}.code-toolbar{margin-bottom:20px}.code-toolbar .toolbar-item a{-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;background:#eaeaea;background:var(--light-background-secondary);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}.dark-theme .code-toolbar .toolbar-item a{background:#3b3d42;background:var(--dark-background-secondary);color:inherit}.header{align-items:center;background:#fafafa;display:flex;justify-content:center;padding:20px;position:relative}.dark-theme .header{background:#252627}.header__right{align-items:center;display:flex;flex-direction:row}@media (max-width:683px){.header__right{flex-direction:row-reverse}}.header__inner{justify-con