|
|
@ -8,11 +8,11 @@ object WtTexts : StyleSheet(AppStylesheet) { |
|
|
|
val wtHero by style { |
|
|
|
val wtHero by style { |
|
|
|
color(Color("#27282c")) |
|
|
|
color(Color("#27282c")) |
|
|
|
fontSize(60.px) |
|
|
|
fontSize(60.px) |
|
|
|
property("font-size", AppCSSVariables.wtHeroFontSize.value(60.px)) |
|
|
|
fontSize(AppCSSVariables.wtHeroFontSize.value(60.px)) |
|
|
|
property("letter-spacing", (-1.5).px) |
|
|
|
letterSpacing((-1.5).px) |
|
|
|
property("font-weight", 900) |
|
|
|
fontWeight(900) |
|
|
|
property("line-height", 64.px) |
|
|
|
lineHeight(64.px) |
|
|
|
property("line-height", AppCSSVariables.wtHeroLineHeight.value(64.px)) |
|
|
|
lineHeight(AppCSSVariables.wtHeroLineHeight.value(64.px)) |
|
|
|
|
|
|
|
|
|
|
|
media(mediaMaxWidth(640.px)) { |
|
|
|
media(mediaMaxWidth(640.px)) { |
|
|
|
self style { |
|
|
|
self style { |
|
|
@ -30,11 +30,11 @@ object WtTexts : StyleSheet(AppStylesheet) { |
|
|
|
val wtSubtitle2 by style { |
|
|
|
val wtSubtitle2 by style { |
|
|
|
color(Color("#27282c")) |
|
|
|
color(Color("#27282c")) |
|
|
|
fontSize(28.px) |
|
|
|
fontSize(28.px) |
|
|
|
property("font-size", AppCSSVariables.wtSubtitle2FontSize.value(28.px)) |
|
|
|
fontSize(AppCSSVariables.wtSubtitle2FontSize.value(28.px)) |
|
|
|
property("letter-spacing", "normal") |
|
|
|
letterSpacing("normal") |
|
|
|
property("font-weight", 300) |
|
|
|
fontWeight(300) |
|
|
|
property("line-height", 40.px) |
|
|
|
lineHeight(40.px) |
|
|
|
property("line-height", AppCSSVariables.wtSubtitle2LineHeight.value(40.px)) |
|
|
|
lineHeight(AppCSSVariables.wtSubtitle2LineHeight.value(40.px)) |
|
|
|
|
|
|
|
|
|
|
|
media(mediaMaxWidth(640.px)) { |
|
|
|
media(mediaMaxWidth(640.px)) { |
|
|
|
self style { |
|
|
|
self style { |
|
|
@ -52,9 +52,9 @@ object WtTexts : StyleSheet(AppStylesheet) { |
|
|
|
val wtText1 by style { |
|
|
|
val wtText1 by style { |
|
|
|
color(rgba(39, 40, 44, .7)) |
|
|
|
color(rgba(39, 40, 44, .7)) |
|
|
|
fontSize(18.px) |
|
|
|
fontSize(18.px) |
|
|
|
property("letter-spacing", "normal") |
|
|
|
letterSpacing("normal") |
|
|
|
property("font-weight", 400) |
|
|
|
fontWeight(400) |
|
|
|
property("line-height", 28.px) |
|
|
|
lineHeight(28.px) |
|
|
|
|
|
|
|
|
|
|
|
property( |
|
|
|
property( |
|
|
|
"font-family", |
|
|
|
"font-family", |
|
|
@ -69,9 +69,9 @@ object WtTexts : StyleSheet(AppStylesheet) { |
|
|
|
val wtText2 by style { |
|
|
|
val wtText2 by style { |
|
|
|
color(rgba(39, 40, 44, .7)) |
|
|
|
color(rgba(39, 40, 44, .7)) |
|
|
|
fontSize(15.px) |
|
|
|
fontSize(15.px) |
|
|
|
property("letter-spacing", "normal") |
|
|
|
letterSpacing("normal") |
|
|
|
property("font-weight", 400) |
|
|
|
fontWeight(400) |
|
|
|
property("line-height", 24.px) |
|
|
|
lineHeight(24.px) |
|
|
|
|
|
|
|
|
|
|
|
property( |
|
|
|
property( |
|
|
|
"font-family", |
|
|
|
"font-family", |
|
|
@ -82,9 +82,9 @@ object WtTexts : StyleSheet(AppStylesheet) { |
|
|
|
val wtText3 by style { |
|
|
|
val wtText3 by style { |
|
|
|
color(rgba(39, 40, 44, .7)) |
|
|
|
color(rgba(39, 40, 44, .7)) |
|
|
|
fontSize(12.px) |
|
|
|
fontSize(12.px) |
|
|
|
property("letter-spacing", "normal") |
|
|
|
letterSpacing("normal") |
|
|
|
property("font-weight", 400) |
|
|
|
fontWeight(400) |
|
|
|
property("line-height", 16.px) |
|
|
|
lineHeight(16.px) |
|
|
|
|
|
|
|
|
|
|
|
property( |
|
|
|
property( |
|
|
|
"font-family", |
|
|
|
"font-family", |
|
|
@ -117,11 +117,11 @@ object WtTexts : StyleSheet(AppStylesheet) { |
|
|
|
val wtH2 by style { |
|
|
|
val wtH2 by style { |
|
|
|
color(Color("#27282c")) |
|
|
|
color(Color("#27282c")) |
|
|
|
fontSize(31.px) |
|
|
|
fontSize(31.px) |
|
|
|
property("font-size", AppCSSVariables.wtH2FontSize.value(31.px)) |
|
|
|
fontSize(AppCSSVariables.wtH2FontSize.value(31.px)) |
|
|
|
property("letter-spacing", (-.5).px) |
|
|
|
letterSpacing((-.5).px) |
|
|
|
property("font-weight", 700) |
|
|
|
fontWeight(700) |
|
|
|
property("line-height", 40.px) |
|
|
|
lineHeight(40.px) |
|
|
|
property("line-height", 40.px) |
|
|
|
lineHeight(40.px) |
|
|
|
|
|
|
|
|
|
|
|
media(mediaMaxWidth(640.px)) { |
|
|
|
media(mediaMaxWidth(640.px)) { |
|
|
|
self style { |
|
|
|
self style { |
|
|
@ -143,11 +143,11 @@ object WtTexts : StyleSheet(AppStylesheet) { |
|
|
|
val wtH3 by style { |
|
|
|
val wtH3 by style { |
|
|
|
color(Color("#27282c")) |
|
|
|
color(Color("#27282c")) |
|
|
|
fontSize(21.px) |
|
|
|
fontSize(21.px) |
|
|
|
property("font-size", AppCSSVariables.wtH3FontSize.value(20.px)) |
|
|
|
fontSize(AppCSSVariables.wtH3FontSize.value(20.px)) |
|
|
|
property("letter-spacing", "normal") |
|
|
|
letterSpacing("normal") |
|
|
|
property("font-weight", 700) |
|
|
|
fontWeight(700) |
|
|
|
property("line-height", 28.px) |
|
|
|
lineHeight(28.px) |
|
|
|
property("line-height", AppCSSVariables.wtH3LineHeight.value(28.px)) |
|
|
|
lineHeight(AppCSSVariables.wtH3LineHeight.value(28.px)) |
|
|
|
|
|
|
|
|
|
|
|
property( |
|
|
|
property( |
|
|
|
"font-family", |
|
|
|
"font-family", |
|
|
@ -164,11 +164,11 @@ object WtTexts : StyleSheet(AppStylesheet) { |
|
|
|
backgroundColor(Color("#167dff")) |
|
|
|
backgroundColor(Color("#167dff")) |
|
|
|
fontSize(15.px) |
|
|
|
fontSize(15.px) |
|
|
|
display(DisplayStyle.InlineBlock) |
|
|
|
display(DisplayStyle.InlineBlock) |
|
|
|
property("text-decoration", "none") |
|
|
|
textDecoration("none") |
|
|
|
property("border-radius", "24px") |
|
|
|
borderRadius(24.px) |
|
|
|
property("padding", "12px 32px") |
|
|
|
padding(12.px, 32.px) |
|
|
|
property("line-height", 24.px) |
|
|
|
lineHeight(24.px) |
|
|
|
property("font-weight", 400) |
|
|
|
fontWeight(400) |
|
|
|
property("width", "fit-content") |
|
|
|
property("width", "fit-content") |
|
|
|
|
|
|
|
|
|
|
|
hover(self) style { |
|
|
|
hover(self) style { |
|
|
@ -183,7 +183,7 @@ object WtTexts : StyleSheet(AppStylesheet) { |
|
|
|
backgroundColor(Color("transparent")) |
|
|
|
backgroundColor(Color("transparent")) |
|
|
|
border(0.px) |
|
|
|
border(0.px) |
|
|
|
|
|
|
|
|
|
|
|
property("outline", "none") |
|
|
|
outline("none") |
|
|
|
|
|
|
|
|
|
|
|
hover(self) style { |
|
|
|
hover(self) style { |
|
|
|
backgroundColor(rgba(255, 255, 255, 0.1)) |
|
|
|
backgroundColor(rgba(255, 255, 255, 0.1)) |
|
|
@ -200,7 +200,7 @@ object WtTexts : StyleSheet(AppStylesheet) { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
val wtSocialButtonItem by style { |
|
|
|
val wtSocialButtonItem by style { |
|
|
|
property("margin-right", 16.px) |
|
|
|
marginRight(16.px) |
|
|
|
marginLeft(16.px) |
|
|
|
marginLeft(16.px) |
|
|
|
padding(12.px) |
|
|
|
padding(12.px) |
|
|
|
backgroundColor(Color("transparent")) |
|
|
|
backgroundColor(Color("transparent")) |
|
|
@ -208,13 +208,13 @@ object WtTexts : StyleSheet(AppStylesheet) { |
|
|
|
|
|
|
|
|
|
|
|
hover(self) style { |
|
|
|
hover(self) style { |
|
|
|
backgroundColor(rgba(255, 255, 255, 0.1)) |
|
|
|
backgroundColor(rgba(255, 255, 255, 0.1)) |
|
|
|
property("border-radius", "24px") |
|
|
|
borderRadius(24.px) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
media(mediaMaxWidth(640.px)) { |
|
|
|
media(mediaMaxWidth(640.px)) { |
|
|
|
self style { |
|
|
|
self style { |
|
|
|
property("margin-right", 8.px) |
|
|
|
marginRight(8.px) |
|
|
|
property("margin-left", 8.px) |
|
|
|
marginLeft(8.px) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|