position.mako.rs - mozsearch

mozilla-central/servo/components/style/properties/longhands/position.mako.rs

Enable keyboard shortcuts

Source code

File a bug in Core :: CSS Parsing and Computation

Revision control

Copy as Markdown

Other Tools

/* This Source Code Form is subject to the terms of the Mozilla Public

 * License, v. 2.0. If a copy of the MPL was not distributed with this

 * file, You can obtain one at https://mozilla.org/MPL/2.0/. */

<%namespace name="helpers" file="/helpers.mako.rs" />

<% from data import ALL_SIZES, PHYSICAL_SIDES, LOGICAL_SIDES %>

// "top" / "left" / "bottom" / "right"

% for side in PHYSICAL_SIDES:

    ${helpers.predefined_type(

        side,

        "LengthPercentageOrAuto",

        "computed::LengthPercentageOrAuto::auto()",

        engines="gecko servo",

        spec="https://www.w3.org/TR/CSS2/visuren.html#propdef-%s" % side,

        animation_value_type="ComputedValue",

        allow_quirks="Yes",

        servo_restyle_damage="reflow_out_of_flow",

        logical_group="inset",

        affects="layout",

)}

% endfor

// inset-* logical properties, map to "top" / "left" / "bottom" / "right"

% for side in LOGICAL_SIDES:

    ${helpers.predefined_type(

        "inset-%s" % side,

        "LengthPercentageOrAuto",

        "computed::LengthPercentageOrAuto::auto()",

        engines="gecko servo",

        spec="https://drafts.csswg.org/css-logical-props/#propdef-inset-%s" % side,

        animation_value_type="ComputedValue",

        logical=True,

        logical_group="inset",

        affects="layout",

)}

% endfor

${helpers.predefined_type(

    "z-index",

    "ZIndex",

    "computed::ZIndex::auto()",

    engines="gecko servo",

    spec="https://www.w3.org/TR/CSS2/visuren.html#z-index",

    animation_value_type="ComputedValue",

    affects="paint",

)}

// CSS Flexible Box Layout Module Level 1

// http://www.w3.org/TR/css3-flexbox/

// Flex container properties

${helpers.single_keyword(

    "flex-direction",

    "row row-reverse column column-reverse",

    engines="gecko servo",

    servo_pref="layout.flexbox.enabled",

    spec="https://drafts.csswg.org/css-flexbox/#flex-direction-property",

    extra_prefixes="webkit",

    animation_value_type="discrete",

    servo_restyle_damage = "reflow",

    gecko_enum_prefix = "StyleFlexDirection",

    affects="layout",

)}

${helpers.single_keyword(

    "flex-wrap",

    "nowrap wrap wrap-reverse",

    engines="gecko servo",

    servo_pref="layout.flexbox.enabled",

    spec="https://drafts.csswg.org/css-flexbox/#flex-wrap-property",

    extra_prefixes="webkit",

    animation_value_type="discrete",

    servo_restyle_damage = "reflow",

    gecko_enum_prefix = "StyleFlexWrap",

    affects="layout",

)}

% if engine in "servo":

    // FIXME: Update Servo to support the same Syntax as Gecko.

    ${helpers.single_keyword(

        "justify-content",

        "flex-start stretch flex-end center space-between space-around",

        engines="servo",

        servo_pref="layout.flexbox.enabled",

        extra_prefixes="webkit",

        spec="https://drafts.csswg.org/css-align/#propdef-justify-content",

        animation_value_type="discrete",

        servo_restyle_damage = "reflow",

        affects="layout",

)}

% endif

% if engine == "gecko":

    ${helpers.predefined_type(

        "justify-content",

        "JustifyContent",

        "specified::JustifyContent(specified::ContentDistribution::normal())",

        engines="gecko",

        spec="https://drafts.csswg.org/css-align/#propdef-justify-content",

        extra_prefixes="webkit",

        animation_value_type="discrete",

        servo_restyle_damage="reflow",

        affects="layout",

)}

    ${helpers.predefined_type(

        "justify-tracks",

        "JustifyTracks",

        "specified::JustifyTracks::default()",

        engines="gecko",

        gecko_pref="layout.css.grid-template-masonry-value.enabled",

        animation_value_type="discrete",

        servo_restyle_damage="reflow",

        spec="https://github.com/w3c/csswg-drafts/issues/4650",

        affects="layout",

)}

% endif

% if engine == "servo":

    // FIXME: Update Servo to support the same Syntax as Gecko.

    ${helpers.single_keyword(

        "align-content",

        "stretch flex-start flex-end center space-between space-around",

        engines="servo",

        servo_pref="layout.flexbox.enabled",

        extra_prefixes="webkit",

        spec="https://drafts.csswg.org/css-align/#propdef-align-content",

        animation_value_type="discrete",

        servo_restyle_damage="reflow",

        affects="layout",

)}

    ${helpers.single_keyword(

        "align-items",

        "stretch flex-start flex-end center baseline",

        engines="servo",

        servo_pref="layout.flexbox.enabled",

        extra_prefixes="webkit",

        spec="https://drafts.csswg.org/css-flexbox/#align-items-property",

        animation_value_type="discrete",

        servo_restyle_damage="reflow",

        affects="layout",

)}

% endif

% if engine == "gecko":

    ${helpers.predefined_type(

        "align-content",

        "AlignContent",

        "specified::AlignContent(specified::ContentDistribution::normal())",

        engines="gecko",

        spec="https://drafts.csswg.org/css-align/#propdef-align-content",

        extra_prefixes="webkit",

        animation_value_type="discrete",

        servo_restyle_damage="reflow",

        affects="layout",

)}

    ${helpers.predefined_type(

        "align-tracks",

        "AlignTracks",

        "specified::AlignTracks::default()",

        engines="gecko",

        gecko_pref="layout.css.grid-template-masonry-value.enabled",

        animation_value_type="discrete",

        servo_restyle_damage="reflow",

        spec="https://github.com/w3c/csswg-drafts/issues/4650",

        affects="layout",

)}

    ${helpers.predefined_type(

        "align-items",

        "AlignItems",

        "specified::AlignItems::normal()",

        engines="gecko",

        spec="https://drafts.csswg.org/css-align/#propdef-align-items",

        extra_prefixes="webkit",

        animation_value_type="discrete",

        servo_restyle_damage="reflow",

        affects="layout",

)}

    ${helpers.predefined_type(

        "justify-items",

        "JustifyItems",

        "computed::JustifyItems::legacy()",

        engines="gecko",

        spec="https://drafts.csswg.org/css-align/#propdef-justify-items",

        animation_value_type="discrete",

        affects="layout",

)}

% endif

// Flex item properties

${helpers.predefined_type(

    "flex-grow",

    "NonNegativeNumber",

    "From::from(0.0)",

    engines="gecko servo",

    servo_pref="layout.flexbox.enabled",

    spec="https://drafts.csswg.org/css-flexbox/#flex-grow-property",

    extra_prefixes="webkit",

    animation_value_type="NonNegativeNumber",

    servo_restyle_damage="reflow",

    affects="layout",

)}

${helpers.predefined_type(

    "flex-shrink",

    "NonNegativeNumber",

    "From::from(1.0)",

    engines="gecko servo",

    servo_pref="layout.flexbox.enabled",

    spec="https://drafts.csswg.org/css-flexbox/#flex-shrink-property",

    extra_prefixes="webkit",

    animation_value_type="NonNegativeNumber",

    servo_restyle_damage = "reflow",

    affects="layout",

)}

// https://drafts.csswg.org/css-align/#align-self-property

% if engine == "servo":

    // FIXME: Update Servo to support the same syntax as Gecko.

    ${helpers.single_keyword(

        "align-self",

        "auto stretch flex-start flex-end center baseline",

        engines="servo",

        servo_pref="layout.flexbox.enabled",

        extra_prefixes="webkit",

        spec="https://drafts.csswg.org/css-flexbox/#propdef-align-self",

        animation_value_type="discrete",

        servo_restyle_damage = "reflow",

        affects="layout",

)}

% endif

% if engine == "gecko":

    ${helpers.predefined_type(

        "align-self",

        "AlignSelf",

        "specified::AlignSelf(specified::SelfAlignment::auto())",

        engines="gecko",

        spec="https://drafts.csswg.org/css-align/#align-self-property",

        extra_prefixes="webkit",

        animation_value_type="discrete",

        affects="layout",

)}

    ${helpers.predefined_type(

        "justify-self",

        "JustifySelf",

        "specified::JustifySelf(specified::SelfAlignment::auto())",

        engines="gecko",

        spec="https://drafts.csswg.org/css-align/#justify-self-property",

        animation_value_type="discrete",

        affects="layout",

)}

% endif

// https://drafts.csswg.org/css-flexbox/#propdef-order

${helpers.predefined_type(

    "order",

    "Integer",

    "0",

    engines="gecko servo",

    servo_pref="layout.flexbox.enabled",

    extra_prefixes="webkit",

    animation_value_type="ComputedValue",

    spec="https://drafts.csswg.org/css-flexbox/#order-property",

    servo_restyle_damage="reflow",

    affects="layout",

)}

${helpers.predefined_type(

    "flex-basis",

    "FlexBasis",

    "computed::FlexBasis::auto()",

    engines="gecko servo",

    servo_pref="layout.flexbox.enabled",

    spec="https://drafts.csswg.org/css-flexbox/#flex-basis-property",

    extra_prefixes="webkit",

    animation_value_type="FlexBasis",

    servo_restyle_damage="reflow",

    boxed=True,

    affects="layout",

)}

% for (size, logical) in ALL_SIZES:

<%

        spec = "https://drafts.csswg.org/css-box/#propdef-%s"

        if logical:

            spec = "https://drafts.csswg.org/css-logical-props/#propdef-%s"

%>

    // width, height, block-size, inline-size

    ${helpers.predefined_type(

        size,

        "Size",

        "computed::Size::auto()",

        engines="gecko servo",

        logical=logical,

        logical_group="size",

        allow_quirks="No" if logical else "Yes",

        spec=spec % size,

        animation_value_type="Size",

        servo_restyle_damage="reflow",

        affects="layout",

)}

    // min-width, min-height, min-block-size, min-inline-size

    ${helpers.predefined_type(

        "min-%s" % size,

        "Size",

        "computed::Size::auto()",

        engines="gecko servo",

        logical=logical,

        logical_group="min-size",

        allow_quirks="No" if logical else "Yes",

        spec=spec % size,

        animation_value_type="Size",

        servo_restyle_damage="reflow",

        affects="layout",

)}

    ${helpers.predefined_type(

        "max-%s" % size,

        "MaxSize",

        "computed::MaxSize::none()",

        engines="gecko servo",

        logical=logical,

        logical_group="max-size",

        allow_quirks="No" if logical else "Yes",

        spec=spec % size,

        animation_value_type="MaxSize",

        servo_restyle_damage="reflow",

        affects="layout",

)}

% endfor

${helpers.single_keyword(

    "box-sizing",

    "content-box border-box",

    engines="gecko servo",

    extra_prefixes="moz:layout.css.prefixes.box-sizing webkit",

    spec="https://drafts.csswg.org/css-ui/#propdef-box-sizing",

    gecko_enum_prefix="StyleBoxSizing",

    custom_consts={ "content-box": "Content", "border-box": "Border" },

    animation_value_type="discrete",

    servo_restyle_damage = "reflow",

    affects="layout",

)}

${helpers.single_keyword(

    "object-fit",

    "fill contain cover none scale-down",

    engines="gecko",

    animation_value_type="discrete",

    spec="https://drafts.csswg.org/css-images/#propdef-object-fit",

    gecko_enum_prefix = "StyleObjectFit",

    affects="layout",

)}

${helpers.predefined_type(

    "object-position",

    "Position",

    "computed::Position::center()",

    engines="gecko",

    boxed=True,

    spec="https://drafts.csswg.org/css-images-3/#the-object-position",

    animation_value_type="ComputedValue",

    affects="layout",

)}

% for kind in ["row", "column"]:

    % for range in ["start", "end"]:

        ${helpers.predefined_type(

            "grid-%s-%s" % (kind, range),

            "GridLine",

            "Default::default()",

            engines="gecko",

            animation_value_type="discrete",

            spec="https://drafts.csswg.org/css-grid/#propdef-grid-%s-%s" % (kind, range),

            affects="layout",

)}

    % endfor

    ${helpers.predefined_type(

        "grid-auto-%ss" % kind,

        "ImplicitGridTracks",

        "Default::default()",

        engines="gecko",

        animation_value_type="discrete",

        spec="https://drafts.csswg.org/css-grid/#propdef-grid-auto-%ss" % kind,

        affects="layout",

)}

    ${helpers.predefined_type(

        "grid-template-%ss" % kind,

        "GridTemplateComponent",

        "specified::GenericGridTemplateComponent::None",

        engines="gecko",

        spec="https://drafts.csswg.org/css-grid/#propdef-grid-template-%ss" % kind,

        animation_value_type="ComputedValue",

        affects="layout",

)}

% endfor

${helpers.predefined_type(

    "masonry-auto-flow",

    "MasonryAutoFlow",

    "computed::MasonryAutoFlow::initial()",

    engines="gecko",

    gecko_pref="layout.css.grid-template-masonry-value.enabled",

    animation_value_type="discrete",

    spec="https://github.com/w3c/csswg-drafts/issues/4650",

    affects="layout",

)}

${helpers.predefined_type(

    "grid-auto-flow",

    "GridAutoFlow",

    "computed::GridAutoFlow::ROW",

    engines="gecko",

    animation_value_type="discrete",

    spec="https://drafts.csswg.org/css-grid/#propdef-grid-auto-flow",

    affects="layout",

)}

${helpers.predefined_type(

    "grid-template-areas",

    "GridTemplateAreas",

    "computed::GridTemplateAreas::none()",

    engines="gecko",

    animation_value_type="discrete",

    spec="https://drafts.csswg.org/css-grid/#propdef-grid-template-areas",

    affects="layout",

)}

${helpers.predefined_type(

    "column-gap",

    "length::NonNegativeLengthPercentageOrNormal",

    "computed::length::NonNegativeLengthPercentageOrNormal::normal()",

    engines="gecko servo",

    aliases="grid-column-gap" if engine == "gecko" else "",

    servo_pref="layout.columns.enabled",

    spec="https://drafts.csswg.org/css-align-3/#propdef-column-gap",

    animation_value_type="NonNegativeLengthPercentageOrNormal",

    servo_restyle_damage="reflow",

    affects="layout",

)}

// no need for -moz- prefixed alias for this property

${helpers.predefined_type(

    "row-gap",

    "length::NonNegativeLengthPercentageOrNormal",

    "computed::length::NonNegativeLengthPercentageOrNormal::normal()",

    engines="gecko",

    aliases="grid-row-gap",

    spec="https://drafts.csswg.org/css-align-3/#propdef-row-gap",

    animation_value_type="NonNegativeLengthPercentageOrNormal",

    servo_restyle_damage="reflow",

    affects="layout",

)}

${helpers.predefined_type(

    "aspect-ratio",

    "AspectRatio",

    "computed::AspectRatio::auto()",

    engines="gecko servo",

    servo_pref="layout.legacy_layout",

    animation_value_type="ComputedValue",

    spec="https://drafts.csswg.org/css-sizing-4/#aspect-ratio",

    servo_restyle_damage="reflow",

    affects="layout",

)}

% for (size, logical) in ALL_SIZES:

    ${helpers.predefined_type(

        "contain-intrinsic-" + size,

        "ContainIntrinsicSize",

        "computed::ContainIntrinsicSize::None",

        engines="gecko",

        logical_group="contain-intrinsic-size",

        logical=logical,

        gecko_pref="layout.css.contain-intrinsic-size.enabled",

        spec="https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override",

        animation_value_type="NonNegativeLength",

        affects="layout",

)}

% endfor