legacy-paperclip
legacy-paperclip copied to clipboard
Consider dropping brackets
trafficstars
E.g:
import "./common.pc" as common
import "./theme.pc" as theme
import "./input.pc" as input
component ColorPickerPopup
render div
style extends common.panel
position: fixed
flex-shrink:0
transform: translate(calc(-100% - var(theme.space07)))
z-index: 1024
div header
style
padding: var(theme.space04)
display: flex
justify-content: space-between
font-weight: 600
padding-bottom: var(theme.space04)
div
text "Color"
div
text "×"
div
style
padding: var(theme.space04)
display: flex
flex-direction: column
gap: var(theme.space04)
color-picker(width: "220", height: "130")
div
text "Hue"
div
text "Opacity"
div
text "value"
div
style
border-top: 1px solid var(theme.borderColor)
padding: var(theme.space04)
display: flex
flex-direction: column
gap: var(theme.space03)
div
text "color var"
div
text "color var"
div
text "color var"