✨(react) add Button token font-family
Components font-family have to be customizable.
This commit is contained in:
5
.changeset/lemon-bears-own.md
Normal file
5
.changeset/lemon-bears-own.md
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"@openfun/cunningham-react": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
Add Button token font-family
|
||||||
@@ -6,6 +6,7 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: flex;
|
display: flex;
|
||||||
font-weight: var(--c--components--button--font-weight);
|
font-weight: var(--c--components--button--font-weight);
|
||||||
|
font-family: var(--c--components--button--font-family);
|
||||||
transition: all var(--c--theme--transitions--duration) var(--c--theme--transitions--ease-out);
|
transition: all var(--c--theme--transitions--duration) var(--c--theme--transitions--ease-out);
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
|
|||||||
@@ -9,5 +9,6 @@ export const tokens = (defaults: DefaultTokens) => {
|
|||||||
"medium-font-size": defaults.theme.font.sizes.l,
|
"medium-font-size": defaults.theme.font.sizes.l,
|
||||||
"small-font-size": defaults.theme.font.sizes.m,
|
"small-font-size": defaults.theme.font.sizes.m,
|
||||||
"font-weight": defaults.theme.font.weights.regular,
|
"font-weight": defaults.theme.font.weights.regular,
|
||||||
|
"font-family": defaults.theme.font.families.base,
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -202,4 +202,5 @@
|
|||||||
--c--components--button--medium-font-size: var(--c--theme--font--sizes--l);
|
--c--components--button--medium-font-size: var(--c--theme--font--sizes--l);
|
||||||
--c--components--button--small-font-size: var(--c--theme--font--sizes--m);
|
--c--components--button--small-font-size: var(--c--theme--font--sizes--m);
|
||||||
--c--components--button--font-weight: var(--c--theme--font--weights--regular);
|
--c--components--button--font-weight: var(--c--theme--font--weights--regular);
|
||||||
|
--c--components--button--font-family: var(--c--theme--font--families--base);
|
||||||
}
|
}
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user