legacy-paperclip icon indicating copy to clipboard operation
legacy-paperclip copied to clipboard

Consider dropping brackets

Open crcn opened this issue 3 years ago • 0 comments
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 "&times"

    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"

crcn avatar Oct 19 '22 13:10 crcn