urania/gnosis-css
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

latest

Browse Source
This commit is contained in:
urania 2024-06-18 07:16:18 +00:00
parent 92f3964668
commit 385f959068
5 changed files with 40 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
css/compiled.css
View File

@ -7967,7 +7967,7 @@ textarea.form-control-lg {
.bg-primary-400 { .bg-primary-400 {
background-color: #337ec6; background-color: #337ec6;
color: #fff9e5; color: #ffffff;
} }
.bg-gradient-x-primary-400 { .bg-gradient-x-primary-400 {
@ -8138,7 +8138,7 @@ textarea.form-control-lg {
.bg-secondary-400 { .bg-secondary-400 {
background-color: #ed63bd; background-color: #ed63bd;
color: #33322e; color: #000000;
} }
.bg-gradient-x-secondary-400 { .bg-gradient-x-secondary-400 {
@ -8157,7 +8157,7 @@ textarea.form-control-lg {
.bg-secondary-500 { .bg-secondary-500 {
background-color: #e93cac; background-color: #e93cac;
color: #fff9e5; color: #ffffff;
} }
.bg-gradient-x-secondary-500 { .bg-gradient-x-secondary-500 {
@ -8366,7 +8366,7 @@ textarea.form-control-lg {
.bg-success-700 { .bg-success-700 {
background-color: #5b8100; background-color: #5b8100;
color: #fff9e5; color: #ffffff;
} }
.bg-gradient-x-success-700 { .bg-gradient-x-success-700 {
@ -8518,7 +8518,7 @@ textarea.form-control-lg {
.bg-info-600 { .bg-info-600 {
background-color: #3492b8; background-color: #3492b8;
color: #33322e; color: #000000;
} }
.bg-gradient-x-info-600 { .bg-gradient-x-info-600 {
@ -8708,7 +8708,7 @@ textarea.form-control-lg {
.bg-warning-700 { .bg-warning-700 {
background-color: #99771a; background-color: #99771a;
color: #fff9e5; color: #ffffff;
} }
.bg-gradient-x-warning-700 { .bg-gradient-x-warning-700 {
@ -8822,7 +8822,7 @@ textarea.form-control-lg {
.bg-danger-400 { .bg-danger-400 {
background-color: #e15449; background-color: #e15449;
color: #fff9e5; color: #ffffff;
} }
.bg-gradient-x-danger-400 { .bg-gradient-x-danger-400 {
@ -9050,7 +9050,7 @@ textarea.form-control-lg {
.bg-light-700 { .bg-light-700 {
background-color: #999589; background-color: #999589;
color: #33322e; color: #000000;
} }
.bg-gradient-x-light-700 { .bg-gradient-x-light-700 {
@ -9145,7 +9145,7 @@ textarea.form-control-lg {
.bg-dark-300 { .bg-dark-300 {
background-color: #858482; background-color: #858482;
color: #fff9e5; color: #ffffff;
} }
.bg-gradient-x-dark-300 { .bg-gradient-x-dark-300 {
@ -16093,4 +16093,11 @@ a {
text-decoration-thickness: 2px; text-decoration-thickness: 2px;
} }
@media (min-width: 992px) {
.toc-margin {
max-width: 70%;
margin-left: 0;
}
}
/*# sourceMappingURL=compiled.css.map */ /*# sourceMappingURL=compiled.css.map */

2
css/compiled.css.map
View File

File diff suppressed because one or more lines are too long

2
css/compiled.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/compiled.min.css.map
View File

File diff suppressed because one or more lines are too long

39
css/scss/base.scss
View File

@ -1,3 +1,4 @@
@use "sass:math";
@import '../node_modules/bootstrap/scss/functions'; @import '../node_modules/bootstrap/scss/functions';
// override variables // override variables
@ -58,36 +59,31 @@
@import './bootstrap/utilities'; @import './bootstrap/utilities';
@function contrast-ratio($color1, $color2) { @function contrast-ratio($color1, $color2) {
// Calculate the relative luminance for each color
$luminance1: luminance($color1); $luminance1: luminance($color1);
$luminance2: luminance($color2); $luminance2: luminance($color2);
// Calculate the contrast ratio @return if(
$contrastRatio: if(
$luminance1 > $luminance2, $luminance1 > $luminance2,
calc(($luminance1 + 0.05) / ($luminance2 + 0.05)), math.div($luminance1 + 0.05,$luminance2 + 0.05),
calc(($luminance2 + 0.05) / ($luminance1 + 0.05)) math.div($luminance2 + 0.05,$luminance1 + 0.05),
); );
// Return the contrast ratio
@return $contrastRatio;
} }
@function get-contrasting-text-color($background-color, $min-contrast-ratio: 4.5) { @function get-contrasting-text-color(
// Calculate relative luminance $background-color,
$rel-lum: luminance($background-color); $light: #fff9e5,
$bg-lum: if($rel-lum > 0.5, $rel-lum, 1 - $rel-lum); $dark: #33322e,
// Calculate contrast ratio $min-contrast-ratio: 4.5
) {
$light-contrast: contrast-ratio($light, $background-color); $light-contrast: contrast-ratio($light, $background-color);
$dark-contrast: contrast-ratio($dark, $background-color); $dark-contrast: contrast-ratio($dark, $background-color);
// Determine the text color based on contrast ratio and minimum threshold @if ($dark-contrast >= $min-contrast-ratio) {
@if (calc($bg-lum * $dark-contrast) >= $min-contrast-ratio) {
@return $dark; @return $dark;
} @else if (calc($bg-lum * $light-contrast) >= $min-contrast-ratio) { } @else if ($light-contrast >= $min-contrast-ratio) {
@return $light; @return $light;
} @else { } @else {
@return if($light-contrast > $dark-contrast, $light, $dark); @return if($light-contrast < $dark-contrast, #000000, #ffffff);
} }
} }
@ -165,4 +161,11 @@ body {
a { a {
text-decoration-thickness: 2px; text-decoration-thickness: 2px;
} }
@media (min-width: 992px) {
.toc-margin {
max-width: 70%;
margin-left: 0;
}
}