/*
    SPDX-License-Identifier: LGPL-2.1-only OR LGPL-3.0-only OR LicenseRef-KDE-Accepted-LGPL
    SPDX-FileCopyrightText: 2025 Arjen Hiemstra <ahiemstra@heimr.nl>

    This file is automatically generated from properties.css.j2.
    To regenerate, run `tools/propertygenerator/generate_properties.py`.
*/




@property visibility {
    syntax: "visible | hidden";
}

@property opacity {
    syntax: "<number>";
}


@property layout-alignment {
    syntax: "(item | content | background) (start | center | end | fill) (start | center | end | fill | stack-center | stack-fill) <integer>";
}

@property layout-alignment-container {
    syntax: "item | content | background";
}

@property layout-alignment-horizontal {
    syntax: "start | center | end | fill | stack-center | stack-fill";
}

@property layout-alignment-vertical {
    syntax: "start | center | end | fill | stack-center | stack-fill";
}

@property layout-alignment-order {
    syntax: "<integer>";
}


@property width {
    syntax: "<length>";
}

@property height {
    syntax: "<length>";
}

@property spacing {
    syntax: "<length>";
}

@property padding {
    syntax: "<length>{1,4}";
}

@property padding-left {
    syntax: "<length>";
}

@property padding-right {
    syntax: "<length>";
}

@property padding-top {
    syntax: "<length>";
}

@property padding-bottom {
    syntax: "<length>";
}


@property inset {
    syntax: "<length>{1,4}";
}

@property inset-left {
    syntax: "<length>";
}

@property inset-right {
    syntax: "<length>";
}

@property inset-top {
    syntax: "<length>";
}

@property inset-bottom {
    syntax: "<length>";
}


@property margin {
    syntax: "<length>{1,4}";
}

@property margin-left {
    syntax: "<length>";
}

@property margin-right {
    syntax: "<length>";
}

@property margin-top {
    syntax: "<length>";
}

@property margin-bottom {
    syntax: "<length>";
}



@property color {
    syntax: "<color>";
    inherits: true;
    initial-value: #ffffff;
}

@property font-size {
    syntax: "<length-percentage>";
}

@property font-weight {
    syntax: "<integer> | (normal | bold | bolder | lighter)";
}

@property text-alignment {
    syntax: "(item | content | background) (start | center | end | fill) (start | center | end | fill | stack-center | stack-fill) <integer>";
}

@property text-alignment-container {
    syntax: "item | content | background";
}

@property text-alignment-horizontal {
    syntax: "start | center | end | fill | stack-center | stack-fill";
}

@property text-alignment-vertical {
    syntax: "start | center | end | fill | stack-center | stack-fill";
}

@property text-alignment-order {
    syntax: "<integer>";
}


@property font-family {
    syntax: "<string>";
}

@property text-color {
    syntax: "<color>";
}

@property text-wrap-mode {
    syntax: "no-wrap | word-wrap | manual-wrap | wrap-anywhere | wrap-at-word-boundary-or-anywhere | wrap";
}

@property text-elide {
    syntax: "none | left | middle | right";
}


@property icon-size {
    syntax: "<length>";
}

@property icon-alignment {
    syntax: "(item | content | background) (start | center | end | fill) (start | center | end | fill | stack-center | stack-fill) <integer>";
}

@property icon-alignment-container {
    syntax: "item | content | background";
}

@property icon-alignment-horizontal {
    syntax: "start | center | end | fill | stack-center | stack-fill";
}

@property icon-alignment-vertical {
    syntax: "start | center | end | fill | stack-center | stack-fill";
}

@property icon-alignment-order {
    syntax: "<integer>";
}


@property icon-width {
    syntax: "<length>";
}

@property icon-height {
    syntax: "<length>";
}

@property icon-name {
    syntax: "<string>";
}

@property icon-source {
    syntax: "<url>";
}

@property icon-color {
    syntax: "<color>";
}


@property background {
    syntax: "none | <color> | <url>";
}

@property background-image {
    syntax: "(<url> (mask | inverted-mask) <color>) | <url>"
}

@property background-color {
    syntax: "<color>";
}

@property background-image-width {
    syntax: "<length>";
}

@property background-image-height {
    syntax: "<length>";
}

@property background-image-x-offset {
    syntax: "<length>";
}

@property background-image-y-offset {
    syntax: "<length>";
}

@property background-image-mask-color {
    syntax: "<color>";
}



@property border {
    syntax: "none | (<length> (none | solid) <color>)";
}

@property border-width {
    syntax: "<length>";
}

@property border-color {
    syntax: "<color>";
}

@property border-style {
    syntax: "none | solid";
}

@property border-left {
    syntax: "none | (<length> (none | solid) <color>)";
}

@property border-left-width {
    syntax: "<length>";
}

@property border-left-color {
    syntax: "<color>";
}

@property border-left-style {
    syntax: "none | solid";
}


@property border-right {
    syntax: "none | (<length> (none | solid) <color>)";
}

@property border-right-width {
    syntax: "<length>";
}

@property border-right-color {
    syntax: "<color>";
}

@property border-right-style {
    syntax: "none | solid";
}


@property border-top {
    syntax: "none | (<length> (none | solid) <color>)";
}

@property border-top-width {
    syntax: "<length>";
}

@property border-top-color {
    syntax: "<color>";
}

@property border-top-style {
    syntax: "none | solid";
}


@property border-bottom {
    syntax: "none | (<length> (none | solid) <color>)";
}

@property border-bottom-width {
    syntax: "<length>";
}

@property border-bottom-color {
    syntax: "<color>";
}

@property border-bottom-style {
    syntax: "none | solid";
}



@property outline {
    syntax: "none | (<length> (none | solid) <color>)";
}

@property outline-left {
    syntax: "none | (<length> (none | solid) <color>)";
}

@property outline-left-size {
    syntax: "<length>";
}

@property outline-left-color {
    syntax: "<color>";
}

@property outline-left-style {
    syntax: "none | solid";
}


@property outline-right {
    syntax: "none | (<length> (none | solid) <color>)";
}

@property outline-right-size {
    syntax: "<length>";
}

@property outline-right-color {
    syntax: "<color>";
}

@property outline-right-style {
    syntax: "none | solid";
}


@property outline-top {
    syntax: "none | (<length> (none | solid) <color>)";
}

@property outline-top-size {
    syntax: "<length>";
}

@property outline-top-color {
    syntax: "<color>";
}

@property outline-top-style {
    syntax: "none | solid";
}


@property outline-bottom {
    syntax: "none | (<length> (none | solid) <color>)";
}

@property outline-bottom-size {
    syntax: "<length>";
}

@property outline-bottom-color {
    syntax: "<color>";
}

@property outline-bottom-style {
    syntax: "none | solid";
}



@property border-radius {
    syntax: "<length> | (<length> <length> <length> <length>)";
}

@property border-top-left-radius {
    syntax: "<length>";
}


@property border-top-right-radius {
    syntax: "<length>";
}


@property border-bottom-left-radius {
    syntax: "<length>";
}


@property border-bottom-right-radius {
    syntax: "<length>";
}



@property box-shadow {
    syntax: "none | (<length> <length> <length> <length> <color>)";
}

@property shadow-offset-horizontal {
    syntax: "<length>";
}

@property shadow-offset-vertical {
    syntax: "<length>";
}


@property shadow-color {
    syntax: "<color>";
}

@property shadow-size {
    syntax: "<length>";
}

@property shadow-blur {
    syntax: "<length>";
}



