@absolunet/nwayo-toolbox
functions
konstan-get
@function konstan-get($path) { ... }
View sourceDescription
Get a konstan value.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$path | Path in dot notation. | String | — none |
Returns
The value.
Requires
- [function]
nwayo-map-deep-get
Used by
- [function]
nwayo-assets-path
- [function]
nwayo-assets-path
- [function]
nwayo-assets-path
- [function]
nwayo-build-path
- [function]
nwayo-build-path
konstan-has-key
@function konstan-has-key($path) { ... }
View sourceDescription
Check if a path exists in konstan.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$path | Path in dot notation. | String | — none |
Returns
Boolean
—If path exists in konstan.
Requires
- [function]
nwayo-map-deep-has-key
nwayo-assets-path
@function nwayo-assets-path($file, $component, $type) { ... }
View sourceDescription
Get asset url based on current bundle.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$file | Filename. | String | — none |
$component | Component name. | String | — none |
$type | Asset type [images|inline|fonts]. | String | — none |
Returns
String
—Asset url.
Requires
- [function]
konstan-get
- [function]
konstan-get
- [function]
konstan-get
Used by
- [mixin]
nwayo-bg-image-styles
- [mixin]
nwayo-bg-image-styles
- [mixin]
nwayo-load-font-styles
nwayo-build-path
@function nwayo-build-path($file, $component, $type) { ... }
View sourceDescription
Get asset absolute build path based on current bundle.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$file | Filename. | String | — none |
$component | Component name. | String | — none |
$type | Asset type [images|fonts]. | String | — none |
Returns
String
—Asset absolute build path.
Requires
- [function]
konstan-get
- [function]
konstan-get
Used by
- [mixin]
nwayo-bg-image-styles
- [mixin]
nwayo-load-font-styles
nwayo-zindex
@function nwayo-zindex($scopes, $scope, $delta: 0) { ... }
View sourceDescription
Get a z-index relative to a defined scope.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$scopes | Scope names and base z-index values. | Map | — none |
$scope | Scope to use. | String | — none |
$delta | Variance to apply to the scope value. | Number | 0 |
Returns
Number
—Final z-index value.
nwayo-breakpoint-media
@function nwayo-breakpoint-media($breakpoint, $direction) { ... }
View sourceDescription
Get a breakpoint media query.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$breakpoint | Breakpoint pixel value (unitless). | Number | — none |
$direction | Include smaller or larger sizes [up|down]. | String | — none |
Returns
String
—Media query without the "@media".
Requires
- [variable]
nwayo-basic-size
nwayo-cacheinvalidator-querystring
@function nwayo-cacheinvalidator-querystring($file) { ... }
View sourceDescription
Get a cache invalidation query string based on file content.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$file | File absolute path. | String | — none |
Returns
String
—Complete query string.
Used by
- [mixin]
nwayo-bg-image-styles
- [mixin]
nwayo-bg-image-styles
- [mixin]
nwayo-load-font-styles
- [mixin]
nwayo-load-font-styles
nwayo-map-deep-split-path
@function nwayo-map-deep-split-path($path) { ... }
View sourceDescription
Extract levels of a dot notation path.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$path | Path in dot notation. | String | — none |
Returns
List
—Levels.
Used by
- [function]
nwayo-map-deep-has-key
- [function]
nwayo-map-deep-get
nwayo-map-deep-has-key
@function nwayo-map-deep-has-key($map, $path) { ... }
View sourceDescription
Check if a path exists in a map.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$map | Map to query. | Map | — none |
$path | Path in dot notation. | String | — none |
Returns
Boolean
—If path exists in map.
Requires
- [function]
nwayo-map-deep-split-path
Used by
- [function]
konstan-has-key
nwayo-map-deep-get
@function nwayo-map-deep-get($map, $path) { ... }
View sourceDescription
Get a map value via a dot notation path.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$map | Map to query. | Map | — none |
$path | Path in dot notation. | String | — none |
Returns
The value.
Requires
- [function]
nwayo-map-deep-split-path
Used by
- [function]
konstan-get
nwayo-str-replace
@function nwayo-str-replace($subject, $search, $replace: "") { ... }
View sourceDescription
Replace all occurrences of the search text with the replacement text.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$subject | Text to search within. | String | — none |
$search | Text to find. | String | — none |
$replace | Text to replace the occurences. | String | "" |
Returns
String
—Replaced text.
Used by
- [function]
nwayo-color-replace
- [function]
nwayo-color-replace
- [function]
nwayo-svg-data-uri
- [function]
nwayo-svg-data-uri
- [function]
nwayo-svg-data-uri
- [function]
nwayo-svg-data-uri
- [function]
nwayo-svg-data-uri
- [mixin]
nwayo-bg-image-styles
- [mixin]
nwayo-bg-image-styles
nwayo-color-replace
@function nwayo-color-replace($subject, $search, $replace) { ... }
View sourceDescription
Replace all occurrences of the search color with the replacement color.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$subject | Text to search within. | String | — none |
$search | Color to find. | Color | — none |
$replace | Color to replace the occurences. | Color | — none |
Returns
String
—Replaced text.
Requires
- [function]
nwayo-str-replace
- [function]
nwayo-to-string
- [function]
nwayo-to-string
- [function]
nwayo-str-replace
- [function]
nwayo-to-string
- [function]
nwayo-to-string
Used by
- [mixin]
nwayo-bg-image-styles
- [mixin]
nwayo-bg-image-styles
- [mixin]
nwayo-bg-image-styles
nwayo-to-string
@function nwayo-to-string($value) { ... }
View sourceDescription
Cast to string.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$value | Value to cast. | Any | — none |
Returns
String
—Value in string format.
Used by
- [function]
nwayo-color-replace
- [function]
nwayo-color-replace
- [function]
nwayo-color-replace
- [function]
nwayo-color-replace
nwayo-list-contains
@function nwayo-list-contains($list, $value) { ... }
View sourceDescription
Check if a list contains a value.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$list | List to check. | List | — none |
$value | Value to find. | Any | — none |
Returns
Boolean
—If list contains value.
nwayo-svg-data-uri
@function nwayo-svg-data-uri($svg) { ... }
View sourceDescription
Transform a SVG to a data-uri safe version. String chunked up in order to avoid "stack level too deep" error.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$svg | SVG content. | String | — none |
Returns
String
—SVG ready for data-uri.
Requires
- [function]
nwayo-str-replace
- [function]
nwayo-str-replace
- [function]
nwayo-str-replace
- [function]
nwayo-str-replace
- [function]
nwayo-str-replace
Used by
- [mixin]
nwayo-bg-image-styles
Links
rem-calc
@function rem-calc($values, $base: null) { ... }
View sourceDescription
Converts one or more pixel values into matching rem values.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$values | One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses. | Number or List | — none |
$base | The base value to use when calculating the | Number | null |
Returns
List
—A list of converted values.
Requires
- [variable]
nwayo-basic-size
Used by
- [mixin]
nwayo-visually-hidden-styles
- [mixin]
nwayo-visually-hidden-styles
- [mixin]
nwayo-visually-hidden-styles
Links
mixins
nwayo-bg-image-styles
@mixin nwayo-bg-image-styles($file, $component, $inline: false, $color: false) { ... }
View sourceDescription
Background image via a component asset.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$file | Filename. | String | — none |
$component | Component name. | String | — none |
$inline | Does the asset will be inlined. | Boolean | false |
$color | Remplacement colors. | Color or List or Map | false |
Example
Default usage outputs the image url, with a cache busting query string, based on the current bundle.
@include nwayo-bg-image-styles("ipsum.png", "lorem");
// background-image: url("/build/images/lorem/ipsum.png?v=x1y2z3");
If filename ends with @2x, it outputs the image url with a media query for high density image and a fallback for default image.
@include nwayo-bg-image-styles("ipsum@2x.png", "lorem");
// @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
// background-image: url("/build/images/lorem/ipsum@2x.png?v=x4y5z6");
// }
// background-image: url("/build/images/lorem/ipsum.png?v=x7y8z9");
If a binary image is inlined, it outputs a Base64 data-uri.
@include nwayo-bg-image-styles("ipsum.png", "lorem", $inline:true);
// background-image: url("data:image/png;base64,x1y2z3==");
If a SVG is inlined, it outputs a raw source data-uri.
@include nwayo-bg-image-styles("ipsum.svg", "lorem", $inline:true);
// background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%3E%3Cpath d='xyz' fill='#c0ffee'/%3E%3Cpath d='xyz' fill='#ba0bab'/%3E%3Cpath d='xyz' fill='#888888'/%3E%3C/svg%3E");
If has a remplacement color, it replaces the default $nwayo-svg-replacement-1-color color before outputing,
@include nwayo-bg-image-styles("ipsum.svg", "lorem", $inline:true, $color:#ff0000);
// background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%3E%3Cpath d='xyz' fill='#c0ffee'/%3E%3Cpath d='xyz' fill='#ff0000'/%3E%3Cpath d='xyz' fill='#888888'/%3E%3C/svg%3E");
If has a list of remplacement colors, it replaces the default $nwayo-svg-replacement-colors colors before outputing.
@include nwayo-bg-image-styles("ipsum.svg", "lorem", $inline:true, $color:(#ff0000, #0000ff));
// background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%3E%3Cpath d='xyz' fill='#0000ff'/%3E%3Cpath d='xyz' fill='#ff0000'/%3E%%3Cpath d='xyz' fill='#888888'/%3E3C/svg%3E");
If has a map of remplacement colors, it replaces key colors with value colors before outputing.
@include nwayo-bg-image-styles("ipsum.svg", "lorem", $inline:true, $color:(#888888: #abcdef));
// background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%3E%3Cpath d='xyz' fill='#c0ffee'/%3E%3Cpath d='xyz' fill='#ba0bab'/%3E%3Cpath d='xyz' fill='#abcdef'/%3E%3C/svg%3E");
Output
Background image property.
Requires
- [function]
nwayo-assets-path
- [function]
nwayo-color-replace
- [function]
nwayo-color-replace
- [function]
nwayo-color-replace
- [function]
nwayo-svg-data-uri
- [function]
nwayo-build-path
- [function]
nwayo-assets-path
- [function]
nwayo-cacheinvalidator-querystring
- [function]
nwayo-str-replace
- [function]
nwayo-str-replace
- [function]
nwayo-cacheinvalidator-querystring
- [variable]
nwayo-svg-replacement-1-color
- [variable]
nwayo-svg-replacement-colors
Used by
- [mixin]
nwayo-scalable-icon-styles
nwayo-scalable-icon-styles
@mixin nwayo-scalable-icon-styles($file, $component, $color) { ... }
View sourceDescription
Inline background image that scales with the HTML element.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$file | Filename. | String | — none |
$component | Component name. | String | — none |
$color | Remplacement colors. | Color or List or Map | — none |
Example
@include nwayo-scalable-icon-styles("ipsum.svg", "lorem");
@include nwayo-scalable-icon-styles("ipsum.svg", "lorem", $color:#ff0000);
@include nwayo-scalable-icon-styles("ipsum.svg", "lorem", $color:(#ff0000, #0000ff));
@include nwayo-scalable-icon-styles("ipsum.svg", "lorem", $color:(#888888: #abcdef));
Output
Background image properties that stick its dimensions to the HTML element.
Requires
- [mixin]
nwayo-bg-image-styles
Used by
nwayo-scalable-icon-colored-states-styles
@mixin nwayo-scalable-icon-colored-states-styles($file, $component, $state: default, $states: ()) { ... }
View sourceDescription
Inline scalable background image associating replacement colors to states.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$file | Filename. | String | — none |
$component | Component name. | String | — none |
$state | Chosen state. | Sting | default |
$states | Map of states and their remplacement colors. | Map | () |
Example
@mixin lorem-ipsum($state) {
@include nwayo-scalable-icon-colored-states-styles("ipsum.svg", "lorem", $state, $states:(
default: #ff0000,
hover: (#ff0000, #0000ff),
active: (#888888: #abcdef)
)));
}
@include lorem-ipsum();
@include lorem-ipsum(hover);
@include lorem-ipsum(active);
Output
Scalable background image properties.
Requires
- [mixin]
nwayo-scalable-icon-styles
nwayo-load-font-styles
@mixin nwayo-load-font-styles($name, $filename, $component, $weight: normal, $style: normal) { ... }
View sourceDescription
WOFF (WOFF2 if file exists) @font-face declaration via component assets.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$name | Name of the font. | String | — none |
$filename | Filename without extension of WOFF/WOFF2 files. | String | — none |
$component | Component name. | String | — none |
$weight | Weight of the font. | String | normal |
$style | Style of the font. | String | normal |
Example
@include nwayo-load-font-styles("Open Sans", "opensans-regular-webfont", "lorem");
@include nwayo-load-font-styles("Open Sans", "opensans-italic-webfont", "lorem", $style:italic);
@include nwayo-load-font-styles("Open Sans", "opensans-bold-webfont", "lorem", $weight:700);
@include nwayo-load-font-styles("Open Sans", "opensans-bolditalic-webfont", "lorem", $weight:700, $style:italic);
Output
Font face declaration with a cache busting query string.
Requires
- [function]
nwayo-build-path
- [function]
nwayo-assets-path
- [function]
nwayo-cacheinvalidator-querystring
- [function]
nwayo-cacheinvalidator-querystring
nwayo-pseudo-image-styles
@mixin nwayo-pseudo-image-styles($width, $height: $width) { ... }
View sourceDescription
Prepare a ::before/::after pseudo-element to be used with a background image.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$width | Width. | Number | — none |
$height | Height. | Number | $width |
Output
Empty content, width and height.
nwayo-textreplace-image-styles
@mixin nwayo-textreplace-image-styles($width, $height: $width) { ... }
View sourceDescription
Hide text inside an element to replace it by a background image.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$width | Width. | Number | — none |
$height | Height. | Number | $width |
Output
Replaced width/height with padding that overflows the content outside the visible container.
nwayo-clearfix-styles
@mixin nwayo-clearfix-styles() { ... }
View sourceDescription
Force an element to self-clear its children.
Parameters
None.
Output
Ye Olde Clearfix.
Used by
- [mixin]
nwayo-column-list-styles
Links
nwayo-scaling-block-styles
@mixin nwayo-scaling-block-styles($width: 2, $height: 1, $subselector: .scaling-block-content) { ... }
View sourceDescription
Make an element scalable within a ratio.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$width | Width ratio. | Number | 2 |
$height | Height ratio. | Number | 1 |
$subselector | Subelement selector. | String | .scaling-block-content |
Output
Scalable element that requires a subelement accessible via $subselector.
nwayo-valign-parent-styles
@mixin nwayo-valign-parent-styles($subselector: .valign-child) { ... }
View sourceDescription
Center vertically the child within its parent.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$subselector | Subelement selector. | String | .valign-child |
Output
A container which vertically centers a subelement accessible via $subselector.
nwayo-list-reset-styles
@mixin nwayo-list-reset-styles() { ... }
View sourceDescription
Reset basic list styles (spacing, markers).
Parameters
None.
Output
Resetter.
Used by
- [mixin]
nwayo-list-inline-styles
nwayo-list-inline-styles
@mixin nwayo-list-inline-styles() { ... }
View sourceDescription
Reset basic list styles to make it inline (spacing, markers).
Parameters
None.
Output
Resetter.
Requires
- [mixin]
nwayo-list-reset-styles
nwayo-placeholder-styles
@mixin nwayo-placeholder-styles($selector: .placeholder) { ... }
View sourceDescription
Define input and select placeholder.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$selector | Selector for manual placeholder. | String | .placeholder |
Output
Styled placeholders.
nwayo-select-reset-styles
@mixin nwayo-select-reset-styles() { ... }
View sourceDescription
Reset select styles.
Parameters
None.
Output
Resetted select.
nwayo-input-file-button-styles
@mixin nwayo-input-file-button-styles() { ... }
View sourceDescription
Customize input file button.
Parameters
None.
Output
Styled button.
nwayo-arrow-styles
@mixin nwayo-arrow-styles($direction: right, $size: .625em, $color) { ... }
View sourceDescription
Pseudo-arrow via creative border management.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$direction | Pointing direction (up, down, left, right). | String | right |
$size | Size. | Number | .625em |
$color | Color. | Color | — none |
Output
Pseudo-arrow.
nwayo-column-list-styles
@mixin nwayo-column-list-styles($subselector: > li, $nb-column: 2, $bullet-spacing: 1.0625em, $column-spacing: 1.875em, $row-spacing: .625em, $base-style: true) { ... }
View sourceDescription
Stylize a list into columns.
Parameters
parameter Name | parameter Description | parameter Type | parameter Default value |
---|---|---|---|
$subselector | Subelement selector. | String | > li |
$nb-column | Number of columns. | Number | 2 |
$bullet-spacing | Spacing reserved outside of | Number | 1.0625em |
$column-spacing | Spacing between columns. | Number | 1.875em |
$row-spacing | Spacing between rows. | Number | .625em |
$base-style | Wether or not to output base styles. | Boolean | true |
Output
Columned list.
Requires
- [mixin]
nwayo-clearfix-styles
variables
nwayo-basic-size
$nwayo-basic-size: 16;
View sourceDescription
All rem / em sizes depend on this.
Type
Number
Used by
- [function]
nwayo-breakpoint-media
- [function]
rem-calc
nwayo-svg-replacement-1-color
$nwayo-svg-replacement-1-color: #ba0bab;
View sourceDescription
First replacement color for SVG in nwayo-bg-image-styles.
Type
Color
Used by
- [mixin]
nwayo-bg-image-styles
- [variable]
nwayo-svg-replacement-colors
nwayo-svg-replacement-2-color
$nwayo-svg-replacement-2-color: #c0ffee;
View sourceDescription
Second replacement color for SVG in nwayo-bg-image-styles.
Type
Color
Used by
- [variable]
nwayo-svg-replacement-colors
nwayo-svg-replacement-colors
$nwayo-svg-replacement-colors: ($nwayo-svg-replacement-1-color, $nwayo-svg-replacement-2-color);
View sourceDescription
All replacement colors for SVG in nwayo-bg-image-styles.
Type
List<color>
Requires
- [variable]
nwayo-svg-replacement-1-color
- [variable]
nwayo-svg-replacement-2-color
Used by
- [mixin]
nwayo-bg-image-styles
nwayo-social-colors
$nwayo-social-colors: (
'facebook': #1877f2,
'messenger': #000000,
'pinterest': #d6001c,
'twitter': #1d9bf0,
'instagram': #bc2a8d,
'youtube': #ff0000,
'vimeo': #1ab7ea,
'linkedin': #0077b5,
'whatsapp': #25d366,
'snapchat': #fffc00,
'tiktok': #000000
);
View sourceType
Map<string,color>
Map structure
nwayo-sansserif-font
$nwayo-sansserif-font: Helvetica, Arial, Verdana, sans-serif;
View sourceDescription
Default sans-serif fonts fallback.
Type
String
nwayo-serif-font
$nwayo-serif-font: 'Times New Roman', Times, serif;
View sourceDescription
Default serif fonts fallback.
Type
String
nwayo-monospace-font
$nwayo-monospace-font: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', Courier, monospace;
View sourceDescription
Default monospace fonts fallback.
Type
String
nwayo-thin-weight
$nwayo-thin-weight: 100;
View sourceDescription
Thin / Hairline font weight.
Type
Number
nwayo-extralight-weight
$nwayo-extralight-weight: 200;
View sourceDescription
Ultra-light / Extra-light font weight.
Type
Number
nwayo-light-weight
$nwayo-light-weight: 300;
View sourceDescription
Light font weight.
Type
Number
nwayo-normal-weight
$nwayo-normal-weight: 400;
View sourceDescription
Normal / Regular font weight.
Type
Number
nwayo-medium-weight
$nwayo-medium-weight: 500;
View sourceDescription
Medium font weight.
Type
Number
nwayo-semibold-weight
$nwayo-semibold-weight: 600;
View sourceDescription
Semi-bold / Demi-bold font weight.
Type
Number
nwayo-bold-weight
$nwayo-bold-weight: 700;
View sourceDescription
Bold font weight.
Type
Number
nwayo-extrabold-weight
$nwayo-extrabold-weight: 800;
View sourceDescription
Extra-bold / Ultra-bold font weight.
Type
Number
nwayo-black-weight
$nwayo-black-weight: 900;
View sourceDescription
Heavy / Black font weight.
Type
Number
nwayo-extrablack-weight
$nwayo-extrablack-weight: 950;
View sourceDescription
Extra-black / Ultra-black font weight.
Type
Number
nwayo-bull-char
$nwayo-bull-char: '\2022';
View sourceDescription
"•" character.
Type
String
nwayo-times-char
$nwayo-times-char: '\00D7';
View sourceDescription
"×" character.
Type
String
nwayo-endash-char
$nwayo-endash-char: '\2013';
View sourceDescription
"–" character.
Type
String
nwayo-textfields-selector
$nwayo-textfields-selector: 'input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="search"], input[type="date"], input[type="number"]';
View sourceDescription
All text-like inputs.
Type
String
nwayo-hover-selector
$nwayo-hover-selector: 'html:not([data-whatintent="touch"]) &:hover';
View sourceDescription
:hover selector active only on non-touch devices according to What Input?.
Type
String
nwayo-docloaded-selector
$nwayo-docloaded-selector: 'body.document-loaded';
View sourceDescription
Body selector active only after document has loaded.
Type
String
debug-red
$debug-red: #ee2c2c;
View sourceDescription
Pleasant red for debugging.
Type
Color
debug-orange
$debug-orange: #ffa500;
View sourceDescription
Pleasant orange for debugging.
Type
Color
debug-yellow
$debug-yellow: #ffdf33;
View sourceDescription
Pleasant yellow for debugging.
Type
Color
debug-green
$debug-green: #76ee00;
View sourceDescription
Pleasant green for debugging.
Type
Color
debug-blue
$debug-blue: #1e90ff;
View sourceDescription
Pleasant blue for debugging.
Type
Color
debug-purple
$debug-purple: #a020f0;
View sourceDescription
Pleasant purple for debugging.
Type
Color