github
/
compose-jb
mirror of https://gitee.com/github-sync-mirror/compose-jb.git
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

Update examples to 0.5.0-build221

pull/766/head 0.5.0-build222
Shagen Ogandzhanian 3 years ago
parent
9698698bd0
commit
492a5227e1
19 changed files with 120 additions and 122 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      examples/falling_balls_with_web/build.gradle.kts
  2. 2
      examples/web-getting-started/build.gradle.kts
  3. 2
      examples/web-with-react/build.gradle.kts
  4. 2
      examples/web_landing/build.gradle.kts
  5. 6
      examples/web_landing/src/jsMain/kotlin/com/sample/components/Layout.kt
  6. 2
      examples/web_landing/src/jsMain/kotlin/com/sample/content/AboutComposeWebLibsSection.kt
  7. 6
      examples/web_landing/src/jsMain/kotlin/com/sample/content/CodeSamplesSwitcher.kt
  8. 10
      examples/web_landing/src/jsMain/kotlin/com/sample/content/CodeSnippets.kt
  9. 6
      examples/web_landing/src/jsMain/kotlin/com/sample/content/Footer.kt
  10. 6
      examples/web_landing/src/jsMain/kotlin/com/sample/content/Header.kt
  11. 14
      examples/web_landing/src/jsMain/kotlin/com/sample/content/IntroSection.kt
  12. 18
      examples/web_landing/src/jsMain/kotlin/com/sample/style/Stylesheet.kt
  13. 16
      examples/web_landing/src/jsMain/kotlin/com/sample/style/WtCard.kt
  14. 8
      examples/web_landing/src/jsMain/kotlin/com/sample/style/WtCol.kt
  15. 30
      examples/web_landing/src/jsMain/kotlin/com/sample/style/WtContainer.kt
  16. 4
      examples/web_landing/src/jsMain/kotlin/com/sample/style/WtOffest.kt
  17. 12
      examples/web_landing/src/jsMain/kotlin/com/sample/style/WtRow.kt
  18. 10
      examples/web_landing/src/jsMain/kotlin/com/sample/style/WtSection.kt
  19. 86
      examples/web_landing/src/jsMain/kotlin/com/sample/style/WtText.kt

2
examples/falling_balls_with_web/build.gradle.kts
Unescape View File

@ -3,7 +3,7 @@ import org.jetbrains.compose.desktop.application.dsl.TargetFormat
plugins { plugins {
kotlin("multiplatform") version "1.5.10" kotlin("multiplatform") version "1.5.10"
id("org.jetbrains.compose") version "0.0.0-web-dev-14" id("org.jetbrains.compose") version "0.5.0-build221"
} }
version = "1.0-SNAPSHOT" version = "1.0-SNAPSHOT"

2
examples/web-getting-started/build.gradle.kts
Unescape View File

@ -1,6 +1,6 @@
plugins { plugins {
kotlin("multiplatform") version "1.5.10" kotlin("multiplatform") version "1.5.10"
id("org.jetbrains.compose") version "0.0.0-web-dev-14" id("org.jetbrains.compose") version "0.5.0-build221"
} }
repositories { repositories {

2
examples/web-with-react/build.gradle.kts
Unescape View File

@ -1,6 +1,6 @@
plugins { plugins {
kotlin("multiplatform") version "1.5.10" kotlin("multiplatform") version "1.5.10"
id("org.jetbrains.compose") version "0.0.0-web-dev-14" id("org.jetbrains.compose") version "0.5.0-build221"
} }
repositories { repositories {

2
examples/web_landing/build.gradle.kts
Unescape View File

@ -1,6 +1,6 @@
plugins { plugins {
kotlin("multiplatform") version "1.5.10" kotlin("multiplatform") version "1.5.10"
id("org.jetbrains.compose") version "0.0.0-web-dev-14" id("org.jetbrains.compose") version "0.5.0-build221"
} }
repositories { repositories {

6
examples/web_landing/src/jsMain/kotlin/com/sample/components/Layout.kt
Unescape View File

@ -17,7 +17,7 @@ fun Layout(content: @Composable () -> Unit) {
flexDirection(FlexDirection.Column) flexDirection(FlexDirection.Column)
height(100.percent) height(100.percent)
margin(0.px) margin(0.px)
property("box-sizing", "border-box".asStylePropertyValue()) property("box-sizing", "border-box")
} }
}) { }) {
content() content()
@ -28,8 +28,8 @@ fun Layout(content: @Composable () -> Unit) {
fun MainContentLayout(content: @Composable () -> Unit) { fun MainContentLayout(content: @Composable () -> Unit) {
Main({ Main({
style { style {
property("flex", value("1 0 auto")) property("flex", "1 0 auto")
property("box-sizing", "border-box".asStylePropertyValue()) property("box-sizing", "border-box")
} }
}) { }) {
content() content()

2
examples/web_landing/src/jsMain/kotlin/com/sample/content/AboutComposeWebLibsSection.kt
Unescape View File

@ -87,7 +87,7 @@ private fun CardWithList(card: CardWithListPresentation) {
card.list.forEachIndexed { ix, it -> card.list.forEachIndexed { ix, it ->
Li({ Li({
style { style {
property("padding-top", value(24.px)) property("padding-top", 24.px)
} }
}) { Text(it) } }) { Text(it) }
} }

6
examples/web_landing/src/jsMain/kotlin/com/sample/content/CodeSamplesSwitcher.kt
Unescape View File

@ -34,9 +34,9 @@ object SwitcherStylesheet : StyleSheet(AppStylesheet) {
display(DisplayStyle.InlineBlock) display(DisplayStyle.InlineBlock)
property("width", SwitcherVariables.labelWidth.value(56.px)) property("width", SwitcherVariables.labelWidth.value(56.px))
property("padding", SwitcherVariables.labelPadding.value(10.px)) property("padding", SwitcherVariables.labelPadding.value(10.px))
property("transition", value("all 0.3s")) property("transition", "all 0.3s")
property("text-align", value("center")) property("text-align", "center")
property("box-sizing", value("border-box")) property("box-sizing", "border-box")
border { border {
style(LineStyle.Solid) style(LineStyle.Solid)

10
examples/web_landing/src/jsMain/kotlin/com/sample/content/CodeSnippets.kt
Unescape View File

@ -237,7 +237,7 @@ private fun TitledCodeSample(title: String, code: String) {
style { style {
backgroundColor(Color.RGBA(39, 40, 44, 0.05)) backgroundColor(Color.RGBA(39, 40, 44, 0.05))
borderRadius(8.px, 8.px, 8.px) borderRadius(8.px, 8.px, 8.px)
property("padding", "12px 16px".asStylePropertyValue()) property("padding", "12px 16px")
} }
}) { }) {
FormattedCodeSnippet(code = code) FormattedCodeSnippet(code = code)
@ -248,16 +248,16 @@ private fun TitledCodeSample(title: String, code: String) {
fun FormattedCodeSnippet(code: String, language: String = "kotlin") { fun FormattedCodeSnippet(code: String, language: String = "kotlin") {
Pre({ Pre({
style { style {
property("max-height", 25.em.asStylePropertyValue()) property("max-height", 25.em)
property("overflow", "auto".asStylePropertyValue()) property("overflow", "auto")
height(auto) height(auto)
} }
}) { }) {
Code({ Code({
classes("language-$language", "hljs") classes("language-$language", "hljs")
style { style {
property("font-family", "'JetBrains Mono', monospace".asStylePropertyValue()) property("font-family", "'JetBrains Mono', monospace")
property("tab-size", 4.asStylePropertyValue()) property("tab-size", 4)
fontSize(10.pt) fontSize(10.pt)
backgroundColor(Color("transparent")) backgroundColor(Color("transparent"))
} }

6
examples/web_landing/src/jsMain/kotlin/com/sample/content/Footer.kt
Unescape View File

@ -13,13 +13,13 @@ fun PageFooter() {
Footer({ Footer({
style { style {
flexShrink(0) flexShrink(0)
property("box-sizing", value("border-box")) property("box-sizing", "border-box")
} }
}) { }) {
Section({ Section({
classes(WtSections.wtSectionBgGrayDark) classes(WtSections.wtSectionBgGrayDark)
style { style {
property("padding", value("24px 0")) property("padding", "24px 0")
} }
}) { }) {
Div({ classes(WtContainer.wtContainer) }) { Div({ classes(WtContainer.wtContainer) }) {
@ -61,7 +61,7 @@ private fun CopyrightInFooter() {
style { style {
justifyContent(JustifyContent.SpaceEvenly) justifyContent(JustifyContent.SpaceEvenly)
flexWrap(FlexWrap.Wrap) flexWrap(FlexWrap.Wrap)
property("padding", value("0px 12px")) property("padding", "0px 12px")
} }
}) { }) {
Span({ Span({

6
examples/web_landing/src/jsMain/kotlin/com/sample/content/Header.kt
Unescape View File

@ -50,9 +50,9 @@ private fun LanguageButton() {
onClick { window.alert("Oops! This feature is yet to be implemented") } onClick { window.alert("Oops! This feature is yet to be implemented") }
}) { }) {
Img(src = "ic_lang.svg", attrs = { style { Img(src = "ic_lang.svg", attrs = { style {
property("padding-left", 8.px.asStylePropertyValue()) property("padding-left", 8.px)
property("padding-right", 8.px.asStylePropertyValue()) property("padding-right", 8.px)
}}) {} }})
Text("English") Text("English")
} }
} }

14
examples/web_landing/src/jsMain/kotlin/com/sample/content/IntroSection.kt
Unescape View File

@ -24,7 +24,7 @@ fun Intro() {
alignSelf(AlignSelf.Start) alignSelf(AlignSelf.Start)
} }
}) { }) {
Img(src = "i1.svg", attrs = { classes(AppStylesheet.composeLogo) }) {} Img(src = "i1.svg", attrs = { classes(AppStylesheet.composeLogo) })
} }
Div({ Div({
@ -41,7 +41,7 @@ fun Intro() {
classes(WtTexts.wtHero) classes(WtTexts.wtHero)
style { style {
display(DisplayStyle.InlineBlock) display(DisplayStyle.InlineBlock)
property("white-space", "nowrap".asStylePropertyValue()) property("white-space", "nowrap")
} }
}) { }) {
Text("Web") Text("Web")
@ -124,12 +124,12 @@ private fun IntroCodeSample() {
marginTop(24.px) marginTop(24.px)
backgroundColor(Color.RGBA(39, 40, 44, 0.05)) backgroundColor(Color.RGBA(39, 40, 44, 0.05))
borderRadius(8.px) borderRadius(8.px)
property("font-family", "'JetBrains Mono', monospace".asStylePropertyValue()) property("font-family", "'JetBrains Mono', monospace")
} }
}) { }) {
Div({ Div({
style { style {
property("padding", "12px 16px".asStylePropertyValue()) property("padding", "12px 16px")
} }
}) { }) {
FormattedCodeSnippet( FormattedCodeSnippet(
@ -162,7 +162,7 @@ private fun IntroCodeSample() {
private fun IntroCodeSampleResult() { private fun IntroCodeSampleResult() {
Div({ Div({
style { style {
property("padding", "12px 16px".asStylePropertyValue()) property("padding", "12px 16px")
display(DisplayStyle.Flex) display(DisplayStyle.Flex)
flexDirection(FlexDirection.Row) flexDirection(FlexDirection.Row)
alignItems(AlignItems.Center) alignItems(AlignItems.Center)
@ -171,7 +171,7 @@ private fun IntroCodeSampleResult() {
Span({ Span({
classes(WtTexts.wtText2) classes(WtTexts.wtText2)
style { style {
property("margin-right", 8.px.asStylePropertyValue()) property("margin-right", 8.px)
} }
}) { }) {
Text("Result:") Text("Result:")
@ -203,7 +203,7 @@ private fun ComposeWebStatusMessage() {
width(24.px) width(24.px)
height(24.px) height(24.px)
} }
}) {} })
} }
Div({ Div({

18
examples/web_landing/src/jsMain/kotlin/com/sample/style/Stylesheet.kt
Unescape View File

@ -26,14 +26,14 @@ object AppCSSVariables : CSSVariables {
object AppStylesheet : StyleSheet() { object AppStylesheet : StyleSheet() {
val composeLogo by style { val composeLogo by style {
property("max-width", value(100.percent)) property("max-width", 100.percent)
} }
val composeTitleTag by style { val composeTitleTag by style {
property("padding", value("5px 12px")) property("padding", "5px 12px")
property("letter-spacing", value("normal")) property("letter-spacing", "normal")
property("font-weight", value(400)) property("font-weight", 400)
property("line-height", value(24.px)) property("line-height", 24.px)
position(Position.Relative) position(Position.Relative)
top((-32).px) top((-32).px)
@ -54,7 +54,7 @@ object AppStylesheet : StyleSheet() {
"label, a, button" style { "label, a, button" style {
property( property(
"font-family", "font-family",
value("system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif") "system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif"
) )
} }
@ -83,13 +83,13 @@ object AppStylesheet : StyleSheet() {
property( property(
"flex-basis", "flex-basis",
value("calc(8.33333%*${AppCSSVariables.wtColCount.value()} - ${AppCSSVariables.wtHorizontalLayoutGutter.value()}*2)") "calc(8.33333%*${AppCSSVariables.wtColCount.value()} - ${AppCSSVariables.wtHorizontalLayoutGutter.value()}*2)"
) )
property( property(
"max-width", "max-width",
value("calc(8.33333%*${AppCSSVariables.wtColCount.value()} - ${AppCSSVariables.wtHorizontalLayoutGutter.value()}*2)") "calc(8.33333%*${AppCSSVariables.wtColCount.value()} - ${AppCSSVariables.wtHorizontalLayoutGutter.value()}*2)"
) )
property("box-sizing", value("border-box")) property("box-sizing", "border-box")
} }
} }
} }

16
examples/web_landing/src/jsMain/kotlin/com/sample/style/WtCard.kt
Unescape View File

@ -7,8 +7,8 @@ object WtCards : StyleSheet(AppStylesheet) {
display(DisplayStyle.Flex) display(DisplayStyle.Flex)
flexDirection(FlexDirection.Column) flexDirection(FlexDirection.Column)
border(1.px, LineStyle.Solid) border(1.px, LineStyle.Solid)
property("min-height", value(0)) property("min-height", 0)
property("box-sizing", value("border-box")) property("box-sizing", "border-box")
} }
val wtCardThemeLight by style { val wtCardThemeLight by style {
@ -25,11 +25,11 @@ object WtCards : StyleSheet(AppStylesheet) {
val wtCardSection by style { val wtCardSection by style {
position(Position.Relative) position(Position.Relative)
property("overflow", value("auto")) property("overflow", "auto")
property("flex", value("1 1 auto")) property("flex", "1 1 auto")
property("min-height", value(0)) property("min-height", 0)
property("box-sizing", value("border-box")) property("box-sizing", "border-box")
property("padding", value("24px 32px")) property("padding", "24px 32px")
media(maxWidth(640.px)) { media(maxWidth(640.px)) {
self style { padding(16.px) } self style { padding(16.px) }
@ -44,6 +44,6 @@ object WtCards : StyleSheet(AppStylesheet) {
val wtVerticalFlexGrow by style { val wtVerticalFlexGrow by style {
flexGrow(1) flexGrow(1)
property("max-width", value(100.percent)) property("max-width", 100.percent)
} }
} }

8
examples/web_landing/src/jsMain/kotlin/com/sample/style/WtCol.kt
Unescape View File

@ -110,19 +110,19 @@ object WtCols : StyleSheet(AppStylesheet) {
forMaxWidth(640.px) { forMaxWidth(640.px) {
AppCSSVariables.wtColCount(0) AppCSSVariables.wtColCount(0)
flexGrow(1) flexGrow(1)
property("max-width", value(100.percent)) property("max-width", 100.percent)
} }
} }
val wtColAutoFill by style { val wtColAutoFill by style {
AppCSSVariables.wtColCount(0) AppCSSVariables.wtColCount(0)
flexGrow(1) flexGrow(1)
property("max-width", value(100.percent)) property("max-width", 100.percent)
} }
val wtColInline by style { val wtColInline by style {
AppCSSVariables.wtColCount(0) AppCSSVariables.wtColCount(0)
property("max-width", value(100.percent)) property("max-width", 100.percent)
property("flex-basis", value("auto")) property("flex-basis", "auto")
} }
} }

30
examples/web_landing/src/jsMain/kotlin/com/sample/style/WtContainer.kt
Unescape View File

@ -4,34 +4,34 @@ import org.jetbrains.compose.web.css.*
object WtContainer : StyleSheet(AppStylesheet) { object WtContainer : StyleSheet(AppStylesheet) {
val wtContainer by style { val wtContainer by style {
property("margin-left", value("auto")) property("margin-left", "auto")
property("margin-right", value("auto")) property("margin-right", "auto")
property("box-sizing", value("border-box")) property("box-sizing", "border-box")
property("padding-left", value(22.px)) property("padding-left", 22.px)
property("padding-right", value(22.px)) property("padding-right", 22.px)
property("max-width", value(1276.px)) property("max-width", 1276.px)
media(maxWidth(640.px)) { media(maxWidth(640.px)) {
self style { self style {
property("max-width", value(100.percent)) property("max-width", 100.percent)
property("padding-left", value(16.px)) property("padding-left", 16.px)
property("padding-right", value(16.px)) property("padding-right", 16.px)
} }
} }
media(maxWidth(1276.px)) { media(maxWidth(1276.px)) {
self style { self style {
property("max-width", value(996.px)) property("max-width", 996.px)
property("padding-left", value(22.px)) property("padding-left", 22.px)
property("padding-right", value(22.px)) property("padding-right", 22.px)
} }
} }
media(maxWidth(1000.px)) { media(maxWidth(1000.px)) {
self style { self style {
property("max-width", value(100.percent)) property("max-width", 100.percent)
property("padding-left", value(22.px)) property("padding-left", 22.px)
property("padding-right", value(22.px)) property("padding-right", 22.px)
} }
} }
} }

4
examples/web_landing/src/jsMain/kotlin/com/sample/style/WtOffest.kt
Unescape View File

@ -7,7 +7,7 @@ object WtOffsets : StyleSheet(AppStylesheet) {
marginTop(96.px) marginTop(96.px)
property( property(
"margin-top", "margin-top",
value("calc(4*${AppCSSVariables.wtOffsetTopUnit.value(24.px)})") "calc(4*${AppCSSVariables.wtOffsetTopUnit.value(24.px)})"
) )
} }
@ -15,7 +15,7 @@ object WtOffsets : StyleSheet(AppStylesheet) {
marginTop(24.px) marginTop(24.px)
property( property(
"margin-top", "margin-top",
value("calc(1*${AppCSSVariables.wtOffsetTopUnit.value(24.px)})") "calc(1*${AppCSSVariables.wtOffsetTopUnit.value(24.px)})"
) )
} }

12
examples/web_landing/src/jsMain/kotlin/com/sample/style/WtRow.kt
Unescape View File

@ -3,7 +3,7 @@ package com.sample.style
import org.jetbrains.compose.web.css.* import org.jetbrains.compose.web.css.*
object WtRows : StyleSheet(AppStylesheet) { object WtRows : StyleSheet(AppStylesheet) {
val wtRow by style { val wtRow by style {
AppCSSVariables.wtHorizontalLayoutGutter(0.px) AppCSSVariables.wtHorizontalLayoutGutter(0.px)
display(DisplayStyle.Flex) display(DisplayStyle.Flex)
@ -11,15 +11,15 @@ object WtRows : StyleSheet(AppStylesheet) {
property( property(
"margin-right", "margin-right",
value("calc(-1*${AppCSSVariables.wtHorizontalLayoutGutter.value()})") "calc(-1*${AppCSSVariables.wtHorizontalLayoutGutter.value()})"
) )
property( property(
"margin-left", "margin-left",
value("calc(-1*${AppCSSVariables.wtHorizontalLayoutGutter.value()})") "calc(-1*${AppCSSVariables.wtHorizontalLayoutGutter.value()})"
) )
property("box-sizing", StylePropertyValue("border-box")) property("box-sizing", "border-box")
} }
val wtRowSizeM by style { val wtRowSizeM by style {
AppCSSVariables.wtHorizontalLayoutGutter(16.px) AppCSSVariables.wtHorizontalLayoutGutter(16.px)
@ -33,7 +33,7 @@ object WtRows : StyleSheet(AppStylesheet) {
val wtRowSizeXs by style { val wtRowSizeXs by style {
AppCSSVariables.wtHorizontalLayoutGutter(6.px) AppCSSVariables.wtHorizontalLayoutGutter(6.px)
} }
val wtRowSmAlignItemsCenter by style { val wtRowSmAlignItemsCenter by style {
self style { self style {
alignItems(AlignItems.Center) alignItems(AlignItems.Center)

10
examples/web_landing/src/jsMain/kotlin/com/sample/style/WtSection.kt
Unescape View File

@ -5,14 +5,12 @@ import org.jetbrains.compose.web.css.*
object WtSections : StyleSheet(AppStylesheet) { object WtSections : StyleSheet(AppStylesheet) {
val wtSection by style { val wtSection by style {
property("box-sizing", value("border-box")) property("box-sizing", "border-box")
property("padding-bottom", value(96.px)) property("padding-bottom", 96.px)
property("padding-top", value(1.px)) property("padding-top", 1.px)
property( property(
propertyName = "padding-bottom", propertyName = "padding-bottom",
value = value( value = "calc(4*${AppCSSVariables.wtOffsetTopUnit.value(24.px)})"
"calc(4*${AppCSSVariables.wtOffsetTopUnit.value(24.px)})"
)
) )
backgroundColor("#fff") backgroundColor("#fff")
} }

86
examples/web_landing/src/jsMain/kotlin/com/sample/style/WtText.kt
Unescape View File

@ -9,9 +9,9 @@ object WtTexts : StyleSheet(AppStylesheet) {
color("#27282c") color("#27282c")
fontSize(60.px) fontSize(60.px)
property("font-size", AppCSSVariables.wtHeroFontSize.value(60.px)) property("font-size", AppCSSVariables.wtHeroFontSize.value(60.px))
property("letter-spacing", value((-1.5).px)) property("letter-spacing", (-1.5).px)
property("font-weight", value(900)) property("font-weight", 900)
property("line-height", value(64.px)) property("line-height", 64.px)
property("line-height", AppCSSVariables.wtHeroLineHeight.value(64.px)) property("line-height", AppCSSVariables.wtHeroLineHeight.value(64.px))
media(maxWidth(640.px)) { media(maxWidth(640.px)) {
@ -23,7 +23,7 @@ object WtTexts : StyleSheet(AppStylesheet) {
property( property(
"font-family", "font-family",
value("Gotham SSm A,Gotham SSm B,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif") "Gotham SSm A,Gotham SSm B,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif"
) )
} }
@ -31,9 +31,9 @@ object WtTexts : StyleSheet(AppStylesheet) {
color("#27282c") color("#27282c")
fontSize(28.px) fontSize(28.px)
property("font-size", AppCSSVariables.wtSubtitle2FontSize.value(28.px)) property("font-size", AppCSSVariables.wtSubtitle2FontSize.value(28.px))
property("letter-spacing", value("normal")) property("letter-spacing", "normal")
property("font-weight", value(300)) property("font-weight", 300)
property("line-height", value(40.px)) property("line-height", 40.px)
property("line-height", AppCSSVariables.wtSubtitle2LineHeight.value(40.px)) property("line-height", AppCSSVariables.wtSubtitle2LineHeight.value(40.px))
media(maxWidth(640.px)) { media(maxWidth(640.px)) {
@ -45,20 +45,20 @@ object WtTexts : StyleSheet(AppStylesheet) {
property( property(
"font-family", "font-family",
value("Gotham SSm A,Gotham SSm B,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif") "Gotham SSm A,Gotham SSm B,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif"
) )
} }
val wtText1 by style { val wtText1 by style {
color(Color.RGBA(39, 40, 44, .7)) color(Color.RGBA(39, 40, 44, .7))
fontSize(18.px) fontSize(18.px)
property("letter-spacing", value("normal")) property("letter-spacing", "normal")
property("font-weight", value(400)) property("font-weight", 400)
property("line-height", value(28.px)) property("line-height", 28.px)
property( property(
"font-family", "font-family",
value("system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif") "system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif"
) )
} }
@ -69,26 +69,26 @@ object WtTexts : StyleSheet(AppStylesheet) {
val wtText2 by style { val wtText2 by style {
color(Color.RGBA(39, 40, 44, .7)) color(Color.RGBA(39, 40, 44, .7))
fontSize(15.px) fontSize(15.px)
property("letter-spacing", value("normal")) property("letter-spacing", "normal")
property("font-weight", value(400)) property("font-weight", 400)
property("line-height", value(24.px)) property("line-height", 24.px)
property( property(
"font-family", "font-family",
value("system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif") "system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif"
) )
} }
val wtText3 by style { val wtText3 by style {
color(Color.RGBA(39, 40, 44, .7)) color(Color.RGBA(39, 40, 44, .7))
fontSize(12.px) fontSize(12.px)
property("letter-spacing", value("normal")) property("letter-spacing", "normal")
property("font-weight", value(400)) property("font-weight", 400)
property("line-height", value(16.px)) property("line-height", 16.px)
property( property(
"font-family", "font-family",
value("system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif") "system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif"
) )
} }
@ -105,12 +105,12 @@ object WtTexts : StyleSheet(AppStylesheet) {
} }
val wtLink by style { val wtLink by style {
property("border-bottom", value("1px solid transparent")) property("border-bottom", "1px solid transparent")
property("text-decoration", value("none")) property("text-decoration", "none")
color("#167dff") color("#167dff")
hover(self) style { hover(self) style {
property("border-bottom-color", value("#167dff")) property("border-bottom-color", "#167dff")
} }
} }
@ -118,10 +118,10 @@ object WtTexts : StyleSheet(AppStylesheet) {
color("#27282c") color("#27282c")
fontSize(31.px) fontSize(31.px)
property("font-size", AppCSSVariables.wtH2FontSize.value(31.px)) property("font-size", AppCSSVariables.wtH2FontSize.value(31.px))
property("letter-spacing", value((-.5).px)) property("letter-spacing", (-.5).px)
property("font-weight", value(700)) property("font-weight", 700)
property("line-height", value(40.px)) property("line-height", 40.px)
property("line-height", AppCSSVariables.wtH2LineHeight.value(40.px)) property("line-height", 40.px)
media(maxWidth(640.px)) { media(maxWidth(640.px)) {
self style { self style {
@ -132,7 +132,7 @@ object WtTexts : StyleSheet(AppStylesheet) {
property( property(
"font-family", "font-family",
value("Gotham SSm A,Gotham SSm B,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif") "Gotham SSm A,Gotham SSm B,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif"
) )
} }
@ -144,14 +144,14 @@ object WtTexts : StyleSheet(AppStylesheet) {
color("#27282c") color("#27282c")
fontSize(21.px) fontSize(21.px)
property("font-size", AppCSSVariables.wtH3FontSize.value(20.px)) property("font-size", AppCSSVariables.wtH3FontSize.value(20.px))
property("letter-spacing", value("normal")) property("letter-spacing", "normal")
property("font-weight", value(700)) property("font-weight", 700)
property("line-height", value(28.px)) property("line-height", 28.px)
property("line-height", AppCSSVariables.wtH3LineHeight.value(28.px)) property("line-height", AppCSSVariables.wtH3LineHeight.value(28.px))
property( property(
"font-family", "font-family",
value("system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif") "system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif"
) )
} }
@ -164,12 +164,12 @@ object WtTexts : StyleSheet(AppStylesheet) {
backgroundColor("#167dff") backgroundColor("#167dff")
fontSize(15.px) fontSize(15.px)
display(DisplayStyle.InlineBlock) display(DisplayStyle.InlineBlock)
property("text-decoration", value("none")) property("text-decoration", "none")
property("border-radius", value("24px")) property("border-radius", "24px")
property("padding", value("12px 32px")) property("padding", "12px 32px")
property("line-height", value(24.px)) property("line-height", 24.px)
property("font-weight", value(400)) property("font-weight", 400)
property("width", value("fit-content")) property("width", "fit-content")
hover(self) style { hover(self) style {
backgroundColor(Color.RGBA(22, 125, 255, .8)) backgroundColor(Color.RGBA(22, 125, 255, .8))
@ -183,7 +183,7 @@ object WtTexts : StyleSheet(AppStylesheet) {
backgroundColor(Color("transparent")) backgroundColor(Color("transparent"))
border(0.px) border(0.px)
property("outline", value("none")) property("outline", "none")
hover(self) style { hover(self) style {
backgroundColor(Color.RGBA(255, 255, 255, 0.1)) backgroundColor(Color.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", value(16.px)) property("margin-right", 16.px)
marginLeft(16.px) marginLeft(16.px)
padding(12.px) padding(12.px)
backgroundColor("transparent") backgroundColor("transparent")
@ -208,13 +208,13 @@ object WtTexts : StyleSheet(AppStylesheet) {
hover(self) style { hover(self) style {
backgroundColor(Color.RGBA(255, 255, 255, 0.1)) backgroundColor(Color.RGBA(255, 255, 255, 0.1))
property("border-radius", value("24px")) property("border-radius", "24px")
} }
media(maxWidth(640.px)) { media(maxWidth(640.px)) {
self style { self style {
property("margin-right", value(8.px)) property("margin-right", 8.px)
property("margin-left", value(8.px)) property("margin-left", 8.px)
} }
} }
} }

Write Preview
Loading…
Cancel
Save