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

1 line
11 KiB
CSS
Raw Normal View History

2018-08-21 13:28:58 +02: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(ada67516bfcb321d3af9a10b5ac85969.woff2) format("woff2"),url(3ca46ee35e2e0a102cb63a64629ff935.woff) format("woff")}@font-face{font-family:Inter UI;font-style:italic;font-weight:400;src:url(bc389a025ce24c8a922a75a14efb9849.woff2) format("woff2"),url(8b0d16839ccd5eb17d2d2c57fc7b879c.woff) format("woff")}@font-face{font-family:Inter UI;font-style:normal;font-weight:500;src:url(a4b302b56c07e87c3428227270d313fa.woff2) format("woff2"),url(86c6d121f1d396c123e9f2b0b18040a0.woff) format("woff")}@font-face{font-family:Inter UI;font-style:italic;font-weight:500;src:url(2b29c19f434999cda5a1cdc166684cb0.woff2) format("woff2"),url(7719d61e224c7bfe4e45a2427f7c1dda.woff) format("woff")}@font-face{font-family:Inter UI;font-style:normal;font-weight:700;src:url(8506a8d02c2e819508bc53d65de6795a.woff2) format("woff2"),url(0a1242bedd6453e33ea8bfb1a7fb2af4.woff) format("woff")}@font-face{font-family:Inter UI;font-style:italic;font-weight:700;src:url(8300e08855db2eb7f74402a173874e83.woff2) format("woff2"),url(84c42c5d04986c70ad2fac54f3e00937.woff) format("woff")}@font-face{font-family:Inter UI;font-style:normal;font-weight:900;src:url(28b144c25989d58d1efc682da3bbaafb.woff2) format("woff2"),url(f0e3c382b00425de3b4ad83483ca72db.woff) format("woff")}@font-face{font-family:Inter UI;font-style:italic;font-weight:900;src:url(da612650c903c13b297c827884dcb8db.woff2) format("woff2"),url(f62e9538012bbc071a1c47254dcd6232.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}.header{align-items:center;background:#fafafa;display:flex;justify-content:center;padding:20px;position:relative}.dark-theme .header{background:#252627}.header .bulb-on{display:none}.dark-theme .header .bulb-on,.header .bulb-off{display:block}.dark-theme .header .bulb-off{display:none}.header__right{align-items:center;display:flex;flex-direction:row}@media (max-width:683px){.header__right{flex-direction:row-reverse}}.header__inner{justify-content:space-between;margin:0 auto;max-width:100%;width:76