jake/jarv.is
jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-27 13:56:22 -04:00
Code Issues

thought of a MUCH more logical way to pass in additional CSS transitions

Browse Source
This commit is contained in:
Jake Jarvis 2021-11-01 14:08:37 -04:00
parent 5911c0081e
commit 310da3ebea
Signed by: jake
GPG Key ID: 2B0C9CF251E69A39
18 changed files with 211 additions and 116 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
assets/sass/abstracts/_functions.scss
View File

@ -1,15 +1,14 @@
@use "sass:math"; @use "sass:color";
@use "settings"; @use "settings";
// Gradient hack to get our custom underline to wrap: // Figure out the color of the "transparent" link underlines:
// https://www.dannyguo.com/blog/animated-multiline-link-underlines-with-css/ @function underline-hack($color, $background: #ffffff) {
@function underline-hack($color) { // Calculate underline color by mix()'ing it with a given background to give the impression of opacity but with much
// Less compatible but better for light/dark mode switching. We fall back to non-alpha hex colors with // better efficiency and compatibility.
// postcss-color-rgba-fallback to mitigate this. $color-transparentized: color.mix($color, $background, settings.$link-underline-opacity);
// stylelint-disable-next-line color-function-notation
$color-opaque-alpha: rgba($color, math.div(settings.$link-underline-opacity, 100%));
// Return non-gradient linear-gradient(): // Return a "gradient" as a hack to get the fancy underline to wrap:
@return linear-gradient($color-opaque-alpha, $color-opaque-alpha); // https://www.dannyguo.com/blog/animated-multiline-link-underlines-with-css/
@return linear-gradient($color-transparentized, $color-transparentized);
} }

1
assets/sass/abstracts/_settings.scss
View File

@ -27,7 +27,6 @@ $font-stack-mono-variable: list.join($webfont-mono-variable, $system-fonts-monos
// Fancy link underline settings: // Fancy link underline settings:
$link-underline-opacity: 40%; $link-underline-opacity: 40%;
$link-underline-size: 2px; $link-underline-size: 2px;
$link-opacity-color: #ffffff;
// Default fading style when switching between light/dark themes: // Default fading style when switching between light/dark themes:
$theme-transition-duration: 0.15s; $theme-transition-duration: 0.15s;

35
assets/sass/abstracts/_themes.scss
View File

@ -1,45 +1,42 @@
@use "sass:list"; @use "sass:list";
@use "sass:map"; @use "sass:map";
@use "sass:meta";
@use "settings"; @use "settings";
// Takes a map of CSS properties and theme keys (see below) and set both body.light and body.dark selectors. // Takes a map of CSS properties and theme keys (see below) and set both body.light and body.dark selectors.
// ex. @include themes.themed($color: "text", $background-color: "background-inner"); // ex. @include themes.themed((color: "text", background-color: "background-inner"));
@mixin themed($colors...) { // Also accepts additional transitions (in shorthand) to tack on.
$selectors: "#{&}"; @mixin themed($properties, $addTransitions: ()) {
// generate CSS transition shorthand for each themed property w/ default duration and function
// keep track of each property we're theming $defaults: ();
$properties: (); @each $property, $color in $properties {
@each $property, $color in meta.keywords($colors) { $shorthand: $property settings.$theme-transition-duration settings.$theme-transition-function;
$properties: list.append($properties, $property); $defaults: list.append($defaults, $shorthand);
} }
// list themed properties under CSS transitions for fancy fading // list all transitions separated by commas (with additional shorthand(s) passed in)
transition-property: list.join($properties, (), $separator: comma); transition: list.join($addTransitions, $defaults, $separator: comma);
transition-duration: #{settings.$theme-transition-duration};
transition-timing-function: #{settings.$theme-transition-function}; // keep track of the original selector(s) calling this mixin for below
$selectors: "#{&}";
// add corresponding body.light and body.dark root selectors // add corresponding body.light and body.dark root selectors
@each $theme, $map in $themes { @each $theme, $map in $themes {
@at-root body.#{$theme} { @at-root body.#{$theme} {
// support root body element // support theming root body element
@if $selectors == "body" { @if $selectors == "body" {
@each $property, $color in meta.keywords($colors) { @each $property, $color in $properties {
#{$property}: map.get($map, $color); #{$property}: map.get($map, $color);
} }
} @else { } @else {
#{$selectors} { #{$selectors} {
@each $property, $color in meta.keywords($colors) { @each $property, $color in $properties {
#{$property}: map.get($map, $color); #{$property}: map.get($map, $color);
} }
} }
} }
} }
} }
// allow anything above to be overridden manually by passing in a content block
@content;
} }
// ---------------- // ----------------

6
assets/sass/components/_animation.scss
View File

@ -36,7 +36,11 @@
} }
// stylelint-enable rule-empty-line-before // stylelint-enable rule-empty-line-before
@include themes.themed($background-color: "medium-light"); @include themes.themed(
(
background-color: "medium-light",
)
);
} }
} }

37
assets/sass/components/_content.scss
View File

@ -16,7 +16,12 @@ div#content {
padding-left: 1.5em; padding-left: 1.5em;
border-left: 3px solid; border-left: 3px solid;
@include themes.themed($color: "medium-dark", $border-color: "links"); @include themes.themed(
(
color: "medium-dark",
border-color: "links",
)
);
} }
h2, h2,
@ -41,10 +46,18 @@ div#content {
content: "\0023"; // pound sign content: "\0023"; // pound sign
} }
@include themes.themed($color: "medium-light"); @include themes.themed(
(
color: "medium-light",
)
);
&:hover { &:hover {
@include themes.themed($color: "links"); @include themes.themed(
(
color: "links",
)
);
} }
} }
@ -58,7 +71,11 @@ div#content {
padding-bottom: 0.25em; padding-bottom: 0.25em;
border-bottom: 1px solid; border-bottom: 1px solid;
@include themes.themed($border-color: "kinda-light"); @include themes.themed(
(
border-color: "kinda-light",
)
);
} }
p.center { p.center {
@ -80,7 +97,11 @@ div#content {
line-height: 1.5; line-height: 1.5;
margin-top: 0.5em; margin-top: 0.5em;
@include themes.themed($color: "medium"); @include themes.themed(
(
color: "medium",
)
);
} }
} }
@ -99,7 +120,11 @@ div#content {
height: 2px; height: 2px;
border: 0; border: 0;
@include themes.themed($background-color: "light"); @include themes.themed(
(
background-color: "light",
)
);
} }
} }

20
assets/sass/components/_footer.scss
View File

@ -8,10 +8,19 @@ footer {
padding: 1.25em 1.5em; padding: 1.25em 1.5em;
border-top: 1px solid; border-top: 1px solid;
@include themes.themed($color: "medium-dark", $border-color: "kinda-light"); @include themes.themed(
(
color: "medium-dark",
border-color: "kinda-light",
)
);
a { a {
@include themes.themed($color: "medium-dark"); @include themes.themed(
(
color: "medium-dark",
)
);
} }
div.footer-row { div.footer-row {
@ -29,7 +38,12 @@ footer {
padding-bottom: 2px; padding-bottom: 2px;
border-bottom: 1px solid; border-bottom: 1px solid;
@include themes.themed($color: "medium-dark", $border-color: "light"); @include themes.themed(
(
color: "medium-dark",
border-color: "light",
)
);
} }
} }

32
assets/sass/components/_global.scss
View File

@ -19,7 +19,11 @@ body {
font-size: 0.975em; font-size: 0.975em;
line-height: 1.5; line-height: 1.5;
@include themes.themed($background-color: "background-outer"); @include themes.themed(
(
background-color: "background-outer",
)
);
// set themed lightbulb icons manually // set themed lightbulb icons manually
&.light button.dark-mode-toggle { &.light button.dark-mode-toggle {
@ -69,7 +73,12 @@ main {
width: 100%; width: 100%;
padding: 0 1.5em; padding: 0 1.5em;
@include themes.themed($color: "text", $background-color: "background-inner"); @include themes.themed(
(
color: "text",
background-color: "background-inner",
)
);
a { a {
background-position: 0% 100%; background-position: 0% 100%;
@ -77,18 +86,19 @@ main {
background-size: 0% settings.$link-underline-size; background-size: 0% settings.$link-underline-size;
padding-bottom: settings.$link-underline-size; padding-bottom: settings.$link-underline-size;
@include themes.themed($color: "links") { @include themes.themed(
// TODO: overriding transition-property from themed() -- very hacky $properties: (
transition-property: color, background-size; color: "links",
transition-duration: #{settings.$theme-transition-duration}, 0.25s; ),
transition-timing-function: #{settings.$theme-transition-function}, ease-in-out; $addTransitions: (
} background-size 0.25s ease-in-out,
)
);
// cool link underlines (via messy SCSS hacking): // cool link underlines via messy SCSS hacking (see ../abstracts/_functions)
// https://www.dannyguo.com/blog/animated-multiline-link-underlines-with-css/
@each $theme, $map in themes.$themes { @each $theme, $map in themes.$themes {
@at-root body.#{$theme} #{&} { @at-root body.#{$theme} #{&} {
background-image: functions.underline-hack(map.get($map, "links")); background-image: functions.underline-hack(map.get($map, "links"), map.get($map, "background-inner"));
} }
} }

52
assets/sass/components/_header.scss
View File

@ -7,7 +7,11 @@ header {
padding: 0.7em 1.5em; padding: 0.7em 1.5em;
border-bottom: 1px solid; border-bottom: 1px solid;
@include themes.themed($border-color: "kinda-light"); @include themes.themed(
(
border-color: "kinda-light",
)
);
nav { nav {
width: 100%; width: 100%;
@ -21,7 +25,11 @@ header {
display: flex; display: flex;
align-items: center; align-items: center;
@include themes.themed($color: "medium-dark"); @include themes.themed(
(
color: "medium-dark",
)
);
img#header-selfie { img#header-selfie {
width: 50px; width: 50px;
@ -30,7 +38,11 @@ header {
border-radius: 50%; border-radius: 50%;
user-select: none; user-select: none;
@include themes.themed($border-color: "light"); @include themes.themed(
(
border-color: "light",
)
);
} }
span#header-name { span#header-name {
@ -41,7 +53,11 @@ header {
} }
&:hover { &:hover {
@include themes.themed($color: "links"); @include themes.themed(
(
color: "links",
)
);
img#header-selfie { img#header-selfie {
opacity: 90%; opacity: 90%;
@ -66,22 +82,26 @@ header {
// hovers are super choppy without this in some browsers // hovers are super choppy without this in some browsers
will-change: transform; will-change: transform;
@include themes.themed($color: "medium-dark") { @include themes.themed(
// TODO: overriding transition-property from themed() -- very hacky $properties: (
transition-property: color, transform; color: "medium-dark",
transition-duration: #{settings.$theme-transition-duration}; ),
transition-timing-function: #{settings.$theme-transition-function}, ease-in-out; $addTransitions: (
} transform 0.2s ease-in-out,
)
);
&:hover { &:hover {
transform: scale(1.1); transform: scale(1.1);
@include themes.themed($color: "links") { @include themes.themed(
// TODO: overriding transition-property from themed() -- very hacky $properties: (
transition-property: color, transform; color: "links",
transition-duration: #{settings.$theme-transition-duration}; ),
transition-timing-function: #{settings.$theme-transition-function}, ease-in-out; $addTransitions: (
} transform 0.2s ease-in-out,
)
);
} }
span { span {

6
assets/sass/components/_syntax.scss
View File

@ -64,7 +64,11 @@ div.highlight-clipboard-enabled {
line-height: 1; line-height: 1;
&:hover { &:hover {
@include themes.themed($color: "links"); @include themes.themed(
(
color: "links",
)
);
} }
} }
} }

34
assets/sass/pages/_contact.scss
View File

@ -34,7 +34,13 @@ div.layout-contact {
border-radius: 0.3em; border-radius: 0.3em;
font-size: 0.9em; font-size: 0.9em;
@include themes.themed($color: "text", $background-color: "super-duper-light", $border-color: "light"); @include themes.themed(
(
color: "text",
background-color: "super-duper-light",
border-color: "light",
)
);
} }
textarea { textarea {
@ -58,11 +64,21 @@ div.layout-contact {
line-height: 1.5; line-height: 1.5;
user-select: none; user-select: none;
@include themes.themed($color: "text", $background-color: "kinda-light"); @include themes.themed(
(
color: "text",
background-color: "kinda-light",
)
);
&:hover, &:hover,
&:focus { &:focus {
@include themes.themed($color: "super-duper-light", $background-color: "links"); @include themes.themed(
(
color: "super-duper-light",
background-color: "links",
)
);
} }
img.emoji { img.emoji {
@ -76,11 +92,19 @@ div.layout-contact {
font-weight: 600; font-weight: 600;
&#contact-form-result-success { &#contact-form-result-success {
@include themes.themed($color: "success"); @include themes.themed(
(
color: "success",
)
);
} }
&#contact-form-result-error { &#contact-form-result-error {
@include themes.themed($color: "error"); @include themes.themed(
(
color: "error",
)
);
} }
} }
} }

10
assets/sass/pages/_home.scss
View File

@ -1,3 +1,5 @@
@use "sass:map";
@use "../abstracts/themes"; @use "../abstracts/themes";
@use "../abstracts/functions"; @use "../abstracts/functions";
@ -184,7 +186,11 @@ div.layout-home {
} }
&#shh { &#shh {
@include themes.themed($color: "medium-light"); @include themes.themed(
(
color: "medium-light",
)
);
} }
&.wave { &.wave {
@ -198,7 +204,7 @@ div.layout-home {
@each $theme, $color in $colors { @each $theme, $color in $colors {
@at-root body.#{$theme} div.layout-home a##{$id} { @at-root body.#{$theme} div.layout-home a##{$id} {
color: $color; color: $color;
background-image: functions.underline-hack($color); background-image: functions.underline-hack($color, map.get(map.get(themes.$themes, $theme), "background-inner"));
} }
} }
} }

6
assets/sass/pages/_list.scss
View File

@ -32,7 +32,11 @@ div.layout-list {
width: 5.25em; width: 5.25em;
flex-shrink: 0; flex-shrink: 0;
@include themes.themed($color: "medium"); @include themes.themed(
(
color: "medium",
)
);
} }
&:last-child { &:last-child {

13
assets/sass/pages/_projects.scss
View File

@ -42,7 +42,12 @@ div.layout-projects {
border-radius: 0.5em; border-radius: 0.5em;
font-size: 0.9em; font-size: 0.9em;
@include themes.themed($color: "medium-dark", $border-color: "kinda-light"); @include themes.themed(
(
color: "medium-dark",
border-color: "kinda-light",
)
);
a.repo-name { a.repo-name {
font-size: 1.2em; font-size: 1.2em;
@ -63,7 +68,11 @@ div.layout-projects {
margin-right: 1.5em; margin-right: 1.5em;
font-size: 0.925em; font-size: 0.925em;
@include themes.themed($color: "medium"); @include themes.themed(
(
color: "medium",
)
);
svg { svg {
display: inline-block; display: inline-block;

12
assets/sass/pages/_single.scss
View File

@ -13,7 +13,11 @@ div.layout-single {
line-height: 2.3; line-height: 2.3;
letter-spacing: 0.04em; letter-spacing: 0.04em;
@include themes.themed($color: "medium"); @include themes.themed(
(
color: "medium",
)
);
a { a {
color: inherit; color: inherit;
@ -65,7 +69,11 @@ div.layout-single {
content: "#"; // cosmetically hashtagify tags content: "#"; // cosmetically hashtagify tags
padding-right: 0.125em; padding-right: 0.125em;
@include themes.themed($color: "light"); @include themes.themed(
(
color: "light",
)
);
} }
&:last-of-type { &:last-of-type {

6
assets/sass/pages/_videos.scss
View File

@ -11,7 +11,11 @@ div.layout-video {
line-height: 1.5; line-height: 1.5;
margin: 1.25em 1em 0.5em 1em; margin: 1.25em 1em 0.5em 1em;
@include themes.themed($color: "medium-light"); @include themes.themed(
(
color: "medium-light",
)
);
a { a {
font-weight: bold; font-weight: bold;

3
package.json
View File

@ -80,13 +80,12 @@
"gulp-execa": "^3.0.2", "gulp-execa": "^3.0.2",
"gulp-html-minifier-terser": "^6.0.1", "gulp-html-minifier-terser": "^6.0.1",
"gulp-imagemin": "^8.0.0", "gulp-imagemin": "^8.0.0",
"hugo-extended": "github:jakejarvis/hugo-extended#reinstall-on-error", "hugo-extended": "github:jakejarvis/hugo-extended#main",
"lint-staged": "^11.2.6", "lint-staged": "^11.2.6",
"markdownlint-cli": "~0.29.0", "markdownlint-cli": "~0.29.0",
"mini-css-extract-plugin": "^2.4.3", "mini-css-extract-plugin": "^2.4.3",
"npm-run-all": "^4.1.5", "npm-run-all": "^4.1.5",
"postcss": "^8.3.11", "postcss": "^8.3.11",
"postcss-color-rgba-fallback": "^4.0.0",
"postcss-focus": "^5.0.1", "postcss-focus": "^5.0.1",
"postcss-loader": "^6.2.0", "postcss-loader": "^6.2.0",
"postcss-normalize-charset": "^5.0.1", "postcss-normalize-charset": "^5.0.1",

4
webpack.config.js
View File

@ -11,7 +11,6 @@ import TerserPlugin from "terser-webpack-plugin";
import autoprefixer from "autoprefixer"; import autoprefixer from "autoprefixer";
import postcssSvgo from "postcss-svgo"; import postcssSvgo from "postcss-svgo";
import postcssFocus from "postcss-focus"; import postcssFocus from "postcss-focus";
import postcssColorRgbaFallback from "postcss-color-rgba-fallback";
import postcssNormalizeCharset from "postcss-normalize-charset"; import postcssNormalizeCharset from "postcss-normalize-charset";
// https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c#what-do-i-use-instead-of-__dirname-and-__filename // https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c#what-do-i-use-instead-of-__dirname-and-__filename
@ -134,9 +133,6 @@ export default {
postcssSvgo({ postcssSvgo({
encode: true, encode: true,
}), }),
postcssColorRgbaFallback({
properties: ["background-image"],
}),
postcssFocus(), postcssFocus(),
postcssNormalizeCharset(), postcssNormalizeCharset(),
], ],

31
yarn.lock
View File

@ -5072,9 +5072,9 @@ https-proxy-agent@^5.0.0:
agent-base "6" agent-base "6"
debug "4" debug "4"
"hugo-extended@github:jakejarvis/hugo-extended#reinstall-on-error": "hugo-extended@github:jakejarvis/hugo-extended#main":
version "0.88.1-patch1" version "0.88.1-patch1"
resolved "https://codeload.github.com/jakejarvis/hugo-extended/tar.gz/0ecddf5b1e78fe1fa2190cea5e9db1bc9e622be3" resolved "https://codeload.github.com/jakejarvis/hugo-extended/tar.gz/8251c012de3d7d7916c1cbf21ac8013f90a1a93c"
dependencies: dependencies:
careful-downloader "^2.0.1" careful-downloader "^2.0.1"
log-symbols "^5.0.0" log-symbols "^5.0.0"
@ -7414,11 +7414,6 @@ pend@~1.2.0:
resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50" resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
integrity sha1-elfrVQpng/kRUzH89GY9XI4AelA= integrity sha1-elfrVQpng/kRUzH89GY9XI4AelA=
picocolors@^0.2.1:
version "0.2.1"
resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-0.2.1.tgz#570670f793646851d1ba135996962abad587859f"
integrity sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==
picocolors@^1.0.0: picocolors@^1.0.0:
version "1.0.0" version "1.0.0"
resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c" resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
@ -7530,15 +7525,6 @@ postcss-calc@^8.0.0:
postcss-selector-parser "^6.0.2" postcss-selector-parser "^6.0.2"
postcss-value-parser "^4.0.2" postcss-value-parser "^4.0.2"
postcss-color-rgba-fallback@^4.0.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/postcss-color-rgba-fallback/-/postcss-color-rgba-fallback-4.0.0.tgz#b836c4a34c747cf9b16f1ebcd7d6016c299e0cf2"
integrity sha512-XxjOy2dA/IYY/O9p492lklb0sw2lyshjXCoJQz7Y0YLxT1ymnep5d8LmQPkB+kCTVCzmniJNotiZhWM1RSfANA==
dependencies:
postcss "^7.0.17"
postcss-value-parser "^4.0.2"
rgb-hex "^3.0.0"
postcss-colormin@^5.2.0: postcss-colormin@^5.2.0:
version "5.2.0" version "5.2.0"
resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.2.0.tgz#2b620b88c0ff19683f3349f4cf9e24ebdafb2c88" resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.2.0.tgz#2b620b88c0ff19683f3349f4cf9e24ebdafb2c88"
@ -7819,14 +7805,6 @@ postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0:
resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ== integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
postcss@^7.0.17:
version "7.0.39"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
dependencies:
picocolors "^0.2.1"
source-map "^0.6.1"
postcss@^8.2.15, postcss@^8.2.4, postcss@^8.3.11, postcss@^8.3.5, postcss@^8.3.6: postcss@^8.2.15, postcss@^8.2.4, postcss@^8.3.11, postcss@^8.3.5, postcss@^8.3.6:
version "8.3.11" version "8.3.11"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.3.11.tgz#c3beca7ea811cd5e1c4a3ec6d2e7599ef1f8f858" resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.3.11.tgz#c3beca7ea811cd5e1c4a3ec6d2e7599ef1f8f858"
@ -8430,11 +8408,6 @@ reusify@^1.0.4:
resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76" resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw== integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
rgb-hex@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/rgb-hex/-/rgb-hex-3.0.0.tgz#eab0168cc1279563b18a14605315389142e2e487"
integrity sha512-8h7ZcwxCBDKvchSWbWngJuSCqJGQ6nDuLLg+QcRyQDbX9jMWt+PpPeXAhSla0GOooEomk3lCprUpGkMdsLjKyg==
rimraf@^2.4.0, rimraf@^2.5.4: rimraf@^2.4.0, rimraf@^2.5.4:
version "2.7.1" version "2.7.1"
resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec" resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"