Initial import; you obviously love owls
This commit is contained in:
59
css/globals.css
Normal file
59
css/globals.css
Normal file
@ -0,0 +1,59 @@
|
||||
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
|
||||
|
||||
@font-face {
|
||||
font-family: "Liberation Sans-Bold";
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url("../fonts/LiberationSans-Bold.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Liberation Mono-Bold";
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url("../fonts/LiberationMono-Bold.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Liberation Sans-Regular";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url("../fonts/LiberationSans-Regular.ttf") format("truetype");
|
||||
}
|
||||
.screen a {
|
||||
display: contents;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.container-center-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
pointer-events: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.container-center-horizontal > * {
|
||||
flex-shrink: 0;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.valign-text-middle {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.hidden,
|
||||
.hidden * {
|
||||
pointer-events: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.smart-layers-pointers,
|
||||
.smart-layers-pointers * {
|
||||
pointer-events: auto;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
1931
css/mobile.css
Normal file
1931
css/mobile.css
Normal file
File diff suppressed because it is too large
Load Diff
88
css/styleguide.css
Normal file
88
css/styleguide.css
Normal file
@ -0,0 +1,88 @@
|
||||
:root {
|
||||
--brand1: #00aa44;
|
||||
--brand2: #f7f2c6;
|
||||
--brand3: #d9f2e3;
|
||||
--light-gray: #0000000d;
|
||||
--off-black: #00000066;
|
||||
--white: #ffffff;
|
||||
|
||||
--font-size-l: 32px;
|
||||
--font-size-m: 18px;
|
||||
--font-size-s: 16px;
|
||||
--font-size-xl: 48px;
|
||||
--font-size-xs: 14px;
|
||||
|
||||
--font-family-liberation_mono-bold: "Liberation Mono-Bold", Helvetica;
|
||||
--font-family-liberation_sans-bold: "Liberation Sans-Bold", Helvetica;
|
||||
--font-family-liberation_sans-regular: "Liberation Sans-Regular", Helvetica;
|
||||
}
|
||||
.liberationsans-bold-black-18px {
|
||||
color: var(--off-black);
|
||||
font-family: var(--font-family-liberation_sans-bold);
|
||||
font-size: var(--font-size-m);
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.liberationmono-bold-black-18px {
|
||||
color: var(--off-black);
|
||||
font-family: var(--font-family-liberation_mono-bold);
|
||||
font-size: var(--font-size-m);
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.liberationsans-bold-white-18px {
|
||||
color: var(--white);
|
||||
font-family: var(--font-family-liberation_sans-bold);
|
||||
font-size: var(--font-size-m);
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.liberationsans-bold-jade-32px {
|
||||
color: var(--brand1);
|
||||
font-family: var(--font-family-liberation_sans-bold);
|
||||
font-size: var(--font-size-l);
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.liberationsans-bold-jade-48px {
|
||||
color: var(--brand1);
|
||||
font-family: var(--font-family-liberation_sans-bold);
|
||||
font-size: var(--font-size-xl);
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.liberationmono-bold-white-14px {
|
||||
color: var(--white);
|
||||
font-family: var(--font-family-liberation_mono-bold);
|
||||
font-size: var(--font-size-xs);
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.liberationmono-bold-jade-14px {
|
||||
color: var(--brand1);
|
||||
font-family: var(--font-family-liberation_mono-bold);
|
||||
font-size: var(--font-size-xs);
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.liberationsans-regular-normal-black-16px {
|
||||
color: var(--off-black);
|
||||
font-family: var(--font-family-liberation_sans-regular);
|
||||
font-size: var(--font-size-s);
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.liberationsans-bold-white-18px-2 {
|
||||
font-family: var(--font-family-liberation_sans-bold);
|
||||
font-size: var(--font-size-m);
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
}
|
Reference in New Issue
Block a user