| 1 |
/** SASS variables **/ |
| 2 |
$html-font-size: 16px; // Used in functions.scss. |
| 3 |
|
| 4 |
/** |
| 5 |
* This is a subset of the CSS variables defined in the Parse.ly dashboard. It |
| 6 |
* is sourced from 1.44/src/styles/base.scss and defines some additional |
| 7 |
* variables in the end of the file. |
| 8 |
*/ |
| 9 |
.wp-parsely-content-helper, |
| 10 |
#wp-parsely-dashboard-widget { |
| 11 |
|
| 12 |
/** Layout section - base.scss. **/ |
| 13 |
--base-font: "source-sans-pro", arial, sans-serif; |
| 14 |
--numeric-font: "ff-din-round-web", sans-serif; |
| 15 |
|
| 16 |
/** Category colors section - base scss. **/ |
| 17 |
--gray-300: #edeeef; |
| 18 |
--gray-400: #d7dbdf; |
| 19 |
--gray-500: #959da5; |
| 20 |
--gray-600: #586069; |
| 21 |
--gray-700: #444d56; |
| 22 |
--gray-900: #24292e; |
| 23 |
--blue-500: #44a8e5; |
| 24 |
--blue-550: #2596db; |
| 25 |
--green-500: #7bc01b; |
| 26 |
// ref-* variables to be used as HSL colors. |
| 27 |
--ref-direct: 205, 13%, 52%; |
| 28 |
--ref-internal: 161, 91%, 41%; |
| 29 |
--ref-social: 210, 72%, 41%; |
| 30 |
--ref-search: 42, 100%, 50%; |
| 31 |
--ref-other: 3, 76%, 58%; |
| 32 |
|
| 33 |
/** Theme colors section - base.scss. **/ |
| 34 |
--base-text: var(--gray-900); |
| 35 |
--base-text-2: var(--gray-600); |
| 36 |
--base-3: var(--gray-400); |
| 37 |
--border: var(--gray-400); |
| 38 |
--data: var(--green-500); |
| 39 |
--control: var(--blue-500); |
| 40 |
|
| 41 |
/** Additional variables. **/ |
| 42 |
--font-size--large: 1rem; |
| 43 |
--font-size--extra-large: 1.2rem; |
| 44 |
--black: #000; |
| 45 |
--sidebar-black: #1e1e1e; |
| 46 |
} |
| 47 |
|
