mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-23 07:38:07 -05:00
43b8f0b38f
* Add files via upload * Create downdeep.jsx * Delete downdeep.jsx * Delete downdeep.scss * Delete l10n.json * Delete downdeep.jsx * Create dd.jsx * Rename dd.jsx to filler.jsx * Add files via upload * Delete dd.jsx * Delete filler.jsx * Create filler.jsx * Add files via upload * Delete filler.jsx * Update routes.json * whoops * travis * Update downdeep.jsx * Update downdeep.scss * Update downdeep.scss * Update _colors.scss * what i get for rushing * Update downdeep.jsx * Update l10n.json * thisandagain's changes * Carl's Changes * carl's changes * carl's changes * Update downdeep.jsx * Rename downdeep.jsx to camp.jsx * Rename downdeep.scss to camp.scss * Rename src/views/downdeep/camp.jsx to src/views/camp/camp.jsx * Rename src/views/downdeep/camp.scss to src/views/camp/camp.scss * Rename src/views/downdeep/l10n.json to src/views/camp/l10n.json * Update camp.jsx * Add files via upload * Update camp.jsx * Update camp.scss * Update l10n.json * Create filler * Add files via upload * Delete bubbles.svg * Delete dolphin.svg * Delete fish-divider.svg * Delete fish-divider2.svg * Delete map.svg * Delete ocean-bottom.svg * Delete ocean-top.svg * Delete treasure.svg * Update camp.scss * Update camp.scss * Update camp.scss * Update camp.jsx * whoops * Update camp.scss * Update l10n.json * Update camp.scss * Update camp.jsx * Update _colors.scss * Update camp.scss * Update camp.scss * Update camp.scss * Update camp.scss * Update _colors.scss * Update camp.scss * Update camp.scss
39 lines
979 B
SCSS
39 lines
979 B
SCSS
/* UI Primary Colors */
|
|
$ui-blue: hsla(200, 90, 55, 1); // #25AFF4
|
|
$ui-orange: hsla(35, 90, 55, 1); // #F49D25
|
|
$ui-light-gray: hsla(0, 0, 98, 1); //#FAFAFA
|
|
$ui-gray: hsla(0, 0, 95, 1); //#F2F2F2
|
|
$ui-dark-gray: hsla(0, 0, 70, 1); //#B3B3B3
|
|
|
|
$background-color: hsla(0, 0, 99, 1); //#FDFDFD
|
|
|
|
|
|
/* UI Secondary Colors */
|
|
$ui-aqua: hsla(170, 70, 50, 1); //#26D9BB
|
|
$ui-purple: hsla(265, 55, 55, 1); //#824DCB
|
|
$ui-yellow: hsla(45, 100, 50, 1); //#FFBF00
|
|
$ui-white: #fff;
|
|
|
|
$ui-border: hsla(0, 0, 85, 1); //#D9D9D9
|
|
|
|
|
|
/* Overlay UI Gray Colors */
|
|
$active-gray: hsla(0, 0, 0, .1);
|
|
$active-dark-gray: hsla(0, 0, 0, .2);
|
|
$box-shadow-gray: hsla(0, 0, 0, .25);
|
|
$overlay-gray: hsla(0, 0, 0, .75);
|
|
|
|
/* Typography Colors */
|
|
$header-gray: hsla(0, 0, 42, 1); //#6B6B6B
|
|
$type-gray: hsla(0, 0, 42, 1); //#6B6B6B
|
|
$type-white: #fff;
|
|
|
|
$link-blue: $ui-blue;
|
|
|
|
/* Component colors */
|
|
$splash-green: #9c0;
|
|
$splash-pink: #c2479d;
|
|
$splash-blue: #199ed7;
|
|
|
|
/* Down Deep */
|
|
$dd-darkblue: hsla(195, 72.4, 17.1, 1);
|