azul_layout/widgets/
ribbon.rs

1use azul_core::{
2    callbacks::{CoreCallback, CoreCallbackData, Update},
3    dom::{Dom, DomVec, EventFilter, HoverEventFilter, IdOrClass, IdOrClass::Class, IdOrClassVec},
4    refany::RefAny,
5};
6use azul_css::{
7    dynamic_selector::{CssPropertyWithConditions, CssPropertyWithConditionsVec},
8    props::{
9        basic::*,
10        layout::*,
11        property::{CssProperty, *},
12        style::*,
13    },
14    *,
15};
16
17use crate::callbacks::{Callback, CallbackInfo};
18
19const STRING_16146701490593874959: AzString = AzString::from_const_str("sans-serif");
20const STYLE_BACKGROUND_CONTENT_4878363956973295354_ITEMS: &[StyleBackgroundContent] =
21    &[StyleBackgroundContent::Color(ColorU {
22        r: 173,
23        g: 216,
24        b: 230,
25        a: 255,
26    })];
27const STYLE_BACKGROUND_CONTENT_4967804087795204988_ITEMS: &[StyleBackgroundContent] =
28    &[StyleBackgroundContent::Color(ColorU {
29        r: 250,
30        g: 128,
31        b: 114,
32        a: 255,
33    })];
34const STYLE_BACKGROUND_CONTENT_8568982142085024634_ITEMS: &[StyleBackgroundContent] =
35    &[StyleBackgroundContent::Color(ColorU {
36        r: 250,
37        g: 235,
38        b: 215,
39        a: 255,
40    })];
41const STYLE_BACKGROUND_CONTENT_12869309920691526943_ITEMS: &[StyleBackgroundContent] =
42    &[StyleBackgroundContent::Color(ColorU {
43        r: 240,
44        g: 248,
45        b: 255,
46        a: 255,
47    })];
48const STYLE_BACKGROUND_CONTENT_14573424550548235545_ITEMS: &[StyleBackgroundContent] =
49    &[StyleBackgroundContent::Color(ColorU {
50        r: 33,
51        g: 114,
52        b: 69,
53        a: 255,
54    })];
55const STYLE_BACKGROUND_CONTENT_16746671892555275291_ITEMS: &[StyleBackgroundContent] =
56    &[StyleBackgroundContent::Color(ColorU {
57        r: 255,
58        g: 255,
59        b: 255,
60        a: 255,
61    })];
62const STYLE_FONT_FAMILY_8122988506401935406_ITEMS: &[StyleFontFamily] =
63    &[StyleFontFamily::System(STRING_16146701490593874959)];
64
65const CSS_MATCH_10111026547520801912_PROPERTIES: &[CssPropertyWithConditions] = &[
66    // .minixel-table-container .column-wrapper .line-numbers
67    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
68        LayoutWidth::Px(PixelValue::const_px(25)),
69    ))),
70    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
71        StyleFontSize {
72            inner: PixelValue::const_px(14),
73        },
74    ))),
75    CssPropertyWithConditions::simple(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(
76        StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS),
77    ))),
78    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
79        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
80            inner: PixelValue::const_px(1),
81        }),
82    )),
83    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
84        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
85            inner: BorderStyle::Solid,
86        }),
87    )),
88    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
89        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
90            inner: ColorU {
91                r: 171,
92                g: 171,
93                b: 171,
94                a: 255,
95            },
96        }),
97    )),
98];
99const CSS_MATCH_10111026547520801912: CssPropertyWithConditionsVec =
100    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_10111026547520801912_PROPERTIES);
101
102const CSS_MATCH_10537637882082253178_PROPERTIES: &[CssPropertyWithConditions] = &[
103    // .minixel-formula-container .formula-commit .btn-2
104    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(
105        LayoutFlexGrow {
106            inner: FloatValue::const_new(1),
107        },
108    ))),
109    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(
110        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(
111            STYLE_BACKGROUND_CONTENT_12869309920691526943_ITEMS,
112        )),
113    )),
114];
115const CSS_MATCH_10537637882082253178: CssPropertyWithConditionsVec =
116    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_10537637882082253178_PROPERTIES);
117
118const CSS_MATCH_11184921220530473733_PROPERTIES: &[CssPropertyWithConditions] = &[
119    // .__azul_native-ribbon-tabs div.after-tabs
120    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(
121        LayoutFlexGrow {
122            inner: FloatValue::const_new(1),
123        },
124    ))),
125    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
126        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
127            inner: PixelValue::const_px(1),
128        }),
129    )),
130    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
131        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
132            inner: BorderStyle::Solid,
133        }),
134    )),
135    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
136        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
137            inner: ColorU {
138                r: 213,
139                g: 213,
140                b: 213,
141                a: 255,
142            },
143        }),
144    )),
145];
146const CSS_MATCH_11184921220530473733: CssPropertyWithConditionsVec =
147    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_11184921220530473733_PROPERTIES);
148
149const CSS_MATCH_11324334306954975636_PROPERTIES: &[CssPropertyWithConditions] = &[
150    // .__azul_native-ribbon-section.2
151    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
152        LayoutWidth::Px(PixelValue::const_px(210)),
153    ))),
154    // .__azul_native-ribbon-section
155    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
156        LayoutPaddingRight {
157            inner: PixelValue::const_px(2),
158        },
159    ))),
160    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
161        LayoutPaddingLeft {
162            inner: PixelValue::const_px(2),
163        },
164    ))),
165    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
166        LayoutPaddingBottom {
167            inner: PixelValue::const_px(0),
168        },
169    ))),
170    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
171        LayoutPaddingTop {
172            inner: PixelValue::const_px(0),
173        },
174    ))),
175    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
176        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
177            inner: PixelValue::const_px(1),
178        }),
179    )),
180    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
181        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
182            inner: BorderStyle::Solid,
183        }),
184    )),
185    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
186        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
187            inner: ColorU {
188                r: 225,
189                g: 225,
190                b: 225,
191                a: 255,
192            },
193        }),
194    )),
195];
196const CSS_MATCH_11324334306954975636: CssPropertyWithConditionsVec =
197    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_11324334306954975636_PROPERTIES);
198
199const CSS_MATCH_11749096093730352054_PROPERTIES: &[CssPropertyWithConditions] = &[
200    // .minixel-formula-container
201    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
202        LayoutPaddingRight {
203            inner: PixelValue::const_px(3),
204        },
205    ))),
206    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
207        LayoutPaddingLeft {
208            inner: PixelValue::const_px(3),
209        },
210    ))),
211    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
212        LayoutPaddingBottom {
213            inner: PixelValue::const_px(10),
214        },
215    ))),
216    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
217        LayoutPaddingTop {
218            inner: PixelValue::const_px(10),
219        },
220    ))),
221    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(
222        LayoutFlexDirection::Row,
223    ))),
224];
225const CSS_MATCH_11749096093730352054: CssPropertyWithConditionsVec =
226    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_11749096093730352054_PROPERTIES);
227
228const CSS_MATCH_11805228191975472988_PROPERTIES: &[CssPropertyWithConditions] = &[
229    // .minixel-formula-container .formula-entry
230    CssPropertyWithConditions::simple(CssProperty::MarginRight(LayoutMarginRightValue::Exact(
231        LayoutMarginRight {
232            inner: PixelValue::const_px(3),
233        },
234    ))),
235    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(
236        LayoutFlexGrow {
237            inner: FloatValue::const_new(1),
238        },
239    ))),
240    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(
241        LayoutFlexDirection::Row,
242    ))),
243    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
244        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
245            inner: PixelValue::const_px(1),
246        }),
247    )),
248    CssPropertyWithConditions::simple(CssProperty::BorderLeftWidth(
249        LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth {
250            inner: PixelValue::const_px(1),
251        }),
252    )),
253    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
254        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
255            inner: PixelValue::const_px(1),
256        }),
257    )),
258    CssPropertyWithConditions::simple(CssProperty::BorderTopWidth(
259        LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth {
260            inner: PixelValue::const_px(1),
261        }),
262    )),
263    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
264        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
265            inner: BorderStyle::Solid,
266        }),
267    )),
268    CssPropertyWithConditions::simple(CssProperty::BorderLeftStyle(
269        StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle {
270            inner: BorderStyle::Solid,
271        }),
272    )),
273    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
274        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
275            inner: BorderStyle::Solid,
276        }),
277    )),
278    CssPropertyWithConditions::simple(CssProperty::BorderTopStyle(
279        StyleBorderTopStyleValue::Exact(StyleBorderTopStyle {
280            inner: BorderStyle::Solid,
281        }),
282    )),
283    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
284        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
285            inner: ColorU {
286                r: 171,
287                g: 171,
288                b: 171,
289                a: 255,
290            },
291        }),
292    )),
293    CssPropertyWithConditions::simple(CssProperty::BorderLeftColor(
294        StyleBorderLeftColorValue::Exact(StyleBorderLeftColor {
295            inner: ColorU {
296                r: 171,
297                g: 171,
298                b: 171,
299                a: 255,
300            },
301        }),
302    )),
303    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
304        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
305            inner: ColorU {
306                r: 171,
307                g: 171,
308                b: 171,
309                a: 255,
310            },
311        }),
312    )),
313    CssPropertyWithConditions::simple(CssProperty::BorderTopColor(
314        StyleBorderTopColorValue::Exact(StyleBorderTopColor {
315            inner: ColorU {
316                r: 171,
317                g: 171,
318                b: 171,
319                a: 255,
320            },
321        }),
322    )),
323];
324const CSS_MATCH_11805228191975472988: CssPropertyWithConditionsVec =
325    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_11805228191975472988_PROPERTIES);
326
327const CSS_MATCH_11894410514907408907_PROPERTIES: &[CssPropertyWithConditions] = &[
328    // .__azul_native-ribbon-section-content
329    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(
330        LayoutFlexGrow {
331            inner: FloatValue::const_new(1),
332        },
333    ))),
334];
335const CSS_MATCH_11894410514907408907: CssPropertyWithConditionsVec =
336    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_11894410514907408907_PROPERTIES);
337
338const CSS_MATCH_12543025518776072814_PROPERTIES: &[CssPropertyWithConditions] = &[
339    // .__azul_native-ribbon-section-name
340    CssPropertyWithConditions::simple(CssProperty::TextAlign(StyleTextAlignValue::Exact(
341        StyleTextAlign::Center,
342    ))),
343    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
344        StyleFontSize {
345            inner: PixelValue::const_px(11),
346        },
347    ))),
348    CssPropertyWithConditions::simple(CssProperty::TextColor(StyleTextColorValue::Exact(
349        StyleTextColor {
350            inner: ColorU {
351                r: 68,
352                g: 68,
353                b: 68,
354                a: 255,
355            },
356        },
357    ))),
358];
359const CSS_MATCH_12543025518776072814: CssPropertyWithConditionsVec =
360    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_12543025518776072814_PROPERTIES);
361
362const CSS_MATCH_12657755885219626491_PROPERTIES: &[CssPropertyWithConditions] = &[
363    // .minixel-table-container .column-wrapper .line-numbers p
364    CssPropertyWithConditions::simple(CssProperty::TextAlign(StyleTextAlignValue::Exact(
365        StyleTextAlign::Center,
366    ))),
367    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
368        LayoutPaddingTop {
369            inner: PixelValue::const_px(1),
370        },
371    ))),
372    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
373        LayoutPaddingBottom {
374            inner: PixelValue::const_px(1),
375        },
376    ))),
377    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
378        StyleFontSize {
379            inner: PixelValue::const_px(13),
380        },
381    ))),
382    CssPropertyWithConditions::simple(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(
383        StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS),
384    ))),
385    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
386        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
387            inner: PixelValue::const_px(1),
388        }),
389    )),
390    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
391        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
392            inner: BorderStyle::Solid,
393        }),
394    )),
395    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
396        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
397            inner: ColorU {
398                r: 229,
399                g: 229,
400                b: 229,
401                a: 255,
402            },
403        }),
404    )),
405    CssPropertyWithConditions::simple(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(
406        LayoutAlignItems::Center,
407    ))),
408];
409const CSS_MATCH_12657755885219626491: CssPropertyWithConditionsVec =
410    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_12657755885219626491_PROPERTIES);
411
412const CSS_MATCH_12860013474863056225_PROPERTIES: &[CssPropertyWithConditions] = &[
413    // .__azul_native-ribbon-section.1
414    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
415        LayoutWidth::Px(PixelValue::const_px(135)),
416    ))),
417    // .__azul_native-ribbon-section
418    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
419        LayoutPaddingRight {
420            inner: PixelValue::const_px(2),
421        },
422    ))),
423    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
424        LayoutPaddingLeft {
425            inner: PixelValue::const_px(2),
426        },
427    ))),
428    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
429        LayoutPaddingBottom {
430            inner: PixelValue::const_px(0),
431        },
432    ))),
433    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
434        LayoutPaddingTop {
435            inner: PixelValue::const_px(0),
436        },
437    ))),
438    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
439        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
440            inner: PixelValue::const_px(1),
441        }),
442    )),
443    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
444        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
445            inner: BorderStyle::Solid,
446        }),
447    )),
448    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
449        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
450            inner: ColorU {
451                r: 225,
452                g: 225,
453                b: 225,
454                a: 255,
455            },
456        }),
457    )),
458];
459const CSS_MATCH_12860013474863056225: CssPropertyWithConditionsVec =
460    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_12860013474863056225_PROPERTIES);
461
462const CSS_MATCH_14371786645818370801_PROPERTIES: &[CssPropertyWithConditions] = &[
463    // .__azul_native-ribbon-tabs p.home
464    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
465        LayoutPaddingRight {
466            inner: PixelValue::const_px(19),
467        },
468    ))),
469    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
470        LayoutPaddingLeft {
471            inner: PixelValue::const_px(19),
472        },
473    ))),
474    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
475        LayoutPaddingBottom {
476            inner: PixelValue::const_px(2),
477        },
478    ))),
479    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
480        LayoutPaddingTop {
481            inner: PixelValue::const_px(2),
482        },
483    ))),
484    CssPropertyWithConditions::simple(CssProperty::TextColor(StyleTextColorValue::Exact(
485        StyleTextColor {
486            inner: ColorU {
487                r: 255,
488                g: 255,
489                b: 255,
490                a: 255,
491            },
492        },
493    ))),
494    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
495        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
496            inner: PixelValue::const_px(1),
497        }),
498    )),
499    CssPropertyWithConditions::simple(CssProperty::BorderLeftWidth(
500        LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth {
501            inner: PixelValue::const_px(1),
502        }),
503    )),
504    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
505        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
506            inner: PixelValue::const_px(1),
507        }),
508    )),
509    CssPropertyWithConditions::simple(CssProperty::BorderTopWidth(
510        LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth {
511            inner: PixelValue::const_px(1),
512        }),
513    )),
514    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
515        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
516            inner: BorderStyle::Solid,
517        }),
518    )),
519    CssPropertyWithConditions::simple(CssProperty::BorderLeftStyle(
520        StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle {
521            inner: BorderStyle::Solid,
522        }),
523    )),
524    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
525        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
526            inner: BorderStyle::Solid,
527        }),
528    )),
529    CssPropertyWithConditions::simple(CssProperty::BorderTopStyle(
530        StyleBorderTopStyleValue::Exact(StyleBorderTopStyle {
531            inner: BorderStyle::Solid,
532        }),
533    )),
534    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
535        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
536            inner: ColorU {
537                r: 33,
538                g: 114,
539                b: 69,
540                a: 255,
541            },
542        }),
543    )),
544    CssPropertyWithConditions::simple(CssProperty::BorderLeftColor(
545        StyleBorderLeftColorValue::Exact(StyleBorderLeftColor {
546            inner: ColorU {
547                r: 33,
548                g: 114,
549                b: 69,
550                a: 255,
551            },
552        }),
553    )),
554    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
555        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
556            inner: ColorU {
557                r: 33,
558                g: 114,
559                b: 69,
560                a: 255,
561            },
562        }),
563    )),
564    CssPropertyWithConditions::simple(CssProperty::BorderTopColor(
565        StyleBorderTopColorValue::Exact(StyleBorderTopColor {
566            inner: ColorU {
567                r: 33,
568                g: 114,
569                b: 69,
570                a: 255,
571            },
572        }),
573    )),
574    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(
575        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(
576            STYLE_BACKGROUND_CONTENT_14573424550548235545_ITEMS,
577        )),
578    )),
579    // .__azul_native-ribbon-tabs p
580    CssPropertyWithConditions::simple(CssProperty::TextAlign(StyleTextAlignValue::Exact(
581        StyleTextAlign::Center,
582    ))),
583    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
584        LayoutPaddingRight {
585            inner: PixelValue::const_px(14),
586        },
587    ))),
588    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
589        LayoutPaddingLeft {
590            inner: PixelValue::const_px(14),
591        },
592    ))),
593    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
594        LayoutPaddingBottom {
595            inner: PixelValue::const_px(5),
596        },
597    ))),
598    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
599        LayoutPaddingTop {
600            inner: PixelValue::const_px(5),
601        },
602    ))),
603    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
604        StyleFontSize {
605            inner: PixelValue::const_px(12),
606        },
607    ))),
608    CssPropertyWithConditions::simple(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(
609        StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS),
610    ))),
611    CssPropertyWithConditions::simple(CssProperty::TextColor(StyleTextColorValue::Exact(
612        StyleTextColor {
613            inner: ColorU {
614                r: 101,
615                g: 101,
616                b: 101,
617                a: 255,
618            },
619        },
620    ))),
621    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
622        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
623            inner: PixelValue::const_px(1),
624        }),
625    )),
626    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
627        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
628            inner: BorderStyle::Solid,
629        }),
630    )),
631    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
632        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
633            inner: ColorU {
634                r: 213,
635                g: 213,
636                b: 213,
637                a: 255,
638            },
639        }),
640    )),
641    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
642        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
643            inner: PixelValue::const_px(1),
644        }),
645    )),
646    CssPropertyWithConditions::simple(CssProperty::BorderLeftWidth(
647        LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth {
648            inner: PixelValue::const_px(1),
649        }),
650    )),
651    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
652        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
653            inner: PixelValue::const_px(1),
654        }),
655    )),
656    CssPropertyWithConditions::simple(CssProperty::BorderTopWidth(
657        LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth {
658            inner: PixelValue::const_px(1),
659        }),
660    )),
661    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
662        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
663            inner: BorderStyle::Solid,
664        }),
665    )),
666    CssPropertyWithConditions::simple(CssProperty::BorderLeftStyle(
667        StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle {
668            inner: BorderStyle::Solid,
669        }),
670    )),
671    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
672        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
673            inner: BorderStyle::Solid,
674        }),
675    )),
676    CssPropertyWithConditions::simple(CssProperty::BorderTopStyle(
677        StyleBorderTopStyleValue::Exact(StyleBorderTopStyle {
678            inner: BorderStyle::Solid,
679        }),
680    )),
681    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
682        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
683            inner: ColorU {
684                r: 255,
685                g: 255,
686                b: 255,
687                a: 0,
688            },
689        }),
690    )),
691    CssPropertyWithConditions::simple(CssProperty::BorderLeftColor(
692        StyleBorderLeftColorValue::Exact(StyleBorderLeftColor {
693            inner: ColorU {
694                r: 255,
695                g: 255,
696                b: 255,
697                a: 0,
698            },
699        }),
700    )),
701    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
702        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
703            inner: ColorU {
704                r: 255,
705                g: 255,
706                b: 255,
707                a: 0,
708            },
709        }),
710    )),
711    CssPropertyWithConditions::simple(CssProperty::BorderTopColor(
712        StyleBorderTopColorValue::Exact(StyleBorderTopColor {
713            inner: ColorU {
714                r: 255,
715                g: 255,
716                b: 255,
717                a: 0,
718            },
719        }),
720    )),
721    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(
722        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(
723            STYLE_BACKGROUND_CONTENT_16746671892555275291_ITEMS,
724        )),
725    )),
726    CssPropertyWithConditions::simple(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(
727        LayoutAlignItems::Center,
728    ))),
729];
730const CSS_MATCH_14371786645818370801: CssPropertyWithConditionsVec =
731    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_14371786645818370801_PROPERTIES);
732
733const CSS_MATCH_14675068197785310311_PROPERTIES: &[CssPropertyWithConditions] = &[
734    // .minixel-table-container
735    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(
736        LayoutFlexGrow {
737            inner: FloatValue::const_new(1),
738        },
739    ))),
740    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(
741        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(
742            STYLE_BACKGROUND_CONTENT_16746671892555275291_ITEMS,
743        )),
744    )),
745];
746const CSS_MATCH_14675068197785310311: CssPropertyWithConditionsVec =
747    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_14675068197785310311_PROPERTIES);
748
749const CSS_MATCH_14701061083766788292_PROPERTIES: &[CssPropertyWithConditions] = &[
750    // .__azul_native-ribbon-action-vertical-large .icon-wrapper
751    CssPropertyWithConditions::simple(CssProperty::JustifyContent(
752        LayoutJustifyContentValue::Exact(LayoutJustifyContent::Center),
753    )),
754    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(
755        LayoutFlexDirection::Row,
756    ))),
757    CssPropertyWithConditions::simple(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(
758        LayoutAlignItems::Center,
759    ))),
760    CssPropertyWithConditions::simple(CssProperty::AlignContent(LayoutAlignContentValue::Exact(
761        LayoutAlignContent::Center,
762    ))),
763];
764const CSS_MATCH_14701061083766788292: CssPropertyWithConditionsVec =
765    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_14701061083766788292_PROPERTIES);
766
767const CSS_MATCH_14707506486468900090_PROPERTIES: &[CssPropertyWithConditions] = &[
768    // .__azul_native-ribbon-section-content
769    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(
770        LayoutFlexGrow {
771            inner: FloatValue::const_new(1),
772        },
773    ))),
774];
775const CSS_MATCH_14707506486468900090: CssPropertyWithConditionsVec =
776    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_14707506486468900090_PROPERTIES);
777
778const CSS_MATCH_14738982339524920711_PROPERTIES: &[CssPropertyWithConditions] = &[
779    // .__azul_native-ribbon-section-content
780    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(
781        LayoutFlexGrow {
782            inner: FloatValue::const_new(1),
783        },
784    ))),
785];
786const CSS_MATCH_14738982339524920711: CssPropertyWithConditionsVec =
787    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_14738982339524920711_PROPERTIES);
788
789const CSS_MATCH_15716718910432952660_PROPERTIES: &[CssPropertyWithConditions] = &[
790    // .__azul_native-ribbon-action-vertical-large .icon-wrapper .icon
791    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
792        LayoutWidth::Px(PixelValue::const_px(32)),
793    ))),
794    CssPropertyWithConditions::simple(CssProperty::Height(LayoutHeightValue::Exact(
795        LayoutHeight::Px(PixelValue::const_px(32)),
796    ))),
797    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(
798        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(
799            STYLE_BACKGROUND_CONTENT_4878363956973295354_ITEMS,
800        )),
801    )),
802];
803const CSS_MATCH_15716718910432952660: CssPropertyWithConditionsVec =
804    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_15716718910432952660_PROPERTIES);
805
806const CSS_MATCH_15943161397910029460_PROPERTIES: &[CssPropertyWithConditions] = &[
807    // .minixel-formula-container .formula-commit .btn-1
808    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(
809        LayoutFlexGrow {
810            inner: FloatValue::const_new(1),
811        },
812    ))),
813    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(
814        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(
815            STYLE_BACKGROUND_CONTENT_4967804087795204988_ITEMS,
816        )),
817    )),
818];
819const CSS_MATCH_15943161397910029460: CssPropertyWithConditionsVec =
820    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_15943161397910029460_PROPERTIES);
821
822const CSS_MATCH_16851364358900804450_PROPERTIES: &[CssPropertyWithConditions] = &[
823    // .__azul_native-ribbon-section-name
824    CssPropertyWithConditions::simple(CssProperty::TextAlign(StyleTextAlignValue::Exact(
825        StyleTextAlign::Center,
826    ))),
827    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
828        StyleFontSize {
829            inner: PixelValue::const_px(11),
830        },
831    ))),
832    CssPropertyWithConditions::simple(CssProperty::TextColor(StyleTextColorValue::Exact(
833        StyleTextColor {
834            inner: ColorU {
835                r: 68,
836                g: 68,
837                b: 68,
838                a: 255,
839            },
840        },
841    ))),
842];
843const CSS_MATCH_16851364358900804450: CssPropertyWithConditionsVec =
844    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_16851364358900804450_PROPERTIES);
845
846const CSS_MATCH_17089226259487272686_PROPERTIES: &[CssPropertyWithConditions] = &[
847    // .__azul_native-ribbon-section.7
848    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
849        LayoutWidth::Px(PixelValue::const_px(185)),
850    ))),
851    // .__azul_native-ribbon-section
852    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
853        LayoutPaddingRight {
854            inner: PixelValue::const_px(2),
855        },
856    ))),
857    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
858        LayoutPaddingLeft {
859            inner: PixelValue::const_px(2),
860        },
861    ))),
862    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
863        LayoutPaddingBottom {
864            inner: PixelValue::const_px(0),
865        },
866    ))),
867    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
868        LayoutPaddingTop {
869            inner: PixelValue::const_px(0),
870        },
871    ))),
872    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
873        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
874            inner: PixelValue::const_px(1),
875        }),
876    )),
877    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
878        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
879            inner: BorderStyle::Solid,
880        }),
881    )),
882    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
883        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
884            inner: ColorU {
885                r: 225,
886                g: 225,
887                b: 225,
888                a: 255,
889            },
890        }),
891    )),
892];
893const CSS_MATCH_17089226259487272686: CssPropertyWithConditionsVec =
894    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_17089226259487272686_PROPERTIES);
895
896const CSS_MATCH_17283019665138187991_PROPERTIES: &[CssPropertyWithConditions] = &[
897    // .minixel-formula-container .formula-commit .btn-3
898    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
899        LayoutWidth::Px(PixelValue::const_px(30)),
900    ))),
901    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(
902        LayoutFlexGrow {
903            inner: FloatValue::const_new(1),
904        },
905    ))),
906    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(
907        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(
908            STYLE_BACKGROUND_CONTENT_8568982142085024634_ITEMS,
909        )),
910    )),
911];
912const CSS_MATCH_17283019665138187991: CssPropertyWithConditionsVec =
913    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_17283019665138187991_PROPERTIES);
914
915const CSS_MATCH_17524132644355033702_PROPERTIES: &[CssPropertyWithConditions] = &[
916    // .__azul_native-ribbon-tabs p.active
917    CssPropertyWithConditions::simple(CssProperty::TextColor(StyleTextColorValue::Exact(
918        StyleTextColor {
919            inner: ColorU {
920                r: 33,
921                g: 114,
922                b: 69,
923                a: 255,
924            },
925        },
926    ))),
927    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
928        LayoutBorderBottomWidthValue::None,
929    )),
930    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
931        StyleBorderBottomStyleValue::None,
932    )),
933    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
934        StyleBorderBottomColorValue::None,
935    )),
936    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
937        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
938            inner: PixelValue::const_px(1),
939        }),
940    )),
941    CssPropertyWithConditions::simple(CssProperty::BorderLeftWidth(
942        LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth {
943            inner: PixelValue::const_px(1),
944        }),
945    )),
946    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
947        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
948            inner: PixelValue::const_px(1),
949        }),
950    )),
951    CssPropertyWithConditions::simple(CssProperty::BorderTopWidth(
952        LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth {
953            inner: PixelValue::const_px(1),
954        }),
955    )),
956    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
957        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
958            inner: BorderStyle::Solid,
959        }),
960    )),
961    CssPropertyWithConditions::simple(CssProperty::BorderLeftStyle(
962        StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle {
963            inner: BorderStyle::Solid,
964        }),
965    )),
966    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
967        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
968            inner: BorderStyle::Solid,
969        }),
970    )),
971    CssPropertyWithConditions::simple(CssProperty::BorderTopStyle(
972        StyleBorderTopStyleValue::Exact(StyleBorderTopStyle {
973            inner: BorderStyle::Solid,
974        }),
975    )),
976    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
977        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
978            inner: ColorU {
979                r: 213,
980                g: 213,
981                b: 213,
982                a: 255,
983            },
984        }),
985    )),
986    CssPropertyWithConditions::simple(CssProperty::BorderLeftColor(
987        StyleBorderLeftColorValue::Exact(StyleBorderLeftColor {
988            inner: ColorU {
989                r: 213,
990                g: 213,
991                b: 213,
992                a: 255,
993            },
994        }),
995    )),
996    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
997        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
998            inner: ColorU {
999                r: 213,
1000                g: 213,
1001                b: 213,
1002                a: 255,
1003            },
1004        }),
1005    )),
1006    CssPropertyWithConditions::simple(CssProperty::BorderTopColor(
1007        StyleBorderTopColorValue::Exact(StyleBorderTopColor {
1008            inner: ColorU {
1009                r: 213,
1010                g: 213,
1011                b: 213,
1012                a: 255,
1013            },
1014        }),
1015    )),
1016    // .__azul_native-ribbon-tabs p
1017    CssPropertyWithConditions::simple(CssProperty::TextAlign(StyleTextAlignValue::Exact(
1018        StyleTextAlign::Center,
1019    ))),
1020    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
1021        LayoutPaddingRight {
1022            inner: PixelValue::const_px(14),
1023        },
1024    ))),
1025    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
1026        LayoutPaddingLeft {
1027            inner: PixelValue::const_px(14),
1028        },
1029    ))),
1030    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
1031        LayoutPaddingBottom {
1032            inner: PixelValue::const_px(5),
1033        },
1034    ))),
1035    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
1036        LayoutPaddingTop {
1037            inner: PixelValue::const_px(5),
1038        },
1039    ))),
1040    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
1041        StyleFontSize {
1042            inner: PixelValue::const_px(12),
1043        },
1044    ))),
1045    CssPropertyWithConditions::simple(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(
1046        StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS),
1047    ))),
1048    CssPropertyWithConditions::simple(CssProperty::TextColor(StyleTextColorValue::Exact(
1049        StyleTextColor {
1050            inner: ColorU {
1051                r: 101,
1052                g: 101,
1053                b: 101,
1054                a: 255,
1055            },
1056        },
1057    ))),
1058    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
1059        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
1060            inner: PixelValue::const_px(1),
1061        }),
1062    )),
1063    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
1064        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
1065            inner: BorderStyle::Solid,
1066        }),
1067    )),
1068    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
1069        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
1070            inner: ColorU {
1071                r: 213,
1072                g: 213,
1073                b: 213,
1074                a: 255,
1075            },
1076        }),
1077    )),
1078    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
1079        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
1080            inner: PixelValue::const_px(1),
1081        }),
1082    )),
1083    CssPropertyWithConditions::simple(CssProperty::BorderLeftWidth(
1084        LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth {
1085            inner: PixelValue::const_px(1),
1086        }),
1087    )),
1088    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
1089        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
1090            inner: PixelValue::const_px(1),
1091        }),
1092    )),
1093    CssPropertyWithConditions::simple(CssProperty::BorderTopWidth(
1094        LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth {
1095            inner: PixelValue::const_px(1),
1096        }),
1097    )),
1098    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
1099        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
1100            inner: BorderStyle::Solid,
1101        }),
1102    )),
1103    CssPropertyWithConditions::simple(CssProperty::BorderLeftStyle(
1104        StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle {
1105            inner: BorderStyle::Solid,
1106        }),
1107    )),
1108    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
1109        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
1110            inner: BorderStyle::Solid,
1111        }),
1112    )),
1113    CssPropertyWithConditions::simple(CssProperty::BorderTopStyle(
1114        StyleBorderTopStyleValue::Exact(StyleBorderTopStyle {
1115            inner: BorderStyle::Solid,
1116        }),
1117    )),
1118    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
1119        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
1120            inner: ColorU {
1121                r: 255,
1122                g: 255,
1123                b: 255,
1124                a: 0,
1125            },
1126        }),
1127    )),
1128    CssPropertyWithConditions::simple(CssProperty::BorderLeftColor(
1129        StyleBorderLeftColorValue::Exact(StyleBorderLeftColor {
1130            inner: ColorU {
1131                r: 255,
1132                g: 255,
1133                b: 255,
1134                a: 0,
1135            },
1136        }),
1137    )),
1138    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
1139        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
1140            inner: ColorU {
1141                r: 255,
1142                g: 255,
1143                b: 255,
1144                a: 0,
1145            },
1146        }),
1147    )),
1148    CssPropertyWithConditions::simple(CssProperty::BorderTopColor(
1149        StyleBorderTopColorValue::Exact(StyleBorderTopColor {
1150            inner: ColorU {
1151                r: 255,
1152                g: 255,
1153                b: 255,
1154                a: 0,
1155            },
1156        }),
1157    )),
1158    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(
1159        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(
1160            STYLE_BACKGROUND_CONTENT_16746671892555275291_ITEMS,
1161        )),
1162    )),
1163    CssPropertyWithConditions::simple(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(
1164        LayoutAlignItems::Center,
1165    ))),
1166];
1167const CSS_MATCH_17524132644355033702: CssPropertyWithConditionsVec =
1168    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_17524132644355033702_PROPERTIES);
1169
1170const CSS_MATCH_1934381104964361563_PROPERTIES: &[CssPropertyWithConditions] = &[
1171    // .__azul_native-ribbon-action-vertical-large .dropdown
1172    CssPropertyWithConditions::simple(CssProperty::JustifyContent(
1173        LayoutJustifyContentValue::Exact(LayoutJustifyContent::Center),
1174    )),
1175    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(
1176        LayoutFlexDirection::Row,
1177    ))),
1178    CssPropertyWithConditions::simple(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(
1179        LayoutAlignItems::Center,
1180    ))),
1181    CssPropertyWithConditions::simple(CssProperty::AlignContent(LayoutAlignContentValue::Exact(
1182        LayoutAlignContent::Center,
1183    ))),
1184];
1185const CSS_MATCH_1934381104964361563: CssPropertyWithConditionsVec =
1186    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_1934381104964361563_PROPERTIES);
1187
1188const CSS_MATCH_2161661208916302443_PROPERTIES: &[CssPropertyWithConditions] = &[
1189    // .minixel-formula-container .formula-entry .dropdown-sm
1190    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
1191        LayoutWidth::Px(PixelValue::const_px(10)),
1192    ))),
1193    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(
1194        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(
1195            STYLE_BACKGROUND_CONTENT_12869309920691526943_ITEMS,
1196        )),
1197    )),
1198];
1199const CSS_MATCH_2161661208916302443: CssPropertyWithConditionsVec =
1200    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_2161661208916302443_PROPERTIES);
1201
1202const CSS_MATCH_2233073185823558635_PROPERTIES: &[CssPropertyWithConditions] = &[
1203    // .__azul_native-ribbon-section-name
1204    CssPropertyWithConditions::simple(CssProperty::TextAlign(StyleTextAlignValue::Exact(
1205        StyleTextAlign::Center,
1206    ))),
1207    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
1208        StyleFontSize {
1209            inner: PixelValue::const_px(11),
1210        },
1211    ))),
1212    CssPropertyWithConditions::simple(CssProperty::TextColor(StyleTextColorValue::Exact(
1213        StyleTextColor {
1214            inner: ColorU {
1215                r: 68,
1216                g: 68,
1217                b: 68,
1218                a: 255,
1219            },
1220        },
1221    ))),
1222];
1223const CSS_MATCH_2233073185823558635: CssPropertyWithConditionsVec =
1224    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_2233073185823558635_PROPERTIES);
1225
1226const CSS_MATCH_2258738109329535793_PROPERTIES: &[CssPropertyWithConditions] = &[
1227    // .__azul_native-ribbon-tabs
1228    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(
1229        LayoutFlexDirection::Row,
1230    ))),
1231    CssPropertyWithConditions::simple(CssProperty::Display(LayoutDisplayValue::Exact(
1232        LayoutDisplay::Flex,
1233    ))),
1234];
1235const CSS_MATCH_2258738109329535793: CssPropertyWithConditionsVec =
1236    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_2258738109329535793_PROPERTIES);
1237
1238const CSS_MATCH_2310038472753606232_PROPERTIES: &[CssPropertyWithConditions] = &[
1239    // .__azul_native-ribbon-tabs p
1240    CssPropertyWithConditions::simple(CssProperty::TextAlign(StyleTextAlignValue::Exact(
1241        StyleTextAlign::Center,
1242    ))),
1243    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
1244        LayoutPaddingRight {
1245            inner: PixelValue::const_px(14),
1246        },
1247    ))),
1248    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
1249        LayoutPaddingLeft {
1250            inner: PixelValue::const_px(14),
1251        },
1252    ))),
1253    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
1254        LayoutPaddingBottom {
1255            inner: PixelValue::const_px(5),
1256        },
1257    ))),
1258    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
1259        LayoutPaddingTop {
1260            inner: PixelValue::const_px(5),
1261        },
1262    ))),
1263    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
1264        StyleFontSize {
1265            inner: PixelValue::const_px(12),
1266        },
1267    ))),
1268    CssPropertyWithConditions::simple(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(
1269        StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS),
1270    ))),
1271    CssPropertyWithConditions::simple(CssProperty::TextColor(StyleTextColorValue::Exact(
1272        StyleTextColor {
1273            inner: ColorU {
1274                r: 101,
1275                g: 101,
1276                b: 101,
1277                a: 255,
1278            },
1279        },
1280    ))),
1281    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
1282        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
1283            inner: PixelValue::const_px(1),
1284        }),
1285    )),
1286    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
1287        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
1288            inner: BorderStyle::Solid,
1289        }),
1290    )),
1291    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
1292        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
1293            inner: ColorU {
1294                r: 213,
1295                g: 213,
1296                b: 213,
1297                a: 255,
1298            },
1299        }),
1300    )),
1301    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
1302        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
1303            inner: PixelValue::const_px(1),
1304        }),
1305    )),
1306    CssPropertyWithConditions::simple(CssProperty::BorderLeftWidth(
1307        LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth {
1308            inner: PixelValue::const_px(1),
1309        }),
1310    )),
1311    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
1312        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
1313            inner: PixelValue::const_px(1),
1314        }),
1315    )),
1316    CssPropertyWithConditions::simple(CssProperty::BorderTopWidth(
1317        LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth {
1318            inner: PixelValue::const_px(1),
1319        }),
1320    )),
1321    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
1322        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
1323            inner: BorderStyle::Solid,
1324        }),
1325    )),
1326    CssPropertyWithConditions::simple(CssProperty::BorderLeftStyle(
1327        StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle {
1328            inner: BorderStyle::Solid,
1329        }),
1330    )),
1331    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
1332        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
1333            inner: BorderStyle::Solid,
1334        }),
1335    )),
1336    CssPropertyWithConditions::simple(CssProperty::BorderTopStyle(
1337        StyleBorderTopStyleValue::Exact(StyleBorderTopStyle {
1338            inner: BorderStyle::Solid,
1339        }),
1340    )),
1341    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
1342        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
1343            inner: ColorU {
1344                r: 255,
1345                g: 255,
1346                b: 255,
1347                a: 0,
1348            },
1349        }),
1350    )),
1351    CssPropertyWithConditions::simple(CssProperty::BorderLeftColor(
1352        StyleBorderLeftColorValue::Exact(StyleBorderLeftColor {
1353            inner: ColorU {
1354                r: 255,
1355                g: 255,
1356                b: 255,
1357                a: 0,
1358            },
1359        }),
1360    )),
1361    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
1362        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
1363            inner: ColorU {
1364                r: 255,
1365                g: 255,
1366                b: 255,
1367                a: 0,
1368            },
1369        }),
1370    )),
1371    CssPropertyWithConditions::simple(CssProperty::BorderTopColor(
1372        StyleBorderTopColorValue::Exact(StyleBorderTopColor {
1373            inner: ColorU {
1374                r: 255,
1375                g: 255,
1376                b: 255,
1377                a: 0,
1378            },
1379        }),
1380    )),
1381    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(
1382        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(
1383            STYLE_BACKGROUND_CONTENT_16746671892555275291_ITEMS,
1384        )),
1385    )),
1386    CssPropertyWithConditions::simple(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(
1387        LayoutAlignItems::Center,
1388    ))),
1389];
1390const CSS_MATCH_2310038472753606232: CssPropertyWithConditionsVec =
1391    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_2310038472753606232_PROPERTIES);
1392
1393const CSS_MATCH_3221151331850347044_PROPERTIES: &[CssPropertyWithConditions] = &[
1394    // .__azul_native-ribbon-body
1395    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
1396        LayoutPaddingRight {
1397            inner: PixelValue::const_px(2),
1398        },
1399    ))),
1400    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
1401        LayoutPaddingLeft {
1402            inner: PixelValue::const_px(2),
1403        },
1404    ))),
1405    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
1406        LayoutPaddingBottom {
1407            inner: PixelValue::const_px(2),
1408        },
1409    ))),
1410    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
1411        LayoutPaddingTop {
1412            inner: PixelValue::const_px(2),
1413        },
1414    ))),
1415    CssPropertyWithConditions::simple(CssProperty::Height(LayoutHeightValue::Exact(
1416        LayoutHeight::Px(PixelValue::const_px(90)),
1417    ))),
1418    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
1419        StyleFontSize {
1420            inner: PixelValue::const_px(12),
1421        },
1422    ))),
1423    CssPropertyWithConditions::simple(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(
1424        StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS),
1425    ))),
1426    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(
1427        LayoutFlexDirection::Row,
1428    ))),
1429    CssPropertyWithConditions::simple(CssProperty::Display(LayoutDisplayValue::Exact(
1430        LayoutDisplay::Flex,
1431    ))),
1432    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
1433        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
1434            inner: PixelValue::const_px(1),
1435        }),
1436    )),
1437    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
1438        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
1439            inner: BorderStyle::Solid,
1440        }),
1441    )),
1442    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
1443        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
1444            inner: ColorU {
1445                r: 213,
1446                g: 213,
1447                b: 213,
1448                a: 255,
1449            },
1450        }),
1451    )),
1452];
1453const CSS_MATCH_3221151331850347044: CssPropertyWithConditionsVec =
1454    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_3221151331850347044_PROPERTIES);
1455
1456const CSS_MATCH_3888401522023951407_PROPERTIES: &[CssPropertyWithConditions] = &[
1457    // .__azul_native-ribbon-section.5
1458    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
1459        LayoutWidth::Px(PixelValue::const_px(180)),
1460    ))),
1461    // .__azul_native-ribbon-section
1462    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
1463        LayoutPaddingRight {
1464            inner: PixelValue::const_px(2),
1465        },
1466    ))),
1467    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
1468        LayoutPaddingLeft {
1469            inner: PixelValue::const_px(2),
1470        },
1471    ))),
1472    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
1473        LayoutPaddingBottom {
1474            inner: PixelValue::const_px(0),
1475        },
1476    ))),
1477    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
1478        LayoutPaddingTop {
1479            inner: PixelValue::const_px(0),
1480        },
1481    ))),
1482    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
1483        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
1484            inner: PixelValue::const_px(1),
1485        }),
1486    )),
1487    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
1488        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
1489            inner: BorderStyle::Solid,
1490        }),
1491    )),
1492    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
1493        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
1494            inner: ColorU {
1495                r: 225,
1496                g: 225,
1497                b: 225,
1498                a: 255,
1499            },
1500        }),
1501    )),
1502];
1503const CSS_MATCH_3888401522023951407: CssPropertyWithConditionsVec =
1504    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_3888401522023951407_PROPERTIES);
1505
1506const CSS_MATCH_4060245836920688376_PROPERTIES: &[CssPropertyWithConditions] = &[
1507    // .__azul_native-ribbon-section.6
1508    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
1509        LayoutWidth::Px(PixelValue::const_px(135)),
1510    ))),
1511    // .__azul_native-ribbon-section
1512    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
1513        LayoutPaddingRight {
1514            inner: PixelValue::const_px(2),
1515        },
1516    ))),
1517    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
1518        LayoutPaddingLeft {
1519            inner: PixelValue::const_px(2),
1520        },
1521    ))),
1522    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
1523        LayoutPaddingBottom {
1524            inner: PixelValue::const_px(0),
1525        },
1526    ))),
1527    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
1528        LayoutPaddingTop {
1529            inner: PixelValue::const_px(0),
1530        },
1531    ))),
1532    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
1533        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
1534            inner: PixelValue::const_px(1),
1535        }),
1536    )),
1537    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
1538        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
1539            inner: BorderStyle::Solid,
1540        }),
1541    )),
1542    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
1543        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
1544            inner: ColorU {
1545                r: 225,
1546                g: 225,
1547                b: 225,
1548                a: 255,
1549            },
1550        }),
1551    )),
1552];
1553const CSS_MATCH_4060245836920688376: CssPropertyWithConditionsVec =
1554    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_4060245836920688376_PROPERTIES);
1555
1556const CSS_MATCH_4538658364223133674_PROPERTIES: &[CssPropertyWithConditions] = &[
1557    // .__azul_native-ribbon-section-content
1558    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(
1559        LayoutFlexGrow {
1560            inner: FloatValue::const_new(1),
1561        },
1562    ))),
1563];
1564const CSS_MATCH_4538658364223133674: CssPropertyWithConditionsVec =
1565    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_4538658364223133674_PROPERTIES);
1566
1567const CSS_MATCH_4856252049803891913_PROPERTIES: &[CssPropertyWithConditions] = &[
1568    // .__azul_native-ribbon-section-name
1569    CssPropertyWithConditions::simple(CssProperty::TextAlign(StyleTextAlignValue::Exact(
1570        StyleTextAlign::Center,
1571    ))),
1572    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
1573        StyleFontSize {
1574            inner: PixelValue::const_px(11),
1575        },
1576    ))),
1577    CssPropertyWithConditions::simple(CssProperty::TextColor(StyleTextColorValue::Exact(
1578        StyleTextColor {
1579            inner: ColorU {
1580                r: 68,
1581                g: 68,
1582                b: 68,
1583                a: 255,
1584            },
1585        },
1586    ))),
1587];
1588const CSS_MATCH_4856252049803891913: CssPropertyWithConditionsVec =
1589    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_4856252049803891913_PROPERTIES);
1590
1591const CSS_MATCH_489944609689083320_PROPERTIES: &[CssPropertyWithConditions] = &[
1592    // .minixel-table-container .header-row .select-all
1593    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
1594        LayoutWidth::Px(PixelValue::const_px(25)),
1595    ))),
1596    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
1597        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
1598            inner: PixelValue::const_px(1),
1599        }),
1600    )),
1601    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
1602        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
1603            inner: BorderStyle::Solid,
1604        }),
1605    )),
1606    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
1607        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
1608            inner: ColorU {
1609                r: 171,
1610                g: 171,
1611                b: 171,
1612                a: 255,
1613            },
1614        }),
1615    )),
1616    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
1617        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
1618            inner: PixelValue::const_px(1),
1619        }),
1620    )),
1621    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
1622        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
1623            inner: BorderStyle::Solid,
1624        }),
1625    )),
1626    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
1627        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
1628            inner: ColorU {
1629                r: 171,
1630                g: 171,
1631                b: 171,
1632                a: 255,
1633            },
1634        }),
1635    )),
1636];
1637const CSS_MATCH_489944609689083320: CssPropertyWithConditionsVec =
1638    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_489944609689083320_PROPERTIES);
1639
1640const CSS_MATCH_491594124841839797_PROPERTIES: &[CssPropertyWithConditions] = &[
1641    // .__azul_native-ribbon-action-vertical-large .dropdown .icon
1642    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
1643        LayoutWidth::Px(PixelValue::const_px(5)),
1644    ))),
1645    CssPropertyWithConditions::simple(CssProperty::Height(LayoutHeightValue::Exact(
1646        LayoutHeight::Px(PixelValue::const_px(5)),
1647    ))),
1648    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(
1649        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(
1650            STYLE_BACKGROUND_CONTENT_4967804087795204988_ITEMS,
1651        )),
1652    )),
1653];
1654const CSS_MATCH_491594124841839797: CssPropertyWithConditionsVec =
1655    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_491594124841839797_PROPERTIES);
1656
1657const CSS_MATCH_5884971763667172938_PROPERTIES: &[CssPropertyWithConditions] = &[
1658    // .minixel-table-container .header-row p
1659    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
1660        LayoutWidth::Px(PixelValue::const_px(65)),
1661    ))),
1662    CssPropertyWithConditions::simple(CssProperty::TextAlign(StyleTextAlignValue::Exact(
1663        StyleTextAlign::Center,
1664    ))),
1665    CssPropertyWithConditions::simple(CssProperty::JustifyContent(
1666        LayoutJustifyContentValue::Exact(LayoutJustifyContent::Center),
1667    )),
1668    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
1669        StyleFontSize {
1670            inner: PixelValue::const_px(14),
1671        },
1672    ))),
1673    CssPropertyWithConditions::simple(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(
1674        StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS),
1675    ))),
1676    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
1677        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
1678            inner: PixelValue::const_px(1),
1679        }),
1680    )),
1681    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
1682        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
1683            inner: BorderStyle::Solid,
1684        }),
1685    )),
1686    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
1687        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
1688            inner: ColorU {
1689                r: 229,
1690                g: 229,
1691                b: 229,
1692                a: 255,
1693            },
1694        }),
1695    )),
1696    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
1697        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
1698            inner: PixelValue::const_px(1),
1699        }),
1700    )),
1701    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
1702        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
1703            inner: BorderStyle::Solid,
1704        }),
1705    )),
1706    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
1707        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
1708            inner: ColorU {
1709                r: 171,
1710                g: 171,
1711                b: 171,
1712                a: 255,
1713            },
1714        }),
1715    )),
1716];
1717const CSS_MATCH_5884971763667172938: CssPropertyWithConditionsVec =
1718    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_5884971763667172938_PROPERTIES);
1719
1720const CSS_MATCH_6328747057139953245_PROPERTIES: &[CssPropertyWithConditions] = &[
1721    // .__azul_native-ribbon-section-name
1722    CssPropertyWithConditions::simple(CssProperty::TextAlign(StyleTextAlignValue::Exact(
1723        StyleTextAlign::Center,
1724    ))),
1725    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
1726        StyleFontSize {
1727            inner: PixelValue::const_px(11),
1728        },
1729    ))),
1730    CssPropertyWithConditions::simple(CssProperty::TextColor(StyleTextColorValue::Exact(
1731        StyleTextColor {
1732            inner: ColorU {
1733                r: 68,
1734                g: 68,
1735                b: 68,
1736                a: 255,
1737            },
1738        },
1739    ))),
1740];
1741const CSS_MATCH_6328747057139953245: CssPropertyWithConditionsVec =
1742    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_6328747057139953245_PROPERTIES);
1743
1744const CSS_MATCH_6727848633830580264_PROPERTIES: &[CssPropertyWithConditions] = &[
1745    // .minixel-table-container .header-row
1746    CssPropertyWithConditions::simple(CssProperty::Height(LayoutHeightValue::Exact(
1747        LayoutHeight::Px(PixelValue::const_px(20)),
1748    ))),
1749    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(
1750        LayoutFlexDirection::Row,
1751    ))),
1752];
1753const CSS_MATCH_6727848633830580264: CssPropertyWithConditionsVec =
1754    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_6727848633830580264_PROPERTIES);
1755
1756const CSS_MATCH_6736299128913213977_PROPERTIES: &[CssPropertyWithConditions] = &[
1757    // .__azul_native-ribbon-section.4
1758    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
1759        LayoutWidth::Px(PixelValue::const_px(140)),
1760    ))),
1761    // .__azul_native-ribbon-section
1762    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
1763        LayoutPaddingRight {
1764            inner: PixelValue::const_px(2),
1765        },
1766    ))),
1767    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
1768        LayoutPaddingLeft {
1769            inner: PixelValue::const_px(2),
1770        },
1771    ))),
1772    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
1773        LayoutPaddingBottom {
1774            inner: PixelValue::const_px(0),
1775        },
1776    ))),
1777    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
1778        LayoutPaddingTop {
1779            inner: PixelValue::const_px(0),
1780        },
1781    ))),
1782    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
1783        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
1784            inner: PixelValue::const_px(1),
1785        }),
1786    )),
1787    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
1788        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
1789            inner: BorderStyle::Solid,
1790        }),
1791    )),
1792    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
1793        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
1794            inner: ColorU {
1795                r: 225,
1796                g: 225,
1797                b: 225,
1798                a: 255,
1799            },
1800        }),
1801    )),
1802];
1803const CSS_MATCH_6736299128913213977: CssPropertyWithConditionsVec =
1804    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_6736299128913213977_PROPERTIES);
1805
1806const CSS_MATCH_6737656294326280219_PROPERTIES: &[CssPropertyWithConditions] = &[
1807    // .minixel-formula-container .formula-entry .formula-text
1808    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
1809        LayoutPaddingRight {
1810            inner: PixelValue::const_px(10),
1811        },
1812    ))),
1813    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
1814        LayoutPaddingLeft {
1815            inner: PixelValue::const_px(10),
1816        },
1817    ))),
1818    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
1819        LayoutPaddingBottom {
1820            inner: PixelValue::const_px(0),
1821        },
1822    ))),
1823    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
1824        LayoutPaddingTop {
1825            inner: PixelValue::const_px(0),
1826        },
1827    ))),
1828    CssPropertyWithConditions::simple(CssProperty::JustifyContent(
1829        LayoutJustifyContentValue::Exact(LayoutJustifyContent::Center),
1830    )),
1831    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
1832        StyleFontSize {
1833            inner: PixelValue::const_px(13),
1834        },
1835    ))),
1836    CssPropertyWithConditions::simple(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(
1837        StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS),
1838    ))),
1839    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(
1840        LayoutFlexGrow {
1841            inner: FloatValue::const_new(1),
1842        },
1843    ))),
1844    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(
1845        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(
1846            STYLE_BACKGROUND_CONTENT_16746671892555275291_ITEMS,
1847        )),
1848    )),
1849];
1850const CSS_MATCH_6737656294326280219: CssPropertyWithConditionsVec =
1851    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_6737656294326280219_PROPERTIES);
1852
1853const CSS_MATCH_6756514148882865175_PROPERTIES: &[CssPropertyWithConditions] = &[
1854    // .__azul_native-ribbon-action-vertical-large p
1855    CssPropertyWithConditions::simple(CssProperty::TextAlign(StyleTextAlignValue::Exact(
1856        StyleTextAlign::Center,
1857    ))),
1858    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
1859        LayoutPaddingRight {
1860            inner: PixelValue::const_px(0),
1861        },
1862    ))),
1863    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
1864        LayoutPaddingLeft {
1865            inner: PixelValue::const_px(0),
1866        },
1867    ))),
1868    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
1869        LayoutPaddingBottom {
1870            inner: PixelValue::const_px(2),
1871        },
1872    ))),
1873    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
1874        LayoutPaddingTop {
1875            inner: PixelValue::const_px(2),
1876        },
1877    ))),
1878    CssPropertyWithConditions::simple(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(
1879        LayoutAlignItems::Center,
1880    ))),
1881];
1882const CSS_MATCH_6756514148882865175: CssPropertyWithConditionsVec =
1883    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_6756514148882865175_PROPERTIES);
1884
1885const CSS_MATCH_681808671153488983_PROPERTIES: &[CssPropertyWithConditions] = &[
1886    // .minixel-formula-container .formula-dropdown
1887    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
1888        LayoutWidth::Px(PixelValue::const_px(100)),
1889    ))),
1890    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
1891        LayoutPaddingRight {
1892            inner: PixelValue::const_px(6),
1893        },
1894    ))),
1895    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
1896        LayoutPaddingLeft {
1897            inner: PixelValue::const_px(6),
1898        },
1899    ))),
1900    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
1901        LayoutPaddingBottom {
1902            inner: PixelValue::const_px(3),
1903        },
1904    ))),
1905    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
1906        LayoutPaddingTop {
1907            inner: PixelValue::const_px(3),
1908        },
1909    ))),
1910    CssPropertyWithConditions::simple(CssProperty::MarginRight(LayoutMarginRightValue::Exact(
1911        LayoutMarginRight {
1912            inner: PixelValue::const_px(30),
1913        },
1914    ))),
1915    CssPropertyWithConditions::simple(CssProperty::JustifyContent(
1916        LayoutJustifyContentValue::Exact(LayoutJustifyContent::Center),
1917    )),
1918    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
1919        StyleFontSize {
1920            inner: PixelValue::const_px(13),
1921        },
1922    ))),
1923    CssPropertyWithConditions::simple(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(
1924        StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS),
1925    ))),
1926    CssPropertyWithConditions::simple(CssProperty::TextColor(StyleTextColorValue::Exact(
1927        StyleTextColor {
1928            inner: ColorU {
1929                r: 34,
1930                g: 34,
1931                b: 34,
1932                a: 255,
1933            },
1934        },
1935    ))),
1936    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
1937        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
1938            inner: PixelValue::const_px(1),
1939        }),
1940    )),
1941    CssPropertyWithConditions::simple(CssProperty::BorderLeftWidth(
1942        LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth {
1943            inner: PixelValue::const_px(1),
1944        }),
1945    )),
1946    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
1947        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
1948            inner: PixelValue::const_px(1),
1949        }),
1950    )),
1951    CssPropertyWithConditions::simple(CssProperty::BorderTopWidth(
1952        LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth {
1953            inner: PixelValue::const_px(1),
1954        }),
1955    )),
1956    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
1957        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
1958            inner: BorderStyle::Solid,
1959        }),
1960    )),
1961    CssPropertyWithConditions::simple(CssProperty::BorderLeftStyle(
1962        StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle {
1963            inner: BorderStyle::Solid,
1964        }),
1965    )),
1966    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
1967        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
1968            inner: BorderStyle::Solid,
1969        }),
1970    )),
1971    CssPropertyWithConditions::simple(CssProperty::BorderTopStyle(
1972        StyleBorderTopStyleValue::Exact(StyleBorderTopStyle {
1973            inner: BorderStyle::Solid,
1974        }),
1975    )),
1976    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
1977        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
1978            inner: ColorU {
1979                r: 171,
1980                g: 171,
1981                b: 171,
1982                a: 255,
1983            },
1984        }),
1985    )),
1986    CssPropertyWithConditions::simple(CssProperty::BorderLeftColor(
1987        StyleBorderLeftColorValue::Exact(StyleBorderLeftColor {
1988            inner: ColorU {
1989                r: 171,
1990                g: 171,
1991                b: 171,
1992                a: 255,
1993            },
1994        }),
1995    )),
1996    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
1997        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
1998            inner: ColorU {
1999                r: 171,
2000                g: 171,
2001                b: 171,
2002                a: 255,
2003            },
2004        }),
2005    )),
2006    CssPropertyWithConditions::simple(CssProperty::BorderTopColor(
2007        StyleBorderTopColorValue::Exact(StyleBorderTopColor {
2008            inner: ColorU {
2009                r: 171,
2010                g: 171,
2011                b: 171,
2012                a: 255,
2013            },
2014        }),
2015    )),
2016    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(
2017        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(
2018            STYLE_BACKGROUND_CONTENT_16746671892555275291_ITEMS,
2019        )),
2020    )),
2021];
2022const CSS_MATCH_681808671153488983: CssPropertyWithConditionsVec =
2023    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_681808671153488983_PROPERTIES);
2024
2025const CSS_MATCH_7952568575592251546_PROPERTIES: &[CssPropertyWithConditions] = &[
2026    // .__azul_native-ribbon-action-vertical-large
2027    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
2028        LayoutPaddingRight {
2029            inner: PixelValue::const_px(4),
2030        },
2031    ))),
2032    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
2033        LayoutPaddingLeft {
2034            inner: PixelValue::const_px(4),
2035        },
2036    ))),
2037    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
2038        LayoutPaddingBottom {
2039            inner: PixelValue::const_px(4),
2040        },
2041    ))),
2042    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
2043        LayoutPaddingTop {
2044            inner: PixelValue::const_px(4),
2045        },
2046    ))),
2047    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(
2048        LayoutFlexDirection::Column,
2049    ))),
2050    CssPropertyWithConditions::simple(CssProperty::Display(LayoutDisplayValue::Exact(
2051        LayoutDisplay::Flex,
2052    ))),
2053];
2054const CSS_MATCH_7952568575592251546: CssPropertyWithConditionsVec =
2055    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_7952568575592251546_PROPERTIES);
2056
2057const CSS_MATCH_8539348830707080062_PROPERTIES: &[CssPropertyWithConditions] = &[
2058    // .minixel-formula-container .formula-commit
2059    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
2060        LayoutWidth::Px(PixelValue::const_px(110)),
2061    ))),
2062    CssPropertyWithConditions::simple(CssProperty::MarginRight(LayoutMarginRightValue::Exact(
2063        LayoutMarginRight {
2064            inner: PixelValue::const_px(3),
2065        },
2066    ))),
2067    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(
2068        LayoutFlexDirection::Row,
2069    ))),
2070    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
2071        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
2072            inner: PixelValue::const_px(1),
2073        }),
2074    )),
2075    CssPropertyWithConditions::simple(CssProperty::BorderLeftWidth(
2076        LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth {
2077            inner: PixelValue::const_px(1),
2078        }),
2079    )),
2080    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
2081        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
2082            inner: PixelValue::const_px(1),
2083        }),
2084    )),
2085    CssPropertyWithConditions::simple(CssProperty::BorderTopWidth(
2086        LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth {
2087            inner: PixelValue::const_px(1),
2088        }),
2089    )),
2090    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
2091        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
2092            inner: BorderStyle::Solid,
2093        }),
2094    )),
2095    CssPropertyWithConditions::simple(CssProperty::BorderLeftStyle(
2096        StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle {
2097            inner: BorderStyle::Solid,
2098        }),
2099    )),
2100    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
2101        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
2102            inner: BorderStyle::Solid,
2103        }),
2104    )),
2105    CssPropertyWithConditions::simple(CssProperty::BorderTopStyle(
2106        StyleBorderTopStyleValue::Exact(StyleBorderTopStyle {
2107            inner: BorderStyle::Solid,
2108        }),
2109    )),
2110    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
2111        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
2112            inner: ColorU {
2113                r: 171,
2114                g: 171,
2115                b: 171,
2116                a: 255,
2117            },
2118        }),
2119    )),
2120    CssPropertyWithConditions::simple(CssProperty::BorderLeftColor(
2121        StyleBorderLeftColorValue::Exact(StyleBorderLeftColor {
2122            inner: ColorU {
2123                r: 171,
2124                g: 171,
2125                b: 171,
2126                a: 255,
2127            },
2128        }),
2129    )),
2130    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
2131        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
2132            inner: ColorU {
2133                r: 171,
2134                g: 171,
2135                b: 171,
2136                a: 255,
2137            },
2138        }),
2139    )),
2140    CssPropertyWithConditions::simple(CssProperty::BorderTopColor(
2141        StyleBorderTopColorValue::Exact(StyleBorderTopColor {
2142            inner: ColorU {
2143                r: 171,
2144                g: 171,
2145                b: 171,
2146                a: 255,
2147            },
2148        }),
2149    )),
2150];
2151const CSS_MATCH_8539348830707080062: CssPropertyWithConditionsVec =
2152    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_8539348830707080062_PROPERTIES);
2153
2154const CSS_MATCH_8561962837455305444_PROPERTIES: &[CssPropertyWithConditions] = &[
2155    // .__azul_native-ribbon-section-content
2156    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(
2157        LayoutFlexGrow {
2158            inner: FloatValue::const_new(1),
2159        },
2160    ))),
2161];
2162const CSS_MATCH_8561962837455305444: CssPropertyWithConditionsVec =
2163    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_8561962837455305444_PROPERTIES);
2164
2165const CSS_MATCH_8787113990689659847_PROPERTIES: &[CssPropertyWithConditions] = &[
2166    // .__azul_native-ribbon-section-name
2167    CssPropertyWithConditions::simple(CssProperty::TextAlign(StyleTextAlignValue::Exact(
2168        StyleTextAlign::Center,
2169    ))),
2170    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
2171        StyleFontSize {
2172            inner: PixelValue::const_px(11),
2173        },
2174    ))),
2175    CssPropertyWithConditions::simple(CssProperty::TextColor(StyleTextColorValue::Exact(
2176        StyleTextColor {
2177            inner: ColorU {
2178                r: 68,
2179                g: 68,
2180                b: 68,
2181                a: 255,
2182            },
2183        },
2184    ))),
2185];
2186const CSS_MATCH_8787113990689659847: CssPropertyWithConditionsVec =
2187    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_8787113990689659847_PROPERTIES);
2188
2189const CSS_MATCH_8808521992961481081_PROPERTIES: &[CssPropertyWithConditions] = &[
2190    // .__azul_native-ribbon-section-name
2191    CssPropertyWithConditions::simple(CssProperty::TextAlign(StyleTextAlignValue::Exact(
2192        StyleTextAlign::Center,
2193    ))),
2194    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(
2195        StyleFontSize {
2196            inner: PixelValue::const_px(11),
2197        },
2198    ))),
2199    CssPropertyWithConditions::simple(CssProperty::TextColor(StyleTextColorValue::Exact(
2200        StyleTextColor {
2201            inner: ColorU {
2202                r: 68,
2203                g: 68,
2204                b: 68,
2205                a: 255,
2206            },
2207        },
2208    ))),
2209];
2210const CSS_MATCH_8808521992961481081: CssPropertyWithConditionsVec =
2211    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_8808521992961481081_PROPERTIES);
2212
2213const CSS_MATCH_9123706516995286623_PROPERTIES: &[CssPropertyWithConditions] = &[
2214    // .__azul_native-ribbon-section-content
2215    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(
2216        LayoutFlexGrow {
2217            inner: FloatValue::const_new(1),
2218        },
2219    ))),
2220];
2221const CSS_MATCH_9123706516995286623: CssPropertyWithConditionsVec =
2222    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_9123706516995286623_PROPERTIES);
2223
2224const CSS_MATCH_9206206203058145671_PROPERTIES: &[CssPropertyWithConditions] = &[
2225    // .__azul_native-ribbon-section-content
2226    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(
2227        LayoutFlexGrow {
2228            inner: FloatValue::const_new(1),
2229        },
2230    ))),
2231];
2232const CSS_MATCH_9206206203058145671: CssPropertyWithConditionsVec =
2233    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_9206206203058145671_PROPERTIES);
2234
2235const CSS_MATCH_970131228357345953_PROPERTIES: &[CssPropertyWithConditions] = &[
2236    // .__azul_native-ribbon-section.3
2237    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
2238        LayoutWidth::Px(PixelValue::const_px(265)),
2239    ))),
2240    // .__azul_native-ribbon-section
2241    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(
2242        LayoutPaddingRight {
2243            inner: PixelValue::const_px(2),
2244        },
2245    ))),
2246    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(
2247        LayoutPaddingLeft {
2248            inner: PixelValue::const_px(2),
2249        },
2250    ))),
2251    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(
2252        LayoutPaddingBottom {
2253            inner: PixelValue::const_px(0),
2254        },
2255    ))),
2256    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(
2257        LayoutPaddingTop {
2258            inner: PixelValue::const_px(0),
2259        },
2260    ))),
2261    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(
2262        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {
2263            inner: PixelValue::const_px(1),
2264        }),
2265    )),
2266    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(
2267        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {
2268            inner: BorderStyle::Solid,
2269        }),
2270    )),
2271    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(
2272        StyleBorderRightColorValue::Exact(StyleBorderRightColor {
2273            inner: ColorU {
2274                r: 225,
2275                g: 225,
2276                b: 225,
2277                a: 255,
2278            },
2279        }),
2280    )),
2281];
2282const CSS_MATCH_970131228357345953: CssPropertyWithConditionsVec =
2283    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_970131228357345953_PROPERTIES);
2284
2285const CSS_MATCH_9926913261609802002_PROPERTIES: &[CssPropertyWithConditions] = &[
2286    // .__azul_native-ribbon-tabs div.between-tabs
2287    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(
2288        LayoutWidth::Px(PixelValue::const_px(3)),
2289    ))),
2290    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(
2291        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {
2292            inner: PixelValue::const_px(1),
2293        }),
2294    )),
2295    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(
2296        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {
2297            inner: BorderStyle::Solid,
2298        }),
2299    )),
2300    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(
2301        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {
2302            inner: ColorU {
2303                r: 213,
2304                g: 213,
2305                b: 213,
2306                a: 255,
2307            },
2308        }),
2309    )),
2310];
2311const CSS_MATCH_9926913261609802002: CssPropertyWithConditionsVec =
2312    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_9926913261609802002_PROPERTIES);
2313
2314#[repr(C)]
2315pub struct Ribbon {
2316    pub tab_active: i32,
2317}
2318
2319pub type RibbonOnTabClickedCallbackType = extern "C" fn(RefAny, CallbackInfo, i32) -> Update;
2320impl_widget_callback!(
2321    RibbonOnTabClicked,
2322    OptionRibbonOnTabClicked,
2323    RibbonOnTabClickedCallback,
2324    RibbonOnTabClickedCallbackType
2325);
2326
2327impl Ribbon {
2328    pub fn dom(&self, callback: RibbonOnTabClickedCallback, data: RefAny) -> Dom {
2329        Dom::create_div()
2330            .with_ids_and_classes({
2331                const IDS_AND_CLASSES_9612282517634156717: &[IdOrClass] = &[Class(
2332                    AzString::from_const_str("__azul_native-ribbon-container"),
2333                )];
2334                IdOrClassVec::from_const_slice(IDS_AND_CLASSES_9612282517634156717)
2335            })
2336            .with_children(DomVec::from_vec(vec![
2337                Dom::create_div()
2338                    .with_css_props(CSS_MATCH_2258738109329535793)
2339                    .with_ids_and_classes({
2340                        const IDS_AND_CLASSES_9041457122899952067: &[IdOrClass] =
2341                            &[Class(AzString::from_const_str("__azul_native-ribbon-tabs"))];
2342                        IdOrClassVec::from_const_slice(IDS_AND_CLASSES_9041457122899952067)
2343                    })
2344                    .with_children(DomVec::from_vec(vec![
2345                        Dom::create_text(AzString::from_const_str("FILE"))
2346                            .with_css_props(CSS_MATCH_14371786645818370801)
2347                            .with_ids_and_classes({
2348                                const IDS_AND_CLASSES_4826288409200248071: &[IdOrClass] =
2349                                    &[Class(AzString::from_const_str("home"))];
2350                                IdOrClassVec::from_const_slice(IDS_AND_CLASSES_4826288409200248071)
2351                            }),
2352                        Dom::create_div()
2353                            .with_css_props(CSS_MATCH_9926913261609802002)
2354                            .with_ids_and_classes({
2355                                const IDS_AND_CLASSES_9410866575549354381: &[IdOrClass] =
2356                                    &[Class(AzString::from_const_str("between-tabs"))];
2357                                IdOrClassVec::from_const_slice(IDS_AND_CLASSES_9410866575549354381)
2358                            }),
2359                        render_tab_element(
2360                            "HOME",
2361                            self.tab_active == 0,
2362                            0,
2363                            callback.clone(),
2364                            data.clone(),
2365                        ),
2366                        render_tab_element(
2367                            "INSERT",
2368                            self.tab_active == 1,
2369                            1,
2370                            callback.clone(),
2371                            data.clone(),
2372                        ),
2373                        render_tab_element(
2374                            "PAGE LAYOUT",
2375                            self.tab_active == 2,
2376                            2,
2377                            callback.clone(),
2378                            data.clone(),
2379                        ),
2380                        render_tab_element(
2381                            "FORMULAS",
2382                            self.tab_active == 3,
2383                            3,
2384                            callback.clone(),
2385                            data.clone(),
2386                        ),
2387                        render_tab_element(
2388                            "DATA",
2389                            self.tab_active == 4,
2390                            4,
2391                            callback.clone(),
2392                            data.clone(),
2393                        ),
2394                        render_tab_element(
2395                            "REVIEW",
2396                            self.tab_active == 5,
2397                            5,
2398                            callback.clone(),
2399                            data.clone(),
2400                        ),
2401                        render_tab_element("VIEW", self.tab_active == 6, 6, callback, data.clone()),
2402                        Dom::create_div()
2403                            .with_css_props(CSS_MATCH_11184921220530473733)
2404                            .with_ids_and_classes({
2405                                const IDS_AND_CLASSES_16912306910777040419: &[IdOrClass] =
2406                                    &[Class(AzString::from_const_str("after-tabs"))];
2407                                IdOrClassVec::from_const_slice(IDS_AND_CLASSES_16912306910777040419)
2408                            }),
2409                    ])),
2410                // tab content
2411                Dom::create_div()
2412                    .with_css_props(CSS_MATCH_3221151331850347044)
2413                    .with_ids_and_classes({
2414                        const IDS_AND_CLASSES_2825694991725398553: &[IdOrClass] =
2415                            &[Class(AzString::from_const_str("__azul_native-ribbon-body"))];
2416                        IdOrClassVec::from_const_slice(IDS_AND_CLASSES_2825694991725398553)
2417                    })
2418                    .with_children(DomVec::from_vec(vec![
2419                        Dom::create_div()
2420                            .with_css_props(CSS_MATCH_12860013474863056225)
2421                            .with_ids_and_classes({
2422                                const IDS_AND_CLASSES_10025392060247617630: &[IdOrClass] = &[
2423                                    Class(AzString::from_const_str("__azul_native-ribbon-section")),
2424                                    Class(AzString::from_const_str("1")),
2425                                ];
2426                                IdOrClassVec::from_const_slice(IDS_AND_CLASSES_10025392060247617630)
2427                            })
2428                            .with_children(DomVec::from_vec(vec![
2429                                Dom::create_div()
2430                                    .with_css_props(CSS_MATCH_9123706516995286623)
2431                                    .with_ids_and_classes({
2432                                        const IDS_AND_CLASSES_2004408468416758999: &[IdOrClass] =
2433                                            &[Class(AzString::from_const_str(
2434                                                "__azul_native-ribbon-section-content",
2435                                            ))];
2436                                        IdOrClassVec::from_const_slice(
2437                                            IDS_AND_CLASSES_2004408468416758999,
2438                                        )
2439                                    })
2440                                    .with_children(DomVec::from_vec(vec![Dom::create_div()
2441                                        .with_css_props(CSS_MATCH_7952568575592251546)
2442                                        .with_ids_and_classes({
2443                                            const IDS_AND_CLASSES_6126546624613363847:
2444                                                &[IdOrClass] = &[Class(AzString::from_const_str(
2445                                                "__azul_native-ribbon-action-vertical-large",
2446                                            ))];
2447                                            IdOrClassVec::from_const_slice(
2448                                                IDS_AND_CLASSES_6126546624613363847,
2449                                            )
2450                                        })
2451                                        .with_children(DomVec::from_vec(vec![
2452                                            Dom::create_div()
2453                                                .with_css_props(CSS_MATCH_14701061083766788292)
2454                                                .with_ids_and_classes({
2455                                                    const IDS_AND_CLASSES_4343297541786025485:
2456                                                        &[IdOrClass] = &[Class(
2457                                                        AzString::from_const_str("icon-wrapper"),
2458                                                    )];
2459                                                    IdOrClassVec::from_const_slice(
2460                                                        IDS_AND_CLASSES_4343297541786025485,
2461                                                    )
2462                                                })
2463                                                .with_children(DomVec::from_vec(
2464                                                    vec![Dom::create_div()
2465                                                    .with_css_props(
2466                                                        CSS_MATCH_15716718910432952660,
2467                                                    )
2468                                                    .with_ids_and_classes({
2469                                                        const IDS_AND_CLASSES_638783468819161744:
2470                                                            &[IdOrClass] = &[Class(
2471                                                            AzString::from_const_str("icon"),
2472                                                        )];
2473                                                        IdOrClassVec::from_const_slice(
2474                                                            IDS_AND_CLASSES_638783468819161744,
2475                                                        )
2476                                                    })],
2477                                                )),
2478                                            Dom::create_text(AzString::from_const_str("Paste"))
2479                                                .with_css_props(CSS_MATCH_6756514148882865175),
2480                                            Dom::create_div()
2481                                                .with_css_props(CSS_MATCH_1934381104964361563)
2482                                                .with_ids_and_classes({
2483                                                    const IDS_AND_CLASSES_17000242124219500924:
2484                                                        &[IdOrClass] = &[Class(
2485                                                        AzString::from_const_str("dropdown"),
2486                                                    )];
2487                                                    IdOrClassVec::from_const_slice(
2488                                                        IDS_AND_CLASSES_17000242124219500924,
2489                                                    )
2490                                                })
2491                                                .with_children(DomVec::from_vec(
2492                                                    vec![Dom::create_div()
2493                                                    .with_css_props(
2494                                                        CSS_MATCH_491594124841839797,
2495                                                    )
2496                                                    .with_ids_and_classes({
2497                                                        const IDS_AND_CLASSES_638783468819161744:
2498                                                            &[IdOrClass] = &[Class(
2499                                                            AzString::from_const_str("icon"),
2500                                                        )];
2501                                                        IdOrClassVec::from_const_slice(
2502                                                            IDS_AND_CLASSES_638783468819161744,
2503                                                        )
2504                                                    })],
2505                                                )),
2506                                        ]))])),
2507                                Dom::create_text(AzString::from_const_str("Clipboard"))
2508                                    .with_css_props(CSS_MATCH_2233073185823558635)
2509                                    .with_ids_and_classes({
2510                                        const IDS_AND_CLASSES_6233255149722984275: &[IdOrClass] =
2511                                            &[Class(AzString::from_const_str(
2512                                                "__azul_native-ribbon-section-name",
2513                                            ))];
2514                                        IdOrClassVec::from_const_slice(
2515                                            IDS_AND_CLASSES_6233255149722984275,
2516                                        )
2517                                    }),
2518                            ])),
2519                        Dom::create_div()
2520                            .with_css_props(CSS_MATCH_11324334306954975636)
2521                            .with_ids_and_classes({
2522                                const IDS_AND_CLASSES_16234433965518568113: &[IdOrClass] = &[
2523                                    Class(AzString::from_const_str("__azul_native-ribbon-section")),
2524                                    Class(AzString::from_const_str("2")),
2525                                ];
2526                                IdOrClassVec::from_const_slice(IDS_AND_CLASSES_16234433965518568113)
2527                            })
2528                            .with_children(DomVec::from_vec(vec![
2529                                Dom::create_div()
2530                                    .with_css_props(CSS_MATCH_4538658364223133674)
2531                                    .with_ids_and_classes({
2532                                        const IDS_AND_CLASSES_2004408468416758999: &[IdOrClass] =
2533                                            &[Class(AzString::from_const_str(
2534                                                "__azul_native-ribbon-section-content",
2535                                            ))];
2536                                        IdOrClassVec::from_const_slice(
2537                                            IDS_AND_CLASSES_2004408468416758999,
2538                                        )
2539                                    })
2540                                    .with_children(DomVec::from_vec(vec![Dom::create_text(
2541                                        AzString::from_const_str(""),
2542                                    )])),
2543                                Dom::create_text(AzString::from_const_str("Font"))
2544                                    .with_css_props(CSS_MATCH_12543025518776072814)
2545                                    .with_ids_and_classes({
2546                                        const IDS_AND_CLASSES_6233255149722984275: &[IdOrClass] =
2547                                            &[Class(AzString::from_const_str(
2548                                                "__azul_native-ribbon-section-name",
2549                                            ))];
2550                                        IdOrClassVec::from_const_slice(
2551                                            IDS_AND_CLASSES_6233255149722984275,
2552                                        )
2553                                    }),
2554                            ])),
2555                        Dom::create_div()
2556                            .with_css_props(CSS_MATCH_970131228357345953)
2557                            .with_ids_and_classes({
2558                                const IDS_AND_CLASSES_8769206706192203364: &[IdOrClass] = &[
2559                                    Class(AzString::from_const_str("__azul_native-ribbon-section")),
2560                                    Class(AzString::from_const_str("3")),
2561                                ];
2562                                IdOrClassVec::from_const_slice(IDS_AND_CLASSES_8769206706192203364)
2563                            })
2564                            .with_children(DomVec::from_vec(vec![
2565                                Dom::create_div()
2566                                    .with_css_props(CSS_MATCH_8561962837455305444)
2567                                    .with_ids_and_classes({
2568                                        const IDS_AND_CLASSES_2004408468416758999: &[IdOrClass] =
2569                                            &[Class(AzString::from_const_str(
2570                                                "__azul_native-ribbon-section-content",
2571                                            ))];
2572                                        IdOrClassVec::from_const_slice(
2573                                            IDS_AND_CLASSES_2004408468416758999,
2574                                        )
2575                                    })
2576                                    .with_children(DomVec::from_vec(vec![Dom::create_text(
2577                                        AzString::from_const_str(""),
2578                                    )])),
2579                                Dom::create_text(AzString::from_const_str("Alignment"))
2580                                    .with_css_props(CSS_MATCH_8808521992961481081)
2581                                    .with_ids_and_classes({
2582                                        const IDS_AND_CLASSES_6233255149722984275: &[IdOrClass] =
2583                                            &[Class(AzString::from_const_str(
2584                                                "__azul_native-ribbon-section-name",
2585                                            ))];
2586                                        IdOrClassVec::from_const_slice(
2587                                            IDS_AND_CLASSES_6233255149722984275,
2588                                        )
2589                                    }),
2590                            ])),
2591                        Dom::create_div()
2592                            .with_css_props(CSS_MATCH_6736299128913213977)
2593                            .with_ids_and_classes({
2594                                const IDS_AND_CLASSES_8980483043948686304: &[IdOrClass] = &[
2595                                    Class(AzString::from_const_str("__azul_native-ribbon-section")),
2596                                    Class(AzString::from_const_str("4")),
2597                                ];
2598                                IdOrClassVec::from_const_slice(IDS_AND_CLASSES_8980483043948686304)
2599                            })
2600                            .with_children(DomVec::from_vec(vec![
2601                                Dom::create_div()
2602                                    .with_css_props(CSS_MATCH_9206206203058145671)
2603                                    .with_ids_and_classes({
2604                                        const IDS_AND_CLASSES_2004408468416758999: &[IdOrClass] =
2605                                            &[Class(AzString::from_const_str(
2606                                                "__azul_native-ribbon-section-content",
2607                                            ))];
2608                                        IdOrClassVec::from_const_slice(
2609                                            IDS_AND_CLASSES_2004408468416758999,
2610                                        )
2611                                    })
2612                                    .with_children(DomVec::from_vec(vec![Dom::create_text(
2613                                        AzString::from_const_str(""),
2614                                    )])),
2615                                Dom::create_text(AzString::from_const_str("Number"))
2616                                    .with_css_props(CSS_MATCH_16851364358900804450)
2617                                    .with_ids_and_classes({
2618                                        const IDS_AND_CLASSES_6233255149722984275: &[IdOrClass] =
2619                                            &[Class(AzString::from_const_str(
2620                                                "__azul_native-ribbon-section-name",
2621                                            ))];
2622                                        IdOrClassVec::from_const_slice(
2623                                            IDS_AND_CLASSES_6233255149722984275,
2624                                        )
2625                                    }),
2626                            ])),
2627                        Dom::create_div()
2628                            .with_css_props(CSS_MATCH_3888401522023951407)
2629                            .with_ids_and_classes({
2630                                const IDS_AND_CLASSES_6781594546968350058: &[IdOrClass] = &[
2631                                    Class(AzString::from_const_str("__azul_native-ribbon-section")),
2632                                    Class(AzString::from_const_str("5")),
2633                                ];
2634                                IdOrClassVec::from_const_slice(IDS_AND_CLASSES_6781594546968350058)
2635                            })
2636                            .with_children(DomVec::from_vec(vec![
2637                                Dom::create_div()
2638                                    .with_css_props(CSS_MATCH_14738982339524920711)
2639                                    .with_ids_and_classes({
2640                                        const IDS_AND_CLASSES_2004408468416758999: &[IdOrClass] =
2641                                            &[Class(AzString::from_const_str(
2642                                                "__azul_native-ribbon-section-content",
2643                                            ))];
2644                                        IdOrClassVec::from_const_slice(
2645                                            IDS_AND_CLASSES_2004408468416758999,
2646                                        )
2647                                    })
2648                                    .with_children(DomVec::from_vec(vec![Dom::create_text(
2649                                        AzString::from_const_str(""),
2650                                    )])),
2651                                Dom::create_text(AzString::from_const_str("Styles"))
2652                                    .with_css_props(CSS_MATCH_8787113990689659847)
2653                                    .with_ids_and_classes({
2654                                        const IDS_AND_CLASSES_6233255149722984275: &[IdOrClass] =
2655                                            &[Class(AzString::from_const_str(
2656                                                "__azul_native-ribbon-section-name",
2657                                            ))];
2658                                        IdOrClassVec::from_const_slice(
2659                                            IDS_AND_CLASSES_6233255149722984275,
2660                                        )
2661                                    }),
2662                            ])),
2663                        Dom::create_div()
2664                            .with_css_props(CSS_MATCH_4060245836920688376)
2665                            .with_ids_and_classes({
2666                                const IDS_AND_CLASSES_11618651107626783359: &[IdOrClass] = &[
2667                                    Class(AzString::from_const_str("__azul_native-ribbon-section")),
2668                                    Class(AzString::from_const_str("6")),
2669                                ];
2670                                IdOrClassVec::from_const_slice(IDS_AND_CLASSES_11618651107626783359)
2671                            })
2672                            .with_children(DomVec::from_vec(vec![
2673                                Dom::create_div()
2674                                    .with_css_props(CSS_MATCH_11894410514907408907)
2675                                    .with_ids_and_classes({
2676                                        const IDS_AND_CLASSES_2004408468416758999: &[IdOrClass] =
2677                                            &[Class(AzString::from_const_str(
2678                                                "__azul_native-ribbon-section-content",
2679                                            ))];
2680                                        IdOrClassVec::from_const_slice(
2681                                            IDS_AND_CLASSES_2004408468416758999,
2682                                        )
2683                                    })
2684                                    .with_children(DomVec::from_vec(vec![Dom::create_text(
2685                                        AzString::from_const_str(""),
2686                                    )])),
2687                                Dom::create_text(AzString::from_const_str("Cells"))
2688                                    .with_css_props(CSS_MATCH_6328747057139953245)
2689                                    .with_ids_and_classes({
2690                                        const IDS_AND_CLASSES_6233255149722984275: &[IdOrClass] =
2691                                            &[Class(AzString::from_const_str(
2692                                                "__azul_native-ribbon-section-name",
2693                                            ))];
2694                                        IdOrClassVec::from_const_slice(
2695                                            IDS_AND_CLASSES_6233255149722984275,
2696                                        )
2697                                    }),
2698                            ])),
2699                        Dom::create_div()
2700                            .with_css_props(CSS_MATCH_17089226259487272686)
2701                            .with_ids_and_classes({
2702                                const IDS_AND_CLASSES_4188199152450384868: &[IdOrClass] = &[
2703                                    Class(AzString::from_const_str("__azul_native-ribbon-section")),
2704                                    Class(AzString::from_const_str("7")),
2705                                ];
2706                                IdOrClassVec::from_const_slice(IDS_AND_CLASSES_4188199152450384868)
2707                            })
2708                            .with_children(DomVec::from_vec(vec![
2709                                Dom::create_div()
2710                                    .with_css_props(CSS_MATCH_14707506486468900090)
2711                                    .with_ids_and_classes({
2712                                        const IDS_AND_CLASSES_2004408468416758999: &[IdOrClass] =
2713                                            &[Class(AzString::from_const_str(
2714                                                "__azul_native-ribbon-section-content",
2715                                            ))];
2716                                        IdOrClassVec::from_const_slice(
2717                                            IDS_AND_CLASSES_2004408468416758999,
2718                                        )
2719                                    })
2720                                    .with_children(DomVec::from_vec(vec![Dom::create_text(
2721                                        AzString::from_const_str(""),
2722                                    )])),
2723                                Dom::create_text(AzString::from_const_str("Editing"))
2724                                    .with_css_props(CSS_MATCH_4856252049803891913)
2725                                    .with_ids_and_classes({
2726                                        const IDS_AND_CLASSES_6233255149722984275: &[IdOrClass] =
2727                                            &[Class(AzString::from_const_str(
2728                                                "__azul_native-ribbon-section-name",
2729                                            ))];
2730                                        IdOrClassVec::from_const_slice(
2731                                            IDS_AND_CLASSES_6233255149722984275,
2732                                        )
2733                                    }),
2734                            ])),
2735                    ])),
2736            ]))
2737    }
2738}
2739
2740struct MyCustomStruct {
2741    which_tab_to_activate_on_click: i32,
2742    on_tab_change_callback: RibbonOnTabClickedCallback,
2743    on_tab_change_data: RefAny,
2744}
2745
2746fn render_tab_element(
2747    text: &'static str,
2748    active: bool,
2749    which_tab_to_activate_on_click: i32,
2750    callback: RibbonOnTabClickedCallback,
2751    refany: RefAny,
2752) -> Dom {
2753    Dom::create_text(AzString::from_const_str(text))
2754        .with_css_props(if active {
2755            CSS_MATCH_17524132644355033702
2756        } else {
2757            CSS_MATCH_2310038472753606232
2758        })
2759        .with_callbacks(
2760            vec![CoreCallbackData {
2761                event: EventFilter::Hover(HoverEventFilter::MouseUp), // onmouseup
2762                callback: CoreCallback {
2763                    cb: my_callback as usize,
2764                    ctx: azul_core::refany::OptionRefAny::None,
2765                },
2766                refany: RefAny::new(MyCustomStruct {
2767                    which_tab_to_activate_on_click,
2768                    on_tab_change_callback: callback,
2769                    on_tab_change_data: refany,
2770                }),
2771            }]
2772            .into(),
2773        )
2774}
2775
2776extern "C" fn my_callback(mut refany: RefAny, mut info: CallbackInfo) -> Update {
2777    let mut data = match refany.downcast_mut::<MyCustomStruct>() {
2778        Some(s) => s,
2779        None => return Update::DoNothing,
2780    };
2781
2782    let which_tab_to_activate_on_click = data.which_tab_to_activate_on_click;
2783
2784    (data.on_tab_change_callback.cb)(
2785        data.on_tab_change_data.clone(),
2786        info,
2787        which_tab_to_activate_on_click,
2788    )
2789}
azul_layout/widgets/ribbon.rs

azul_layout/widgets/
ribbon.rs
