N°7761 - De-hardcode SCSS values

This commit is contained in:
Stephen Abello
2025-09-02 16:30:20 +02:00
parent ee993ef80a
commit 0f39106b56
45 changed files with 303 additions and 146 deletions

View File

@@ -19,6 +19,9 @@ $ibo-hyperlink-text-decoration--on-hover: $common-hyperlink-text-decoration--on-
$ibo-hyperlink-color--on-active: $common-hyperlink-color--on-active !default;
$ibo-hyperlink-text-decoration--on-active: $common-hyperlink-text-decoration--on-active !default;
$ibo-paragraph--spacing-top: 0.25em !default;
$ibo-paragraph--spacing-bottom: 0.25em !default;
$ibo-figure--spacing-x: $common-figure--spacing-x !default; /* Mind that this matches Bulma rule for figure */
$ibo-figure--spacing-y: $common-figure--spacing-y !default;
@@ -122,8 +125,8 @@ $ibo-figure--spacing-y: $common-figure--spacing-y !default;
}
p {
margin-top: 0.25em;
margin-bottom: 0.25em;
margin-top: $ibo-paragraph--spacing-top;
margin-bottom: $ibo-paragraph--spacing-bottom;
}
figure {

View File

@@ -3,12 +3,15 @@
* @license http://opensource.org/licenses/AGPL-3.0
*/
$ibo-selectable--content: ' ' !default;
$ibo-selectable--background-color: $common-selectable--background-color !default;
$ibo-selectable--hover--content: '\f058' !default;
$ibo-selectable--hover--color: $common-selectable--hover--color !default;
$ibo-selectable--hover--background-color: $common-selectable--hover--background-color !default;
$ibo-selectable--hover--background-opacity: $common-selectable--hover--background-opacity !default;
$ibo-selected--content: '\f058' !default;
$ibo-selected--color: $common-selected--color !default;
$ibo-selected--background-color: $common-selected--background-color !default;
$ibo-selected--background-opacity: $common-selected--background-opacity !default;
@@ -17,21 +20,21 @@ $ibo-selected--hover--background-color: $common-selected--hover--background-colo
$ibo-selected--hover--background-opacity: $common-selected--hover--background-opacity !default;
@mixin ibo-selectable {
content: ' ';
content: $ibo-selectable--content;
@extend %fa-solid-base;
background-color: $ibo-selectable--background-color;
cursor: pointer;
}
@mixin ibo-selectable-hover {
@extend %fa-regular-base;
content: '\f058';
content: $ibo-selectable--hover--content;
color: $ibo-selectable--hover--color;
background-color: transparentize($ibo-selectable--hover--background-color, $ibo-selectable--hover--background-opacity);
}
@mixin ibo-selected {
@extend %fa-solid-base;
content: '\f058';
content: $ibo-selected--content;
color: $ibo-selected--color;
background-color: transparentize($ibo-selected--background-color, $ibo-selected--background-opacity);
}