You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.2 KiB
49 lines
1.2 KiB
package com.sample.style |
|
|
|
import org.jetbrains.compose.web.css.* |
|
|
|
object WtCards : StyleSheet(AppStylesheet) { |
|
val wtCard by style { |
|
display(DisplayStyle.Flex) |
|
flexDirection(FlexDirection.Column) |
|
border(1.px, LineStyle.Solid) |
|
minHeight(0.px) |
|
property("box-sizing", "border-box") |
|
} |
|
|
|
val wtCardThemeLight by style { |
|
border(color = rgba(39, 40, 44, .2)) |
|
color("#27282c") |
|
backgroundColor(Color.white) |
|
} |
|
|
|
val wtCardThemeDark by style { |
|
backgroundColor(rgba(255, 255, 255, 0.05)) |
|
color(rgba(255, 255, 255, 0.6)) |
|
border(0.px) |
|
} |
|
|
|
val wtCardSection by style { |
|
position(Position.Relative) |
|
property("overflow", "auto") |
|
property("flex", "1 1 auto") |
|
minHeight(0.px) |
|
property("box-sizing", "border-box") |
|
property("padding", "24px 32px") |
|
|
|
media(mediaMaxWidth(640.px)) { |
|
self style { padding(16.px) } |
|
} |
|
} |
|
|
|
val wtVerticalFlex by style { |
|
display(DisplayStyle.Flex) |
|
flexDirection(FlexDirection.Column) |
|
alignItems(AlignItems.FlexStart) |
|
} |
|
|
|
val wtVerticalFlexGrow by style { |
|
flexGrow(1) |
|
maxWidth(100.percent) |
|
} |
|
} |