46 lines
1.7 KiB
CSS
46 lines
1.7 KiB
CSS
/* CSS HEX */
|
|
--licorice: #221009ff;
|
|
--caput-mortuum: #50180Eff;
|
|
--black-bean: #310E0Aff;
|
|
--pumpkin: #E97520ff;
|
|
--brown: #9E4120ff;
|
|
|
|
/* CSS HSL */
|
|
--licorice: hsla(17, 58%, 8%, 1);
|
|
--caput-mortuum: hsla(9, 70%, 18%, 1);
|
|
--black-bean: hsla(6, 66%, 12%, 1);
|
|
--pumpkin: hsla(25, 82%, 52%, 1);
|
|
--brown: hsla(16, 66%, 37%, 1);
|
|
|
|
/* SCSS HEX */
|
|
$licorice: #221009ff;
|
|
$caput-mortuum: #50180Eff;
|
|
$black-bean: #310E0Aff;
|
|
$pumpkin: #E97520ff;
|
|
$brown: #9E4120ff;
|
|
|
|
/* SCSS HSL */
|
|
$licorice: hsla(17, 58%, 8%, 1);
|
|
$caput-mortuum: hsla(9, 70%, 18%, 1);
|
|
$black-bean: hsla(6, 66%, 12%, 1);
|
|
$pumpkin: hsla(25, 82%, 52%, 1);
|
|
$brown: hsla(16, 66%, 37%, 1);
|
|
|
|
/* SCSS RGB */
|
|
$licorice: rgba(34, 16, 9, 1);
|
|
$caput-mortuum: rgba(80, 24, 14, 1);
|
|
$black-bean: rgba(49, 14, 10, 1);
|
|
$pumpkin: rgba(233, 117, 32, 1);
|
|
$brown: rgba(158, 65, 32, 1);
|
|
|
|
/* SCSS Gradient */
|
|
$gradient-top: linear-gradient(0deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
|
|
$gradient-right: linear-gradient(90deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
|
|
$gradient-bottom: linear-gradient(180deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
|
|
$gradient-left: linear-gradient(270deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
|
|
$gradient-top-right: linear-gradient(45deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
|
|
$gradient-bottom-right: linear-gradient(135deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
|
|
$gradient-top-left: linear-gradient(225deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
|
|
$gradient-bottom-left: linear-gradient(315deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
|
|
$gradient-radial: radial-gradient(#221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
|