forge-joniko/ldc-legaulois
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

club bs variable update

Browse source
This commit is contained in:
Jérémy Munsch 2024-07-01 12:14:25 +02:00
parent 402c084542
commit 99605561ff
No known key found for this signature in database
GPG key ID: 18361AF3BFEC0FEC
3 changed files with 1587 additions and 1536 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

148
resources/sass/club/base/_bootstrap-overload.scss
View file

@ -1,83 +1,103 @@
.nav-link.active {
color: $primary;
font-weight: bold;
}
// .nav-link.active {
// color: $primary;
// font-weight: bold;
// }
// * Overload colors
.text-bg-secondary {
color: $color-hex-dark-blue !important;
}
// .text-bg-secondary {
// color: $color-hex-dark-blue !important;
// }
.text-bg-success {
color: $color-hex-dark-blue !important;
}
// .text-bg-success {
// color: $color-hex-dark-blue !important;
// }
.text-bg-warning {
color: $color-hex-dark-blue !important;
}
// .text-bg-warning {
// color: $color-hex-dark-blue !important;
// }
.text-bg-light {
color: $color-hex-dark-blue !important;
}
// .text-bg-light {
// color: $color-hex-dark-blue !important;
// }
.btn-secondary {
$value: $color-secondary;
$color: $color-primary;
// .btn-secondary {
// $value: $color-secondary;
// $color: $color-primary;
@include button-variant(
$value,
$value,
$color: $color,
$active-color: $color,
$hover-color: $color,
$disabled-color: $color,
$hover-background: tint-color($value, $btn-hover-bg-tint-amount),
$hover-border: tint-color($value, $btn-hover-border-tint-amount),
$active-background: tint-color($value, $btn-active-bg-tint-amount),
$active-border: tint-color($value, $btn-active-border-tint-amount)
);
}
// @include button-variant(
// $value,
// $value,
// $color: $color,
// $active-color: $color,
// $hover-color: $color,
// $disabled-color: $color,
// $hover-background: tint-color($value, $btn-hover-bg-tint-amount),
// $hover-border: tint-color($value, $btn-hover-border-tint-amount),
// $active-background: tint-color($value, $btn-active-bg-tint-amount),
// $active-border: tint-color($value, $btn-active-border-tint-amount)
// );
// }
.btn-warning {
$value: $color-warning;
$color: $color-primary;
// .btn-warning {
// $value: $color-warning;
// $color: $color-primary;
@include button-variant(
$value,
$value,
$color: $color,
$active-color: $color,
$hover-color: $color,
$disabled-color: $color,
$hover-background: tint-color($value, $btn-hover-bg-tint-amount),
$hover-border: tint-color($value, $btn-hover-border-tint-amount),
$active-background: tint-color($value, $btn-active-bg-tint-amount),
$active-border: tint-color($value, $btn-active-border-tint-amount)
);
}
// @include button-variant(
// $value,
// $value,
// $color: $color,
// $active-color: $color,
// $hover-color: $color,
// $disabled-color: $color,
// $hover-background: tint-color($value, $btn-hover-bg-tint-amount),
// $hover-border: tint-color($value, $btn-hover-border-tint-amount),
// $active-background: tint-color($value, $btn-active-bg-tint-amount),
// $active-border: tint-color($value, $btn-active-border-tint-amount)
// );
// }
.btn-light {
$value: $color-light;
$color: $color-primary;
// .btn-light {
// $value: $color-light;
// $color: $color-primary;
@include button-variant(
$value,
$value,
$color: $color,
$active-color: $color,
$hover-color: $color,
$disabled-color: $color,
$hover-background: tint-color($value, $btn-hover-bg-tint-amount),
$hover-border: tint-color($value, $btn-hover-border-tint-amount),
$active-background: tint-color($value, $btn-active-bg-tint-amount),
$active-border: tint-color($value, $btn-active-border-tint-amount)
);
}
// @include button-variant(
// $value,
// $value,
// $color: $color,
// $active-color: $color,
// $hover-color: $color,
// $disabled-color: $color,
// $hover-background: tint-color($value, $btn-hover-bg-tint-amount),
// $hover-border: tint-color($value, $btn-hover-border-tint-amount),
// $active-background: tint-color($value, $btn-active-bg-tint-amount),
// $active-border: tint-color($value, $btn-active-border-tint-amount)
// );
// }
.dropdown-menu {
overflow: hidden;
}
// .link-light {
// $enable-important-utilities: true;
// color: RGB(var(--#{$prefix}light-rgb) var(--#{$prefix}link-opacity, 1)) if($enable-important-utilities, !important, null);
// text-decoration-color: RGB(var(--#{$prefix}light-rgb) var(--#{$prefix}link-underline-opacity, 1)) if($enable-important-utilities, !important, null);
// @if $link-shade-percentage != 0 {
// $value: $color-light;
// $link-shade-percentage: 60%;
// &:hover,
// &:focus {
// $hover-color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage));
// color: RGBA(#{to-rgb($hover-color)}, var(--#{$prefix}link-opacity, 1)) if($enable-important-utilities, !important, null);
// text-decoration-color: RGBA(to-rgb($hover-color), var(--#{$prefix}link-underline-opacity, 1)) if($enable-important-utilities, !important, null);
// }
// }
// }
// .form-select,
// .form-select:hover,
// .form-select:focus-visible, {

10
resources/sass/club/utilities/_variables.scss
View file

@ -25,6 +25,16 @@ $prefix: bs-;
$enable-dark-mode: true;
$enable-shadows: true;
// * CONTRAST COLORS
// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
// ! Pour respecter la charte on est obligé de baisser le ratio...
$min-contrast-ratio: 2.0;
// Customize the light and dark text colors for use in our color contrast function.
$color-contrast-dark: $color-dark;
$color-contrast-light: $color-white;
// * UTILITIES
$position-values: (
0: 0,

2965
resources/views/club/pages/bs-demo.blade.php
View file

File diff suppressed because it is too large Load diff