feat(BOOK-757): Replaced Biroscript component with Typography
Approved-by: Bianca Widstam
This commit is contained in:
@@ -62,6 +62,10 @@
|
||||
.bodyText {
|
||||
color: var(--Primary-Light-On-Surface-Text);
|
||||
}
|
||||
|
||||
.scriptedTitle {
|
||||
color: var(--Primary-Light-On-Surface-Accent);
|
||||
}
|
||||
}
|
||||
|
||||
.themeTwo {
|
||||
@@ -72,6 +76,10 @@
|
||||
.bodyText {
|
||||
color: var(--Secondary-Light-On-Surface-Text);
|
||||
}
|
||||
|
||||
.scriptedTitle {
|
||||
color: var(--Secondary-Light-On-Surface-Accent);
|
||||
}
|
||||
}
|
||||
|
||||
.themeThree {
|
||||
@@ -82,6 +90,10 @@
|
||||
.bodyText {
|
||||
color: var(--Tertiary-Light-On-Surface-Text);
|
||||
}
|
||||
|
||||
.scriptedTitle {
|
||||
color: var(--Tertiary-Light-On-Surface-Accent);
|
||||
}
|
||||
}
|
||||
|
||||
.themePrimaryDark {
|
||||
@@ -92,6 +104,10 @@
|
||||
.bodyText {
|
||||
color: var(--Primary-Dark-On-Surface-Text);
|
||||
}
|
||||
|
||||
.scriptedTitle {
|
||||
color: var(--Primary-Dark-On-Surface-Accent);
|
||||
}
|
||||
}
|
||||
|
||||
.themePrimaryDim {
|
||||
@@ -102,6 +118,10 @@
|
||||
.bodyText {
|
||||
color: var(--Primary-Dim-On-Surface-Text);
|
||||
}
|
||||
|
||||
.scriptedTitle {
|
||||
color: var(--Primary-Dim-On-Surface-Accent);
|
||||
}
|
||||
}
|
||||
|
||||
.themePrimaryInverted {
|
||||
@@ -112,6 +132,10 @@
|
||||
.bodyText {
|
||||
color: var(--Primary-Light-On-Surface-Text);
|
||||
}
|
||||
|
||||
.scriptedTitle {
|
||||
color: var(--Primary-Light-On-Surface-Accent);
|
||||
}
|
||||
}
|
||||
|
||||
.themePrimaryStrong {
|
||||
@@ -122,6 +146,10 @@
|
||||
.bodyText {
|
||||
color: var(--Primary-Strong-On-Surface-Text);
|
||||
}
|
||||
|
||||
.scriptedTitle {
|
||||
color: var(--Primary-Strong-On-Surface-Accent);
|
||||
}
|
||||
}
|
||||
|
||||
.themeImage {
|
||||
@@ -134,6 +162,10 @@
|
||||
.content {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.scriptedTitle {
|
||||
color: var(--Base-Text-Inverted);
|
||||
}
|
||||
}
|
||||
|
||||
.scriptContainer {
|
||||
@@ -144,6 +176,8 @@
|
||||
.scriptedTitle {
|
||||
padding: var(--Space-x1);
|
||||
margin: 0;
|
||||
transform: rotate(-3deg);
|
||||
transform-origin: left;
|
||||
}
|
||||
|
||||
.buttonContainer {
|
||||
|
||||
Reference in New Issue
Block a user