65 lines
2.0 KiB
CSS
65 lines
2.0 KiB
CSS
:root {
|
|
/*
|
|
* This is default Farmers market color scheme. It will be overriden when you change it in theme settings.
|
|
*/
|
|
--color-top: #712c1e;
|
|
--color-bottom: #ffd34e;
|
|
--color-bg: #ffffff;
|
|
--color-sidebar: #105b63;
|
|
--color-sidebarborders: #fffad5;
|
|
--color-footer: #db9e36;
|
|
--color-titleslogan: #ffd147;
|
|
--color-text: #333333;
|
|
--color-link: #534400;
|
|
/* static colors */
|
|
--color-ui: #712c1e;
|
|
--color-ui-hover: #db9e36;
|
|
--color-ui-bg: #ffffff;
|
|
--color-ui-text: #333333;
|
|
--color-danger: #ff0000;
|
|
--color-status: #712c1e;
|
|
--color-warning: #db9e36;
|
|
/*
|
|
* Typography.
|
|
*/
|
|
--font-family: "Open Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
--font-family-headings: "Lobster", cursive, sans-serif;
|
|
--line-height: 1.5;
|
|
--line-height-heading: 1.3;
|
|
--font-size-base: 1rem; /* 1rem = 16px if font root is 100% ands browser defaults are used. */
|
|
--font-size-h1: 4rem; /* ~64px */
|
|
--font-size-h2: 3rem; /* ~48px */
|
|
--font-size-h3: 2rem; /* ~32px */
|
|
--font-size-h4: 1.5rem; /* ~24px */
|
|
--font-size-h5: 1.25rem; /* ~20px */
|
|
--font-size-h6: 1rem; /* 16px */
|
|
--font-size-s: 0.889rem; /* ~14px */
|
|
--font-size-xs: 0.79rem; /* ~13px */
|
|
--font-size-xxs: 0.702rem; /* ~11px */
|
|
--font-size-label: var(--font-size-s);
|
|
--font-size-description: var(--font-size-xs);
|
|
/**
|
|
* Spaces.
|
|
*/
|
|
--space-xxl: 4rem; /* 4 * 16px = 64px */
|
|
--space-xl: 3rem; /* 3 * 16px = 48px */
|
|
--space-l: 2rem; /* 2 * 16px = 32px */
|
|
--space-m: 1rem; /* 1 * 16px = 16px */
|
|
--space-s: 0.75rem; /* 0.75 * 16px = 12px */
|
|
--space-xs: 0.5rem; /* 0.5 * 16px = 8px */
|
|
--space-xxs: 0.25rem; /* 0.25 * 16px = 4px */
|
|
--site-max-width: 120rem; /* 120 * 16px = 1920px */
|
|
--site-content-max-width: 101.25rem; /* 101.25 * 16px = 1620px */
|
|
/**
|
|
* Common.
|
|
*/
|
|
--focus-outline: 5px dashed transparent;
|
|
--focus-box-shadow: 0 0 0 1px var(--color-ui-bg), 0 0 0 4px var(--color-ui);
|
|
--transition-hover: background-color 0.3s ease-out;
|
|
--transition-hover-rotate: transform 0.3s ease-out;
|
|
/**
|
|
* Inputs.
|
|
*/
|
|
--input-border-size: 3px;
|
|
}
|