Skip to content

Instantly share code, notes, and snippets.

@fschutt

fschutt/ui.rs Secret

Created August 4, 2021 10:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fschutt/9731ceec50d5fe211ab0f08082e8082f to your computer and use it in GitHub Desktop.
Save fschutt/9731ceec50d5fe211ab0f08082e8082f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ui.rs
#![windows_subsystem = "windows"]
//! Auto-generated UI source code
pub mod components {
#[allow(unused_imports)]
pub mod body {
use azul::dom::Dom;
use azul::str::String as AzString;
#[inline]
pub fn render() -> Dom {
Dom::body()
}
}
#[allow(unused_imports)]
pub mod div {
use azul::dom::Dom;
use azul::str::String as AzString;
#[inline]
pub fn render() -> Dom {
Dom::div()
}
}
#[allow(unused_imports)]
pub mod p {
use azul::dom::Dom;
use azul::str::String as AzString;
#[inline]
pub fn render(text: AzString) -> Dom {
Dom::text(text)
}
}
}
#[allow(unused_imports)]
pub mod ui {
pub use crate::components::*;
use azul::css::*;
use azul::str::String as AzString;
use azul::vec::{
DomVec, IdOrClassVec, NodeDataInlineCssPropertyVec,
StyleBackgroundSizeVec, StyleBackgroundRepeatVec,
StyleBackgroundContentVec, StyleTransformVec,
StyleFontFamilyVec, StyleBackgroundPositionVec,
NormalizedLinearColorStopVec, NormalizedRadialColorStopVec,
};
use azul::dom::{
Dom, IdOrClass, TabIndex,
IdOrClass::{Id, Class},
NodeDataInlineCssProperty,
};
const STRING_16146701490593874959: AzString = AzString::from_const_str("sans-serif");
const STYLE_BACKGROUND_CONTENT_3386545019168565479_ITEMS: &[StyleBackgroundContent] = &[
StyleBackgroundContent::LinearGradient(LinearGradient {
direction: Direction::FromTo(DirectionCorners { from: DirectionCorner::Top, to: DirectionCorner::Bottom }),
extend_mode: ExtendMode::Clamp,
stops: NormalizedLinearColorStopVec::from_const_slice(LINEAR_COLOR_STOP_8524009933333352376_ITEMS),
})
];
const STYLE_BACKGROUND_CONTENT_8560341490937422656_ITEMS: &[StyleBackgroundContent] = &[
StyleBackgroundContent::LinearGradient(LinearGradient {
direction: Direction::FromTo(DirectionCorners { from: DirectionCorner::Top, to: DirectionCorner::Bottom }),
extend_mode: ExtendMode::Clamp,
stops: NormalizedLinearColorStopVec::from_const_slice(LINEAR_COLOR_STOP_1400070954008106244_ITEMS),
})
];
const STYLE_BACKGROUND_CONTENT_11062356617965867290_ITEMS: &[StyleBackgroundContent] = &[
StyleBackgroundContent::Color(ColorU { r: 240, g: 240, b: 240, a: 255 })
];
const STYLE_BACKGROUND_CONTENT_16746671892555275291_ITEMS: &[StyleBackgroundContent] = &[
StyleBackgroundContent::Color(ColorU { r: 255, g: 255, b: 255, a: 255 })
];
const STYLE_FONT_FAMILY_8122988506401935406_ITEMS: &[StyleFontFamily] = &[
StyleFontFamily::System(STRING_16146701490593874959)
];
const LINEAR_COLOR_STOP_1400070954008106244_ITEMS: &[NormalizedLinearColorStop] = &[
NormalizedLinearColorStop { offset: PercentageValue::const_new(0), color: ColorU { r: 240, g: 240, b: 240, a: 255 } },
NormalizedLinearColorStop { offset: PercentageValue::const_new(100), color: ColorU { r: 229, g: 229, b: 229, a: 255 } }
];
const LINEAR_COLOR_STOP_8524009933333352376_ITEMS: &[NormalizedLinearColorStop] = &[
NormalizedLinearColorStop { offset: PercentageValue::const_new(0), color: ColorU { r: 250, g: 251, b: 251, a: 255 } },
NormalizedLinearColorStop { offset: PercentageValue::const_new(100), color: ColorU { r: 227, g: 227, b: 227, a: 255 } }
];
const CSS_MATCH_10483358969032807151_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .frame .frame-header p
NodeDataInlineCssProperty::Normal(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(LayoutPaddingTop { inner: PixelValue::const_px(0) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(LayoutPaddingBottom { inner: PixelValue::const_px(0) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(LayoutPaddingRight { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(3) }))),
NodeDataInlineCssProperty::Normal(CssProperty::TextAlign(StyleTextAlignValue::Exact(StyleTextAlign::Center)))
];
const CSS_MATCH_10483358969032807151: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_10483358969032807151_PROPERTIES);
const CSS_MATCH_10745773498483974776_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .tree-view
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::Exact(StyleBorderTopColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightColor(StyleBorderRightColorValue::Exact(StyleBorderRightColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftColor(StyleBorderLeftColorValue::Exact(StyleBorderLeftColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomColor(StyleBorderBottomColorValue::Exact(StyleBorderBottomColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::Exact(StyleBorderTopStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightStyle(StyleBorderRightStyleValue::Exact(StyleBorderRightStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftStyle(StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomStyle(StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightWidth(LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftWidth(LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomWidth(LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(LayoutFlexGrow { inner: FloatValue::const_new(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(LayoutPaddingTop { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(LayoutPaddingBottom { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(LayoutPaddingRight { inner: PixelValue::const_px(5) })))
];
const CSS_MATCH_10745773498483974776: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_10745773498483974776_PROPERTIES);
const CSS_MATCH_10875252287499414370_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .frame .frame-content p
NodeDataInlineCssProperty::Normal(CssProperty::MaxWidth(LayoutMaxWidthValue::Exact(LayoutMaxWidth { inner: PixelValue::const_px(300) })))
];
const CSS_MATCH_10875252287499414370: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_10875252287499414370_PROPERTIES);
const CSS_MATCH_10966319402879035142_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .frame .frame-header
NodeDataInlineCssProperty::Normal(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(LayoutAlignItems::FlexEnd))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(LayoutFlexDirection::Row))),
NodeDataInlineCssProperty::Normal(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS)))),
NodeDataInlineCssProperty::Normal(CssProperty::FontSize(StyleFontSizeValue::Exact(StyleFontSize { inner: PixelValue::const_px(11) })))
];
const CSS_MATCH_10966319402879035142: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_10966319402879035142_PROPERTIES);
const CSS_MATCH_11048512657622395426_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .tree-view .tree-view-line
NodeDataInlineCssProperty::Normal(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(LayoutFlexDirection::Row)))
];
const CSS_MATCH_11048512657622395426: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_11048512657622395426_PROPERTIES);
const CSS_MATCH_11642938233591680735_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .tab-content
NodeDataInlineCssProperty::Normal(CssProperty::BackgroundContent(StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(STYLE_BACKGROUND_CONTENT_16746671892555275291_ITEMS)))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::Exact(StyleBorderTopColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightColor(StyleBorderRightColorValue::Exact(StyleBorderRightColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftColor(StyleBorderLeftColorValue::Exact(StyleBorderLeftColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomColor(StyleBorderBottomColorValue::Exact(StyleBorderBottomColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::Exact(StyleBorderTopStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightStyle(StyleBorderRightStyleValue::Exact(StyleBorderRightStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftStyle(StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomStyle(StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightWidth(LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftWidth(LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomWidth(LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::None)),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::None)),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::None)),
NodeDataInlineCssProperty::Normal(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(LayoutFlexGrow { inner: FloatValue::const_new(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(LayoutPaddingTop { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(LayoutPaddingBottom { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(8) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(LayoutPaddingRight { inner: PixelValue::const_px(8) })))
];
const CSS_MATCH_11642938233591680735: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_11642938233591680735_PROPERTIES);
const CSS_MATCH_11656052917802750359_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .tree-view .tree-view-line .tree-dotted div
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomColor(StyleBorderBottomColorValue::Exact(StyleBorderBottomColor { inner: ColorU { r: 0, g: 0, b: 0, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomStyle(StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle { inner: BorderStyle::Dotted }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomWidth(LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth { inner: PixelValue::const_px(1) }))),
// .tree-view .tree-view-line .tree-dotted
NodeDataInlineCssProperty::Normal(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(LayoutFlexDirection::Column))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(LayoutFlexGrow { inner: FloatValue::const_new(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::JustifyContent(LayoutJustifyContentValue::Exact(LayoutJustifyContent::Center))),
NodeDataInlineCssProperty::Normal(CssProperty::MaxWidth(LayoutMaxWidthValue::Exact(LayoutMaxWidth { inner: PixelValue::const_px(10) })))
];
const CSS_MATCH_11656052917802750359: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_11656052917802750359_PROPERTIES);
const CSS_MATCH_11817721938687291196_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .tree-view .tree-view-line .tree-minus div
NodeDataInlineCssProperty::Normal(CssProperty::BackgroundContent(StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(STYLE_BACKGROUND_CONTENT_3386545019168565479_ITEMS)))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::Exact(StyleBorderTopColor { inner: ColorU { r: 145, g: 145, b: 145, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightColor(StyleBorderRightColorValue::Exact(StyleBorderRightColor { inner: ColorU { r: 145, g: 145, b: 145, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftColor(StyleBorderLeftColorValue::Exact(StyleBorderLeftColor { inner: ColorU { r: 145, g: 145, b: 145, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomColor(StyleBorderBottomColorValue::Exact(StyleBorderBottomColor { inner: ColorU { r: 145, g: 145, b: 145, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::Exact(StyleBorderTopStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightStyle(StyleBorderRightStyleValue::Exact(StyleBorderRightStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftStyle(StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomStyle(StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightWidth(LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftWidth(LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomWidth(LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(LayoutFlexDirection::Column))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(LayoutFlexGrow { inner: FloatValue::const_new(0) }))),
NodeDataInlineCssProperty::Normal(CssProperty::FontSize(StyleFontSizeValue::Exact(StyleFontSize { inner: PixelValue::const_px(11) }))),
NodeDataInlineCssProperty::Normal(CssProperty::Height(LayoutHeightValue::Exact(LayoutHeight { inner: PixelValue::const_px(9) }))),
NodeDataInlineCssProperty::Normal(CssProperty::Position(LayoutPositionValue::Exact(LayoutPosition::Relative))),
NodeDataInlineCssProperty::Normal(CssProperty::Width(LayoutWidthValue::Exact(LayoutWidth { inner: PixelValue::const_px(9) }))),
// .tree-view .tree-view-line .tree-minus
NodeDataInlineCssProperty::Normal(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(LayoutFlexDirection::Column))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(LayoutFlexGrow { inner: FloatValue::const_new(0) }))),
NodeDataInlineCssProperty::Normal(CssProperty::JustifyContent(LayoutJustifyContentValue::Exact(LayoutJustifyContent::Center)))
];
const CSS_MATCH_11817721938687291196: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_11817721938687291196_PROPERTIES);
const CSS_MATCH_11853885828408137053_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .tab-header
NodeDataInlineCssProperty::Normal(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(LayoutFlexDirection::Row))),
NodeDataInlineCssProperty::Normal(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS)))),
NodeDataInlineCssProperty::Normal(CssProperty::FontSize(StyleFontSizeValue::Exact(StyleFontSize { inner: PixelValue::const_px(11) })))
];
const CSS_MATCH_11853885828408137053: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_11853885828408137053_PROPERTIES);
const CSS_MATCH_12768758631930413323_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .frame .frame-header .frame-header-after div
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightColor(StyleBorderRightColorValue::Exact(StyleBorderRightColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightStyle(StyleBorderRightStyleValue::Exact(StyleBorderRightStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightWidth(LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::Exact(StyleBorderTopColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::Exact(StyleBorderTopStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::Height(LayoutHeightValue::Exact(LayoutHeight { inner: PixelValue::const_px(8) }))),
// .frame .frame-header .frame-header-after
NodeDataInlineCssProperty::Normal(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(LayoutAlignItems::FlexEnd))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(LayoutFlexDirection::ColumnReverse))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(LayoutFlexGrow { inner: FloatValue::const_new(1) })))
];
const CSS_MATCH_12768758631930413323: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_12768758631930413323_PROPERTIES);
const CSS_MATCH_12808241360000298083_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .frame .frame-header .frame-header-before div
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftColor(StyleBorderLeftColorValue::Exact(StyleBorderLeftColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftStyle(StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftWidth(LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::Exact(StyleBorderTopColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::Exact(StyleBorderTopStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::Height(LayoutHeightValue::Exact(LayoutHeight { inner: PixelValue::const_px(8) }))),
// .frame .frame-header .frame-header-before
NodeDataInlineCssProperty::Normal(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(LayoutAlignItems::FlexEnd))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(LayoutFlexDirection::ColumnReverse))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(LayoutFlexGrow { inner: FloatValue::const_new(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::Width(LayoutWidthValue::Exact(LayoutWidth { inner: PixelValue::const_px(5) })))
];
const CSS_MATCH_12808241360000298083: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_12808241360000298083_PROPERTIES);
const CSS_MATCH_13300818306806176576_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .frame .frame-header p
NodeDataInlineCssProperty::Normal(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(LayoutPaddingTop { inner: PixelValue::const_px(0) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(LayoutPaddingBottom { inner: PixelValue::const_px(0) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(LayoutPaddingRight { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(3) }))),
NodeDataInlineCssProperty::Normal(CssProperty::TextAlign(StyleTextAlignValue::Exact(StyleTextAlign::Center)))
];
const CSS_MATCH_13300818306806176576: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_13300818306806176576_PROPERTIES);
const CSS_MATCH_13471878103580259885_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .frame .frame-content
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::Exact(StyleBorderTopColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightColor(StyleBorderRightColorValue::Exact(StyleBorderRightColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftColor(StyleBorderLeftColorValue::Exact(StyleBorderLeftColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomColor(StyleBorderBottomColorValue::Exact(StyleBorderBottomColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::Exact(StyleBorderTopStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightStyle(StyleBorderRightStyleValue::Exact(StyleBorderRightStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftStyle(StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomStyle(StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightWidth(LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftWidth(LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomWidth(LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::None)),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::None)),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::None)),
NodeDataInlineCssProperty::Normal(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS)))),
NodeDataInlineCssProperty::Normal(CssProperty::FontSize(StyleFontSizeValue::Exact(StyleFontSize { inner: PixelValue::const_px(11) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(LayoutPaddingTop { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(LayoutPaddingBottom { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(LayoutPaddingRight { inner: PixelValue::const_px(5) })))
];
const CSS_MATCH_13471878103580259885: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_13471878103580259885_PROPERTIES);
const CSS_MATCH_14054642032708122862_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .tree-view .tree-view-line .tree-minus div p
NodeDataInlineCssProperty::Normal(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(LayoutAlignItems::Center))),
NodeDataInlineCssProperty::Normal(CssProperty::FontSize(StyleFontSizeValue::Exact(StyleFontSize { inner: PixelValue::const_px(13) }))),
NodeDataInlineCssProperty::Normal(CssProperty::Height(LayoutHeightValue::Exact(LayoutHeight { inner: PixelValue::const_px(9) }))),
NodeDataInlineCssProperty::Normal(CssProperty::Left(LayoutLeftValue::Exact(LayoutLeft { inner: PixelValue::const_px(-2) }))),
NodeDataInlineCssProperty::Normal(CssProperty::Position(LayoutPositionValue::Exact(LayoutPosition::Absolute))),
NodeDataInlineCssProperty::Normal(CssProperty::TextAlign(StyleTextAlignValue::Exact(StyleTextAlign::Center))),
NodeDataInlineCssProperty::Normal(CssProperty::Top(LayoutTopValue::Exact(LayoutTop { inner: PixelValue::const_px(-1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::Width(LayoutWidthValue::Exact(LayoutWidth { inner: PixelValue::const_px(9) }))),
// .frame .frame-content p
NodeDataInlineCssProperty::Normal(CssProperty::MaxWidth(LayoutMaxWidthValue::Exact(LayoutMaxWidth { inner: PixelValue::const_px(300) })))
];
const CSS_MATCH_14054642032708122862: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_14054642032708122862_PROPERTIES);
const CSS_MATCH_14076779339958419300_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .okcancelsubmit
NodeDataInlineCssProperty::Normal(CssProperty::Height(LayoutHeightValue::Exact(LayoutHeight { inner: PixelValue::const_px(30) })))
];
const CSS_MATCH_14076779339958419300: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_14076779339958419300_PROPERTIES);
const CSS_MATCH_16028450807321092641_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .tab-header p.norightborder
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightColor(StyleBorderRightColorValue::None)),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightStyle(StyleBorderRightStyleValue::None)),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightWidth(LayoutBorderRightWidthValue::None)),
// .tab-header p
NodeDataInlineCssProperty::Normal(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(LayoutAlignItems::Center))),
NodeDataInlineCssProperty::Normal(CssProperty::BackgroundContent(StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(STYLE_BACKGROUND_CONTENT_8560341490937422656_ITEMS)))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::Exact(StyleBorderTopColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightColor(StyleBorderRightColorValue::Exact(StyleBorderRightColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftColor(StyleBorderLeftColorValue::Exact(StyleBorderLeftColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomColor(StyleBorderBottomColorValue::Exact(StyleBorderBottomColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::Exact(StyleBorderTopStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightStyle(StyleBorderRightStyleValue::Exact(StyleBorderRightStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftStyle(StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomStyle(StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightWidth(LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftWidth(LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomWidth(LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(LayoutPaddingTop { inner: PixelValue::const_px(2) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(LayoutPaddingBottom { inner: PixelValue::const_px(2) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(6) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(LayoutPaddingRight { inner: PixelValue::const_px(6) }))),
NodeDataInlineCssProperty::Normal(CssProperty::TextAlign(StyleTextAlignValue::Exact(StyleTextAlign::Center)))
];
const CSS_MATCH_16028450807321092641: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_16028450807321092641_PROPERTIES);
const CSS_MATCH_17579132133367715714_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .tab-header p.noleftborder
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftColor(StyleBorderLeftColorValue::None)),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftStyle(StyleBorderLeftStyleValue::None)),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftWidth(LayoutBorderLeftWidthValue::None)),
// .tab-header p
NodeDataInlineCssProperty::Normal(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(LayoutAlignItems::Center))),
NodeDataInlineCssProperty::Normal(CssProperty::BackgroundContent(StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(STYLE_BACKGROUND_CONTENT_8560341490937422656_ITEMS)))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::Exact(StyleBorderTopColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightColor(StyleBorderRightColorValue::Exact(StyleBorderRightColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftColor(StyleBorderLeftColorValue::Exact(StyleBorderLeftColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomColor(StyleBorderBottomColorValue::Exact(StyleBorderBottomColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::Exact(StyleBorderTopStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightStyle(StyleBorderRightStyleValue::Exact(StyleBorderRightStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftStyle(StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomStyle(StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightWidth(LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftWidth(LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomWidth(LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(LayoutPaddingTop { inner: PixelValue::const_px(2) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(LayoutPaddingBottom { inner: PixelValue::const_px(2) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(6) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(LayoutPaddingRight { inner: PixelValue::const_px(6) }))),
NodeDataInlineCssProperty::Normal(CssProperty::TextAlign(StyleTextAlignValue::Exact(StyleTextAlign::Center)))
];
const CSS_MATCH_17579132133367715714: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_17579132133367715714_PROPERTIES);
const CSS_MATCH_17923669803093252879_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .tab-header .before-tabs
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomColor(StyleBorderBottomColorValue::Exact(StyleBorderBottomColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomStyle(StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomWidth(LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(LayoutFlexGrow { inner: FloatValue::const_new(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::Width(LayoutWidthValue::Exact(LayoutWidth { inner: PixelValue::const_px(2) })))
];
const CSS_MATCH_17923669803093252879: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_17923669803093252879_PROPERTIES);
const CSS_MATCH_18082237319863456300_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .tab-header p
NodeDataInlineCssProperty::Normal(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(LayoutAlignItems::Center))),
NodeDataInlineCssProperty::Normal(CssProperty::BackgroundContent(StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(STYLE_BACKGROUND_CONTENT_8560341490937422656_ITEMS)))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::Exact(StyleBorderTopColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightColor(StyleBorderRightColorValue::Exact(StyleBorderRightColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftColor(StyleBorderLeftColorValue::Exact(StyleBorderLeftColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomColor(StyleBorderBottomColorValue::Exact(StyleBorderBottomColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::Exact(StyleBorderTopStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightStyle(StyleBorderRightStyleValue::Exact(StyleBorderRightStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftStyle(StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomStyle(StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightWidth(LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftWidth(LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomWidth(LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(LayoutPaddingTop { inner: PixelValue::const_px(2) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(LayoutPaddingBottom { inner: PixelValue::const_px(2) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(6) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(LayoutPaddingRight { inner: PixelValue::const_px(6) }))),
NodeDataInlineCssProperty::Normal(CssProperty::TextAlign(StyleTextAlignValue::Exact(StyleTextAlign::Center)))
];
const CSS_MATCH_18082237319863456300: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_18082237319863456300_PROPERTIES);
const CSS_MATCH_2060674052083606835_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .tab-header p.active
NodeDataInlineCssProperty::Normal(CssProperty::BackgroundContent(StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(STYLE_BACKGROUND_CONTENT_16746671892555275291_ITEMS)))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomColor(StyleBorderBottomColorValue::Exact(StyleBorderBottomColor { inner: ColorU { r: 255, g: 255, b: 255, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomStyle(StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomWidth(LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(LayoutPaddingTop { inner: PixelValue::const_px(2) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(LayoutPaddingBottom { inner: PixelValue::const_px(2) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(6) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(LayoutPaddingRight { inner: PixelValue::const_px(6) }))),
// .tab-header p
NodeDataInlineCssProperty::Normal(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(LayoutAlignItems::Center))),
NodeDataInlineCssProperty::Normal(CssProperty::BackgroundContent(StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(STYLE_BACKGROUND_CONTENT_8560341490937422656_ITEMS)))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::Exact(StyleBorderTopColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightColor(StyleBorderRightColorValue::Exact(StyleBorderRightColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftColor(StyleBorderLeftColorValue::Exact(StyleBorderLeftColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomColor(StyleBorderBottomColorValue::Exact(StyleBorderBottomColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::Exact(StyleBorderTopStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightStyle(StyleBorderRightStyleValue::Exact(StyleBorderRightStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftStyle(StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomStyle(StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightWidth(LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftWidth(LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomWidth(LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(LayoutPaddingTop { inner: PixelValue::const_px(2) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(LayoutPaddingBottom { inner: PixelValue::const_px(2) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(6) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(LayoutPaddingRight { inner: PixelValue::const_px(6) }))),
NodeDataInlineCssProperty::Normal(CssProperty::TextAlign(StyleTextAlignValue::Exact(StyleTextAlign::Center)))
];
const CSS_MATCH_2060674052083606835: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_2060674052083606835_PROPERTIES);
const CSS_MATCH_2883986488332352590_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// body
NodeDataInlineCssProperty::Normal(CssProperty::BackgroundContent(StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(STYLE_BACKGROUND_CONTENT_11062356617965867290_ITEMS)))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(LayoutPaddingTop { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(LayoutPaddingBottom { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(LayoutPaddingRight { inner: PixelValue::const_px(5) })))
];
const CSS_MATCH_2883986488332352590: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_2883986488332352590_PROPERTIES);
const CSS_MATCH_3593923800359713982_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .frame
NodeDataInlineCssProperty::Normal(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(LayoutPaddingTop { inner: PixelValue::const_px(3) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(LayoutPaddingBottom { inner: PixelValue::const_px(3) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(LayoutPaddingRight { inner: PixelValue::const_px(5) })))
];
const CSS_MATCH_3593923800359713982: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_3593923800359713982_PROPERTIES);
const CSS_MATCH_4092646019666836163_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .tab-header .after-tabs
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomColor(StyleBorderBottomColorValue::Exact(StyleBorderBottomColor { inner: ColorU { r: 172, g: 172, b: 172, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomStyle(StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomWidth(LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(LayoutFlexGrow { inner: FloatValue::const_new(1) })))
];
const CSS_MATCH_4092646019666836163: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_4092646019666836163_PROPERTIES);
const CSS_MATCH_5705057828015457765_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .frame .frame-header .frame-header-before div
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftColor(StyleBorderLeftColorValue::Exact(StyleBorderLeftColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftStyle(StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftWidth(LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::Exact(StyleBorderTopColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::Exact(StyleBorderTopStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::Height(LayoutHeightValue::Exact(LayoutHeight { inner: PixelValue::const_px(8) }))),
// .frame .frame-header .frame-header-before
NodeDataInlineCssProperty::Normal(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(LayoutAlignItems::FlexEnd))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(LayoutFlexDirection::ColumnReverse))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(LayoutFlexGrow { inner: FloatValue::const_new(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::Width(LayoutWidthValue::Exact(LayoutWidth { inner: PixelValue::const_px(5) })))
];
const CSS_MATCH_5705057828015457765: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_5705057828015457765_PROPERTIES);
const CSS_MATCH_6257502766448558691_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .frame .frame-header
NodeDataInlineCssProperty::Normal(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(LayoutAlignItems::FlexEnd))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(LayoutFlexDirection::Row))),
NodeDataInlineCssProperty::Normal(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS)))),
NodeDataInlineCssProperty::Normal(CssProperty::FontSize(StyleFontSizeValue::Exact(StyleFontSize { inner: PixelValue::const_px(11) })))
];
const CSS_MATCH_6257502766448558691: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_6257502766448558691_PROPERTIES);
const CSS_MATCH_6361401513275425013_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .frame .frame-content p
NodeDataInlineCssProperty::Normal(CssProperty::MaxWidth(LayoutMaxWidthValue::Exact(LayoutMaxWidth { inner: PixelValue::const_px(300) })))
];
const CSS_MATCH_6361401513275425013: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_6361401513275425013_PROPERTIES);
const CSS_MATCH_6823319616672555899_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .frame.expand .frame-content
NodeDataInlineCssProperty::Normal(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(LayoutFlexGrow { inner: FloatValue::const_new(1) }))),
// .frame .frame-content
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::Exact(StyleBorderTopColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightColor(StyleBorderRightColorValue::Exact(StyleBorderRightColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftColor(StyleBorderLeftColorValue::Exact(StyleBorderLeftColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomColor(StyleBorderBottomColorValue::Exact(StyleBorderBottomColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::Exact(StyleBorderTopStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightStyle(StyleBorderRightStyleValue::Exact(StyleBorderRightStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftStyle(StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomStyle(StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightWidth(LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderLeftWidth(LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderBottomWidth(LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::None)),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::None)),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::None)),
NodeDataInlineCssProperty::Normal(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS)))),
NodeDataInlineCssProperty::Normal(CssProperty::FontSize(StyleFontSizeValue::Exact(StyleFontSize { inner: PixelValue::const_px(11) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(LayoutPaddingTop { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(LayoutPaddingBottom { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(LayoutPaddingRight { inner: PixelValue::const_px(5) })))
];
const CSS_MATCH_6823319616672555899: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_6823319616672555899_PROPERTIES);
const CSS_MATCH_7764663928728157901_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .tab-container
NodeDataInlineCssProperty::Normal(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(LayoutFlexGrow { inner: FloatValue::const_new(1) })))
];
const CSS_MATCH_7764663928728157901: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_7764663928728157901_PROPERTIES);
const CSS_MATCH_8890576724782938163_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .frame.expand
NodeDataInlineCssProperty::Normal(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(LayoutFlexGrow { inner: FloatValue::const_new(1) }))),
// .frame
NodeDataInlineCssProperty::Normal(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(LayoutPaddingTop { inner: PixelValue::const_px(3) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(LayoutPaddingBottom { inner: PixelValue::const_px(3) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(LayoutPaddingLeft { inner: PixelValue::const_px(5) }))),
NodeDataInlineCssProperty::Normal(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(LayoutPaddingRight { inner: PixelValue::const_px(5) })))
];
const CSS_MATCH_8890576724782938163: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_8890576724782938163_PROPERTIES);
const CSS_MATCH_8890762459794569197_PROPERTIES: &[NodeDataInlineCssProperty] = &[
// .frame .frame-header .frame-header-after div
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightColor(StyleBorderRightColorValue::Exact(StyleBorderRightColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightStyle(StyleBorderRightStyleValue::Exact(StyleBorderRightStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderRightWidth(LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopColor(StyleBorderTopColorValue::Exact(StyleBorderTopColor { inner: ColorU { r: 221, g: 221, b: 221, a: 255 } }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopStyle(StyleBorderTopStyleValue::Exact(StyleBorderTopStyle { inner: BorderStyle::Solid }))),
NodeDataInlineCssProperty::Normal(CssProperty::BorderTopWidth(LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth { inner: PixelValue::const_px(1) }))),
NodeDataInlineCssProperty::Normal(CssProperty::Height(LayoutHeightValue::Exact(LayoutHeight { inner: PixelValue::const_px(8) }))),
// .frame .frame-header .frame-header-after
NodeDataInlineCssProperty::Normal(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(LayoutAlignItems::FlexEnd))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(LayoutFlexDirection::ColumnReverse))),
NodeDataInlineCssProperty::Normal(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(LayoutFlexGrow { inner: FloatValue::const_new(1) })))
];
const CSS_MATCH_8890762459794569197: NodeDataInlineCssPropertyVec = NodeDataInlineCssPropertyVec::from_const_slice(CSS_MATCH_8890762459794569197_PROPERTIES);
pub fn render() -> Dom {
Dom::body()
.with_inline_css_props(CSS_MATCH_2883986488332352590)
.with_children(DomVec::from_vec(vec![
div::render()
.with_inline_css_props(CSS_MATCH_7764663928728157901)
.with_ids_and_classes({
const IDS_AND_CLASSES_1993210452328009731: &[IdOrClass] = &[
Class(AzString::from_const_str("tab-container")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_1993210452328009731)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_inline_css_props(CSS_MATCH_11853885828408137053)
.with_ids_and_classes({
const IDS_AND_CLASSES_17886929463453384743: &[IdOrClass] = &[
Class(AzString::from_const_str("tab-header")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_17886929463453384743)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_inline_css_props(CSS_MATCH_17923669803093252879)
.with_ids_and_classes({
const IDS_AND_CLASSES_2995391302916481774: &[IdOrClass] = &[
Class(AzString::from_const_str("before-tabs")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_2995391302916481774)
}),
p::render(AzString::from_const_str("Tab 1"))
.with_inline_css_props(CSS_MATCH_16028450807321092641)
.with_ids_and_classes({
const IDS_AND_CLASSES_11619766838984825965: &[IdOrClass] = &[
Class(AzString::from_const_str("norightborder")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_11619766838984825965)
}),
p::render(AzString::from_const_str("Tab 2"))
.with_inline_css_props(CSS_MATCH_2060674052083606835)
.with_ids_and_classes({
const IDS_AND_CLASSES_8715430661028246044: &[IdOrClass] = &[
Class(AzString::from_const_str("active")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_8715430661028246044)
}),
p::render(AzString::from_const_str("Tab 3"))
.with_inline_css_props(CSS_MATCH_17579132133367715714)
.with_ids_and_classes({
const IDS_AND_CLASSES_2580514092509795782: &[IdOrClass] = &[
Class(AzString::from_const_str("noleftborder")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_2580514092509795782)
}),
p::render(AzString::from_const_str("Tab 4"))
.with_inline_css_props(CSS_MATCH_18082237319863456300),
div::render()
.with_inline_css_props(CSS_MATCH_4092646019666836163)
.with_ids_and_classes({
const IDS_AND_CLASSES_16912306910777040419: &[IdOrClass] = &[
Class(AzString::from_const_str("after-tabs")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_16912306910777040419)
})
])),
div::render()
.with_inline_css_props(CSS_MATCH_11642938233591680735)
.with_ids_and_classes({
const IDS_AND_CLASSES_16344742621816121974: &[IdOrClass] = &[
Class(AzString::from_const_str("tab-content")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_16344742621816121974)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_inline_css_props(CSS_MATCH_3593923800359713982)
.with_ids_and_classes({
const IDS_AND_CLASSES_6466986775891323017: &[IdOrClass] = &[
Class(AzString::from_const_str("frame")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_6466986775891323017)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_inline_css_props(CSS_MATCH_6257502766448558691)
.with_ids_and_classes({
const IDS_AND_CLASSES_16760503073532069738: &[IdOrClass] = &[
Class(AzString::from_const_str("frame-header")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_16760503073532069738)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_inline_css_props(CSS_MATCH_5705057828015457765)
.with_ids_and_classes({
const IDS_AND_CLASSES_17118720558046491718: &[IdOrClass] = &[
Class(AzString::from_const_str("frame-header-before")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_17118720558046491718)
})
.with_children(DomVec::from_vec(vec![
div::render()
])),
p::render(AzString::from_const_str("Frame"))
.with_inline_css_props(CSS_MATCH_10483358969032807151),
div::render()
.with_inline_css_props(CSS_MATCH_12768758631930413323)
.with_ids_and_classes({
const IDS_AND_CLASSES_1529003144443814203: &[IdOrClass] = &[
Class(AzString::from_const_str("frame-header-after")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_1529003144443814203)
})
.with_children(DomVec::from_vec(vec![
div::render()
]))
])),
div::render()
.with_inline_css_props(CSS_MATCH_13471878103580259885)
.with_ids_and_classes({
const IDS_AND_CLASSES_1331367996234332301: &[IdOrClass] = &[
Class(AzString::from_const_str("frame-content")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_1331367996234332301)
})
.with_children(DomVec::from_vec(vec![
p::render(AzString::from_const_str("Frame content"))
.with_inline_css_props(CSS_MATCH_10875252287499414370)
]))
])),
div::render()
.with_inline_css_props(CSS_MATCH_8890576724782938163)
.with_ids_and_classes({
const IDS_AND_CLASSES_2461776064203058952: &[IdOrClass] = &[
Class(AzString::from_const_str("frame")),
Class(AzString::from_const_str("expand")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_2461776064203058952)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_inline_css_props(CSS_MATCH_10966319402879035142)
.with_ids_and_classes({
const IDS_AND_CLASSES_16760503073532069738: &[IdOrClass] = &[
Class(AzString::from_const_str("frame-header")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_16760503073532069738)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_inline_css_props(CSS_MATCH_12808241360000298083)
.with_ids_and_classes({
const IDS_AND_CLASSES_17118720558046491718: &[IdOrClass] = &[
Class(AzString::from_const_str("frame-header-before")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_17118720558046491718)
})
.with_children(DomVec::from_vec(vec![
div::render()
])),
p::render(AzString::from_const_str("Tree view"))
.with_inline_css_props(CSS_MATCH_13300818306806176576),
div::render()
.with_inline_css_props(CSS_MATCH_8890762459794569197)
.with_ids_and_classes({
const IDS_AND_CLASSES_1529003144443814203: &[IdOrClass] = &[
Class(AzString::from_const_str("frame-header-after")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_1529003144443814203)
})
.with_children(DomVec::from_vec(vec![
div::render()
]))
])),
div::render()
.with_inline_css_props(CSS_MATCH_6823319616672555899)
.with_ids_and_classes({
const IDS_AND_CLASSES_1331367996234332301: &[IdOrClass] = &[
Class(AzString::from_const_str("frame-content")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_1331367996234332301)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_inline_css_props(CSS_MATCH_10745773498483974776)
.with_ids_and_classes({
const IDS_AND_CLASSES_5341556177498202232: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-view")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_5341556177498202232)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_inline_css_props(CSS_MATCH_11048512657622395426)
.with_ids_and_classes({
const IDS_AND_CLASSES_17630488161627840885: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-view-line")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_17630488161627840885)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_inline_css_props(CSS_MATCH_11817721938687291196)
.with_ids_and_classes({
const IDS_AND_CLASSES_15136815626309502428: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-minus")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_15136815626309502428)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_children(DomVec::from_vec(vec![
p::render(AzString::from_const_str("-"))
.with_inline_css_props(CSS_MATCH_14054642032708122862)
]))
])),
div::render()
.with_inline_css_props(CSS_MATCH_11656052917802750359)
.with_ids_and_classes({
const IDS_AND_CLASSES_17674807024823403531: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-dotted")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_17674807024823403531)
})
.with_children(DomVec::from_vec(vec![
div::render()
])),
p::render(AzString::from_const_str("This windows is 100% rendered"))
.with_inline_css_props(CSS_MATCH_6361401513275425013)
.with_ids_and_classes({
const IDS_AND_CLASSES_7243222146235395137: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-label")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_7243222146235395137)
})
])),
div::render()
.with_inline_css_props(CSS_MATCH_11048512657622395426)
.with_ids_and_classes({
const IDS_AND_CLASSES_17630488161627840885: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-view-line")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_17630488161627840885)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_inline_css_props(CSS_MATCH_11817721938687291196)
.with_ids_and_classes({
const IDS_AND_CLASSES_15136815626309502428: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-minus")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_15136815626309502428)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_children(DomVec::from_vec(vec![
p::render(AzString::from_const_str("-"))
.with_inline_css_props(CSS_MATCH_14054642032708122862)
]))
])),
div::render()
.with_inline_css_props(CSS_MATCH_11656052917802750359)
.with_ids_and_classes({
const IDS_AND_CLASSES_17674807024823403531: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-dotted")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_17674807024823403531)
})
.with_children(DomVec::from_vec(vec![
div::render()
])),
p::render(AzString::from_const_str("by"))
.with_inline_css_props(CSS_MATCH_6361401513275425013)
.with_ids_and_classes({
const IDS_AND_CLASSES_7243222146235395137: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-label")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_7243222146235395137)
})
])),
div::render()
.with_inline_css_props(CSS_MATCH_11048512657622395426)
.with_ids_and_classes({
const IDS_AND_CLASSES_17630488161627840885: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-view-line")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_17630488161627840885)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_inline_css_props(CSS_MATCH_11817721938687291196)
.with_ids_and_classes({
const IDS_AND_CLASSES_15136815626309502428: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-minus")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_15136815626309502428)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_children(DomVec::from_vec(vec![
p::render(AzString::from_const_str("-"))
.with_inline_css_props(CSS_MATCH_14054642032708122862)
]))
])),
div::render()
.with_inline_css_props(CSS_MATCH_11656052917802750359)
.with_ids_and_classes({
const IDS_AND_CLASSES_17674807024823403531: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-dotted")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_17674807024823403531)
})
.with_children(DomVec::from_vec(vec![
div::render()
])),
p::render(AzString::from_const_str("WebRender"))
.with_inline_css_props(CSS_MATCH_6361401513275425013)
.with_ids_and_classes({
const IDS_AND_CLASSES_7243222146235395137: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-label")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_7243222146235395137)
})
])),
div::render()
.with_inline_css_props(CSS_MATCH_11048512657622395426)
.with_ids_and_classes({
const IDS_AND_CLASSES_17630488161627840885: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-view-line")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_17630488161627840885)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_inline_css_props(CSS_MATCH_11817721938687291196)
.with_ids_and_classes({
const IDS_AND_CLASSES_15136815626309502428: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-minus")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_15136815626309502428)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_children(DomVec::from_vec(vec![
p::render(AzString::from_const_str("-"))
.with_inline_css_props(CSS_MATCH_14054642032708122862)
]))
])),
div::render()
.with_inline_css_props(CSS_MATCH_11656052917802750359)
.with_ids_and_classes({
const IDS_AND_CLASSES_17674807024823403531: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-dotted")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_17674807024823403531)
})
.with_children(DomVec::from_vec(vec![
div::render()
])),
p::render(AzString::from_const_str("using"))
.with_inline_css_props(CSS_MATCH_6361401513275425013)
.with_ids_and_classes({
const IDS_AND_CLASSES_7243222146235395137: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-label")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_7243222146235395137)
})
])),
div::render()
.with_inline_css_props(CSS_MATCH_11048512657622395426)
.with_ids_and_classes({
const IDS_AND_CLASSES_17630488161627840885: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-view-line")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_17630488161627840885)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_inline_css_props(CSS_MATCH_11817721938687291196)
.with_ids_and_classes({
const IDS_AND_CLASSES_15136815626309502428: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-minus")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_15136815626309502428)
})
.with_children(DomVec::from_vec(vec![
div::render()
.with_children(DomVec::from_vec(vec![
p::render(AzString::from_const_str("-"))
.with_inline_css_props(CSS_MATCH_14054642032708122862)
]))
])),
div::render()
.with_inline_css_props(CSS_MATCH_11656052917802750359)
.with_ids_and_classes({
const IDS_AND_CLASSES_17674807024823403531: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-dotted")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_17674807024823403531)
})
.with_children(DomVec::from_vec(vec![
div::render()
])),
p::render(AzString::from_const_str("OpenGL 3.1"))
.with_inline_css_props(CSS_MATCH_6361401513275425013)
.with_ids_and_classes({
const IDS_AND_CLASSES_7243222146235395137: &[IdOrClass] = &[
Class(AzString::from_const_str("tree-label")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_7243222146235395137)
})
]))
]))
]))
]))
]))
])),
div::render()
.with_inline_css_props(CSS_MATCH_14076779339958419300)
.with_ids_and_classes({
const IDS_AND_CLASSES_8140554991168596710: &[IdOrClass] = &[
Class(AzString::from_const_str("okcancelsubmit")),
];
IdOrClassVec::from_const_slice(IDS_AND_CLASSES_8140554991168596710)
}),
]))
}
}
use azul::{
app::{App, AppConfig, LayoutSolver},
css::Css,
style::StyledDom,
callbacks::{RefAny, LayoutCallbackInfo},
window::{WindowCreateOptions, WindowFrame},
};
struct Data { }
extern "C" fn render(_: &mut RefAny, _: LayoutCallbackInfo) -> StyledDom {
crate::ui::render()
.style(Css::empty()) // styles are applied inline
}
fn main() {
let app = App::new(RefAny::new(Data { }), AppConfig::new(LayoutSolver::Default));
let mut window = WindowCreateOptions::new(render);
window.state.flags.frame = WindowFrame::Maximized;
app.run(window);
}
Raw
ui.xml
<html>
<head>
<style>
body {
background: #F0F0F0;
padding: 5px;
}
.tab-container {
flex-grow: 1;
}
.tab-header {
font-family: sans-serif;
font-size: 11px;
flex-direction: row;
}
.tab-header p {
border: 1px solid #ACACAC;
padding: 2px 6px;
text-align: center;
align-items: center;
background: linear-gradient(to bottom, #F0F0F0, #E5E5E5);
}
.tab-header .after-tabs {
border-bottom: 1px solid #ACACAC;
flex-grow: 1;
}
.tab-header .before-tabs {
border-bottom: 1px solid #ACACAC;
flex-grow: 1;
width:2px;
}
.tab-header p.norightborder {
border-right: none;
}
.tab-header p.noleftborder {
border-left: none;
}
.tab-header p.active {
background: white;
padding: 2px 6px;
border-bottom: 1px solid white;
}
.tab-content {
background: white;
flex-grow: 1;
border: 1px solid #ACACAC;
border-top: none;
padding: 5px 8px;
}
.okcancelsubmit {
height: 30px;
}
.frame {
padding: 3px 5px;
}
.frame .frame-header {
font-size: 11px;
font-family: sans-serif;
flex-direction: row;
align-items: flex-end;
}
.frame .frame-header .frame-header-before {
width: 5px;
flex-grow: 1;
flex-direction: column-reverse;
align-items: flex-end;
}
.frame .frame-header .frame-header-before div {
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
height: 7.5px;
}
.frame .frame-header .frame-header-after {
flex-grow: 1;
flex-direction: column-reverse;
align-items: flex-end;
}
.frame .frame-header .frame-header-after div {
border-top: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
height: 7.5px;
}
.frame .frame-header p {
padding: 0px 1px;
padding-left: 3px;
text-align: center;
}
.frame .frame-content {
padding: 5px;
font-family: sans-serif;
font-size: 11px;
border: 1px solid #DDDDDD;
border-top: none;
}
.frame.expand {
flex-grow: 1;
}
.frame.expand .frame-content {
flex-grow: 1;
}
.frame .frame-content p {
max-width: 300px;
}
.tree-view {
flex-grow: 1;
padding: 5px;
border: 1px solid #DDDDDD;
}
.tree-view .tree-view-line {
flex-direction: row;
}
.tree-view .tree-view-line .tree-minus {
flex-grow: 0;
flex-direction: column;
justify-content: center;
}
.tree-view .tree-view-line .tree-minus div {
flex-grow: 0;
flex-direction: column;
font-size: 11px;
background: linear-gradient(to bottom, #FAFBFB, #E3E3E3);
border: 1px solid #919191;
height: 9px;
width: 9px;
position: relative;
}
.tree-view .tree-view-line .tree-minus div p {
align-items: center;
text-align: center;
position: absolute;
top: -1px;
left: -1.5px;
width: 9px;
height: 9px;
font-size: 13px;
}
.tree-view .tree-view-line .tree-dotted {
flex-grow: 1;
max-width: 10px;
flex-direction: column;
justify-content: center;
}
.tree-view .tree-view-line .tree-dotted div {
border-bottom: 1px dotted black;
}
</style>
</head>
<body>
<div class="tab-container">
<div class="tab-header">
<div class="before-tabs"></div>
<p class="norightborder">Tab 1</p>
<p class="active">Tab 2</p>
<p class="noleftborder">Tab 3</p>
<p>Tab 4</p>
<div class="after-tabs"></div>
</div>
<div class="tab-content">
<div class="frame">
<div class="frame-header">
<div class="frame-header-before">
<div></div>
</div>
<p>Frame</p>
<div class="frame-header-after">
<div></div>
</div>
</div>
<div class="frame-content">
<p>Frame content</p>
</div>
</div>
<div class="frame expand">
<div class="frame-header">
<div class="frame-header-before">
<div></div>
</div>
<p>Tree view</p>
<div class="frame-header-after">
<div></div>
</div>
</div>
<div class="frame-content">
<div class="tree-view">
<div class="tree-view-line">
<div class="tree-minus">
<div>
<p>-</p>
</div>
</div>
<div class="tree-dotted"><div></div></div>
<p class="tree-label">This windows is 100% rendered</p>
</div>
<div class="tree-view-line">
<div class="tree-minus">
<div>
<p>-</p>
</div>
</div>
<div class="tree-dotted"><div></div></div>
<p class="tree-label">by</p>
</div>
<div class="tree-view-line">
<div class="tree-minus">
<div>
<p>-</p>
</div>
</div>
<div class="tree-dotted"><div></div></div>
<p class="tree-label">WebRender</p>
</div>
<div class="tree-view-line">
<div class="tree-minus">
<div>
<p>-</p>
</div>
</div>
<div class="tree-dotted"><div></div></div>
<p class="tree-label">using</p>
</div>
<div class="tree-view-line">
<div class="tree-minus">
<div>
<p>-</p>
</div>
</div>
<div class="tree-dotted"><div></div></div>
<p class="tree-label">OpenGL 3.1</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="okcancelsubmit">
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment