leo/essence
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Essence.

Browse Source
This commit is contained in:
Leo
2024-01-20 01:00:45 -06:00
parent d849467457
commit cedc1182bc
2 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
readme.md
View File

@@ -1,8 +1,14 @@
# Essence # Essence
On a web project that uses Bootstrap and Webpack, simply clone this repository and add the following `import` statements in your SCSS file. On a web project, run the following commands to install Essence:
```sass ```shell
@import 'path/to/variables'; // Optional variables override Essence variables git submodule add path/to/repo/of/essence
git mv essence resources/essence
```
Import Essence from your SASS file:
```scss
@import 'path/to/essence'; @import 'path/to/essence';
``` ```

5
scss/_variables.scss
View File

@@ -18,7 +18,6 @@ $pink: #d63384 !default;
$red: #da0000 !default; // Chosen $red: #da0000 !default; // Chosen
$orange: hsl(30, 100%, 50%) !default; // Chosen, the Gold color from God $orange: hsl(30, 100%, 50%) !default; // Chosen, the Gold color from God
$green: hsl(134, 87%, 30%) !default; // Chosen $green: hsl(134, 87%, 30%) !default; // Chosen
// $green: #198754 !default;
$teal: #20c997 !default; $teal: #20c997 !default;
$cyan: #0dcaf0 !default; $cyan: #0dcaf0 !default;
@@ -60,8 +59,8 @@ $focus-ring-opacity: .175 !default;
$body-background-color: hsl(260, 27%, 94%) !default; // Bootstrap doesn't have this variable $body-background-color: hsl(260, 27%, 94%) !default; // Bootstrap doesn't have this variable
// Links // Links
$link-decoration: none !default; // $link-decoration: none !default;
$link-hover-decoration: underline !default; $link-hover-decoration: none !default;
// Typography // Typography
$font-family-sans-serif: "Roboto", sans-serif !default; $font-family-sans-serif: "Roboto", sans-serif !default;