diff --git a/docs/documentation/components/tabs.html b/docs/documentation/components/tabs.html index 90ded65d..7e7aa9eb 100644 --- a/docs/documentation/components/tabs.html +++ b/docs/documentation/components/tabs.html @@ -156,6 +156,7 @@

CSS

--tabs-item-line-height: ; --tabs-item-background-color: ; --tabs-item-text-decoration: ; + --tabs-item-font-weight: ; /* List item hover */ --tabs-item-hover-border-width: ; @@ -163,6 +164,7 @@

CSS

--tabs-item-hover-border-color: ; --tabs-item-hover-text-color: ; --tabs-item-hover-background-color: ; + --tabs-item-hover-font-weight: ; /* List item active */ --tabs-item-active-border-width: ; @@ -171,6 +173,7 @@

CSS

--tabs-item-active-text-color: ; --tabs-item-active-background-color: ; --tabs-item-padding: ; + --tabs-item-active-font-weight: ; /* List item active hover */ --tabs-item-active-hover-border-width: ; @@ -178,6 +181,7 @@

CSS

--tabs-item-active-hover-border-color: ; --tabs-item-active-hover-text-color: ; --tabs-item-active-hover-background-color: ; + --tabs-item-active-hover-font-weight: ; } diff --git a/manon/tabs-variables.scss b/manon/tabs-variables.scss index 77e0db8c..7d59edc2 100644 --- a/manon/tabs-variables.scss +++ b/manon/tabs-variables.scss @@ -19,13 +19,15 @@ --tabs-item-line-height: var(--application-base-line-height); --tabs-item-background-color: var(--tabs-background-color); --tabs-item-text-decoration: none; + --tabs-item-font-weight: var(--application-base-font-weight); /* List item hover */ - --tabs-item-hover-border-width: 0 0 4px 0; + --tabs-item-hover-border-width: 0; --tabs-item-hover-border-style: solid; --tabs-item-hover-border-color: var(--application-base-accent-color); --tabs-item-hover-text-color: black; --tabs-item-hover-background-color: var(--tabs-item-background-color); + --tabs-item-hover-font-weight: var(--tabs-item-font-weight); /* List item active */ --tabs-item-active-border-width: 0 0 4px 0; @@ -34,6 +36,7 @@ --tabs-item-active-text-color: black; --tabs-item-active-background-color: var(--tabs-item-background-color); --tabs-item-padding: 0.5rem 0; + --tabs-item-active-font-weight: bold; /* List item active hover */ --tabs-item-active-hover-border-width: 0 0 4px 0; @@ -41,4 +44,5 @@ --tabs-item-active-hover-border-color: var(--application-base-accent-color); --tabs-item-active-hover-text-color: black; --tabs-item-active-hover-background-color: var(--tabs-item-background-color); + --tabs-item-active-hover-font-weight: var(--tabs-item-active-font-weight); } diff --git a/manon/tabs.scss b/manon/tabs.scss index 394af991..cd9bd61e 100644 --- a/manon/tabs.scss +++ b/manon/tabs.scss @@ -13,6 +13,7 @@ padding: var(--tabs-item-padding); background-color: var(--tabs-item-background-color); text-decoration: var(--tabs-item-text-decoration); + font-weight: var(--tabs-item-font-weight); white-space: nowrap; display: inline-block; @@ -21,6 +22,7 @@ border-style: var(--tabs-item-hover-border-style); border-color: var(--tabs-item-hover-border-color); color: var(--tabs-item-hover-text-color); + font-weight: var(--tabs-item-hover-font-weight); background-color: var(--tabs-item-hover-background-color); } } @@ -31,6 +33,7 @@ border-color: var(--tabs-item-active-border-color); color: var(--tabs-item-active-text-color); background-color: var(--tabs-item-active-background-color); + font-weight: var(--tabs-item-active-font-weight); &:hover { border-width: var(--tabs-item-active-hover-border-width); @@ -38,6 +41,7 @@ border-color: var(--tabs-item-active-hover-border-color); color: var(--tabs-item-active-hover-text-color); background-color: var(--tabs-item-active-hover-background-color); + font-weight: var(--tabs-item-active-hover-font-weight); } }