Skip to content

Instantly share code, notes, and snippets.

@scf37

scf37/Bootstrap.scala

Created June 19, 2019 12:46
Show Gist options
  • Save scf37/a8e8cccfcfa82bffd0b34b60bf861a00 to your computer and use it in GitHub Desktop.
Save scf37/a8e8cccfcfa82bffd0b34b60bf861a00 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Bootstrap.scala
package bootstrap
import me.scf37.finecss.Dsl
trait Bootstrap0 extends Dsl {
val accordion = rule.cls("accordion")
val active = rule.cls("active")
val arrow = rule.cls("arrow")
val breadcrumb_item = rule.cls("breadcrumb-item")
val bs_popover_auto = rule.cls("bs-popover-auto")
val bs_popover_bottom = rule.cls("bs-popover-bottom")
val bs_popover_left = rule.cls("bs-popover-left")
val bs_popover_right = rule.cls("bs-popover-right")
val bs_popover_top = rule.cls("bs-popover-top")
val bs_tooltip_auto = rule.cls("bs-tooltip-auto")
val bs_tooltip_bottom = rule.cls("bs-tooltip-bottom")
val bs_tooltip_left = rule.cls("bs-tooltip-left")
val bs_tooltip_right = rule.cls("bs-tooltip-right")
val bs_tooltip_top = rule.cls("bs-tooltip-top")
val btn_group = rule.cls("btn-group")
val btn_group_lg = rule.cls("btn-group-lg")
val btn_group_sm = rule.cls("btn-group-sm")
val btn_group_toggle = rule.cls("btn-group-toggle")
val btn_group_vertical = rule.cls("btn-group-vertical")
val btn_lg = rule.cls("btn-lg")
val btn_sm = rule.cls("btn-sm")
val card_columns = rule.cls("card-columns")
val card_link = rule.cls("card-link")
val card_text = rule.cls("card-text")
val carousel_control_next = rule.cls("carousel-control-next")
val carousel_control_next_icon = rule.cls("carousel-control-next-icon")
val carousel_control_prev = rule.cls("carousel-control-prev")
val carousel_control_prev_icon = rule.cls("carousel-control-prev-icon")
val carousel_fade = rule.cls("carousel-fade")
val carousel_item_left = rule.cls("carousel-item-left")
val carousel_item_next = rule.cls("carousel-item-next")
val carousel_item_prev = rule.cls("carousel-item-prev")
val carousel_item_right = rule.cls("carousel-item-right")
val clearfix = rule.cls("clearfix")
val close = rule.cls("close")
val col = rule.cls("col")
val col_1 = rule.cls("col-1")
val col_10 = rule.cls("col-10")
val col_11 = rule.cls("col-11")
val col_12 = rule.cls("col-12")
val col_2 = rule.cls("col-2")
val col_3 = rule.cls("col-3")
val col_4 = rule.cls("col-4")
val col_5 = rule.cls("col-5")
val col_6 = rule.cls("col-6")
val col_7 = rule.cls("col-7")
val col_8 = rule.cls("col-8")
val col_9 = rule.cls("col-9")
val col_auto = rule.cls("col-auto")
val col_lg = rule.cls("col-lg")
val col_lg_1 = rule.cls("col-lg-1")
val col_lg_10 = rule.cls("col-lg-10")
val col_lg_11 = rule.cls("col-lg-11")
val col_lg_12 = rule.cls("col-lg-12")
val col_lg_2 = rule.cls("col-lg-2")
val col_lg_3 = rule.cls("col-lg-3")
val col_lg_4 = rule.cls("col-lg-4")
val col_lg_5 = rule.cls("col-lg-5")
val col_lg_6 = rule.cls("col-lg-6")
val col_lg_7 = rule.cls("col-lg-7")
val col_lg_8 = rule.cls("col-lg-8")
val col_lg_9 = rule.cls("col-lg-9")
val col_lg_auto = rule.cls("col-lg-auto")
val col_md = rule.cls("col-md")
val col_md_1 = rule.cls("col-md-1")
val col_md_10 = rule.cls("col-md-10")
val col_md_11 = rule.cls("col-md-11")
val col_md_12 = rule.cls("col-md-12")
val col_md_2 = rule.cls("col-md-2")
val col_md_3 = rule.cls("col-md-3")
val col_md_4 = rule.cls("col-md-4")
val col_md_5 = rule.cls("col-md-5")
val col_md_6 = rule.cls("col-md-6")
val col_md_7 = rule.cls("col-md-7")
val col_md_8 = rule.cls("col-md-8")
val col_md_9 = rule.cls("col-md-9")
val col_md_auto = rule.cls("col-md-auto")
val col_sm = rule.cls("col-sm")
val col_sm_1 = rule.cls("col-sm-1")
val col_sm_10 = rule.cls("col-sm-10")
val col_sm_11 = rule.cls("col-sm-11")
val col_sm_12 = rule.cls("col-sm-12")
val col_sm_2 = rule.cls("col-sm-2")
val col_sm_3 = rule.cls("col-sm-3")
val col_sm_4 = rule.cls("col-sm-4")
val col_sm_5 = rule.cls("col-sm-5")
val col_sm_6 = rule.cls("col-sm-6")
val col_sm_7 = rule.cls("col-sm-7")
val col_sm_8 = rule.cls("col-sm-8")
val col_sm_9 = rule.cls("col-sm-9")
val col_sm_auto = rule.cls("col-sm-auto")
val col_xl = rule.cls("col-xl")
val col_xl_1 = rule.cls("col-xl-1")
val col_xl_10 = rule.cls("col-xl-10")
val col_xl_11 = rule.cls("col-xl-11")
val col_xl_12 = rule.cls("col-xl-12")
val col_xl_2 = rule.cls("col-xl-2")
val col_xl_3 = rule.cls("col-xl-3")
val col_xl_4 = rule.cls("col-xl-4")
val col_xl_5 = rule.cls("col-xl-5")
val col_xl_6 = rule.cls("col-xl-6")
val col_xl_7 = rule.cls("col-xl-7")
val col_xl_8 = rule.cls("col-xl-8")
val col_xl_9 = rule.cls("col-xl-9")
val col_xl_auto = rule.cls("col-xl-auto")
val collapse = rule.cls("collapse")
val custom_checkbox = rule.cls("custom-checkbox")
val custom_control_input = rule.cls("custom-control-input")
val custom_control_label = rule.cls("custom-control-label")
val custom_file = rule.cls("custom-file")
val custom_file_input = rule.cls("custom-file-input")
val custom_file_label = rule.cls("custom-file-label")
val custom_radio = rule.cls("custom-radio")
val custom_select = rule.cls("custom-select")
val disabled = rule.cls("disabled")
val dropdown = rule.cls("dropdown")
val dropdown_toggle = rule.cls("dropdown-toggle")
val dropleft = rule.cls("dropleft")
val dropright = rule.cls("dropright")
val dropup = rule.cls("dropup")
val embed_responsive_16by9 = rule.cls("embed-responsive-16by9")
val embed_responsive_1by1 = rule.cls("embed-responsive-1by1")
val embed_responsive_21by9 = rule.cls("embed-responsive-21by9")
val embed_responsive_4by3 = rule.cls("embed-responsive-4by3")
val embed_responsive_item = rule.cls("embed-responsive-item")
val focus = rule.cls("focus")
val form_check_label = rule.cls("form-check-label")
val form_control_file = rule.cls("form-control-file")
val form_control_lg = rule.cls("form-control-lg")
val form_control_range = rule.cls("form-control-range")
val form_control_sm = rule.cls("form-control-sm")
val h1 = rule.cls("h1")
val h2 = rule.cls("h2")
val h3 = rule.cls("h3")
val h4 = rule.cls("h4")
val h5 = rule.cls("h5")
val h6 = rule.cls("h6")
val input_group = rule.cls("input-group")
val input_group_append = rule.cls("input-group-append")
val input_group_lg = rule.cls("input-group-lg")
val input_group_prepend = rule.cls("input-group-prepend")
val input_group_sm = rule.cls("input-group-sm")
val input_group_text = rule.cls("input-group-text")
val is_invalid = rule.cls("is-invalid")
val is_valid = rule.cls("is-valid")
val list_group = rule.cls("list-group")
val list_group_flush = rule.cls("list-group-flush")
val list_group_item = rule.cls("list-group-item")
val mark = rule.cls("mark")
val mb_0 = rule.cls("mb-0")
val mb_1 = rule.cls("mb-1")
val mb_2 = rule.cls("mb-2")
val mb_3 = rule.cls("mb-3")
val mb_4 = rule.cls("mb-4")
val mb_5 = rule.cls("mb-5")
val mb_auto = rule.cls("mb-auto")
val ml_0 = rule.cls("ml-0")
val ml_1 = rule.cls("ml-1")
val ml_2 = rule.cls("ml-2")
val ml_3 = rule.cls("ml-3")
val ml_4 = rule.cls("ml-4")
val ml_5 = rule.cls("ml-5")
val ml_auto = rule.cls("ml-auto")
val modal = rule.cls("modal")
val mr_0 = rule.cls("mr-0")
val mr_1 = rule.cls("mr-1")
val mr_2 = rule.cls("mr-2")
val mr_3 = rule.cls("mr-3")
val mr_4 = rule.cls("mr-4")
val mr_5 = rule.cls("mr-5")
val mr_auto = rule.cls("mr-auto")
val mt_0 = rule.cls("mt-0")
val mt_1 = rule.cls("mt-1")
val mt_2 = rule.cls("mt-2")
val mt_3 = rule.cls("mt-3")
val mt_4 = rule.cls("mt-4")
val mt_5 = rule.cls("mt-5")
val mt_auto = rule.cls("mt-auto")
val mx_0 = rule.cls("mx-0")
val mx_1 = rule.cls("mx-1")
val mx_2 = rule.cls("mx-2")
val mx_3 = rule.cls("mx-3")
val mx_4 = rule.cls("mx-4")
val mx_5 = rule.cls("mx-5")
val mx_auto = rule.cls("mx-auto")
val my_0 = rule.cls("my-0")
val my_1 = rule.cls("my-1")
val my_2 = rule.cls("my-2")
val my_3 = rule.cls("my-3")
val my_4 = rule.cls("my-4")
val my_5 = rule.cls("my-5")
val my_auto = rule.cls("my-auto")
val nav_fill = rule.cls("nav-fill")
val nav_item = rule.cls("nav-item")
val nav_justified = rule.cls("nav-justified")
val nav_pills = rule.cls("nav-pills")
val navbar_dark = rule.cls("navbar-dark")
val navbar_light = rule.cls("navbar-light")
val page_item = rule.cls("page-item")
val pagination_lg = rule.cls("pagination-lg")
val pagination_sm = rule.cls("pagination-sm")
val pb_0 = rule.cls("pb-0")
val pb_1 = rule.cls("pb-1")
val pb_2 = rule.cls("pb-2")
val pb_3 = rule.cls("pb-3")
val pb_4 = rule.cls("pb-4")
val pb_5 = rule.cls("pb-5")
val pl_0 = rule.cls("pl-0")
val pl_1 = rule.cls("pl-1")
val pl_2 = rule.cls("pl-2")
val pl_3 = rule.cls("pl-3")
val pl_4 = rule.cls("pl-4")
val pl_5 = rule.cls("pl-5")
val popover_header = rule.cls("popover-header")
val pr_0 = rule.cls("pr-0")
val pr_1 = rule.cls("pr-1")
val pr_2 = rule.cls("pr-2")
val pr_3 = rule.cls("pr-3")
val pr_4 = rule.cls("pr-4")
val pr_5 = rule.cls("pr-5")
val pt_0 = rule.cls("pt-0")
val pt_1 = rule.cls("pt-1")
val pt_2 = rule.cls("pt-2")
val pt_3 = rule.cls("pt-3")
val pt_4 = rule.cls("pt-4")
val pt_5 = rule.cls("pt-5")
val px_0 = rule.cls("px-0")
val px_1 = rule.cls("px-1")
val px_2 = rule.cls("px-2")
val px_3 = rule.cls("px-3")
val px_4 = rule.cls("px-4")
val px_5 = rule.cls("px-5")
val py_0 = rule.cls("py-0")
val py_1 = rule.cls("py-1")
val py_2 = rule.cls("py-2")
val py_3 = rule.cls("py-3")
val py_4 = rule.cls("py-4")
val py_5 = rule.cls("py-5")
val show = rule.cls("show")
val small = rule.cls("small")
val sr_only_focusable = rule.cls("sr-only-focusable")
val sticky_top = rule.cls("sticky-top")
val tab_content = rule.cls("tab-content")
val tab_pane = rule.cls("tab-pane")
val table_active = rule.cls("table-active")
val table_borderless = rule.cls("table-borderless")
val table_danger = rule.cls("table-danger")
val table_dark = rule.cls("table-dark")
val table_hover = rule.cls("table-hover")
val table_info = rule.cls("table-info")
val table_light = rule.cls("table-light")
val table_primary = rule.cls("table-primary")
val table_secondary = rule.cls("table-secondary")
val table_sm = rule.cls("table-sm")
val table_striped = rule.cls("table-striped")
val table_success = rule.cls("table-success")
val table_warning = rule.cls("table-warning")
val thead_dark = rule.cls("thead-dark")
val thead_light = rule.cls("thead-light")
val was_validated = rule.cls("was-validated")
q":root"
.style("--blue", "#007bff")
.style("--indigo", "#6610f2")
.style("--purple", "#6f42c1")
.style("--pink", "#e83e8c")
.style("--red", "#dc3545")
.style("--orange", "#fd7e14")
.style("--yellow", "#ffc107")
.style("--green", "#28a745")
.style("--teal", "#20c997")
.style("--cyan", "#17a2b8")
.style("--white", "#fff")
.style("--gray", "#6c757d")
.style("--gray-dark", "#343a40")
.style("--primary", "#007bff")
.style("--secondary", "#6c757d")
.style("--success", "#28a745")
.style("--info", "#17a2b8")
.style("--warning", "#ffc107")
.style("--danger", "#dc3545")
.style("--light", "#f8f9fa")
.style("--dark", "#343a40")
.style("--breakpoint-xs", "0")
.style("--breakpoint-sm", "576px")
.style("--breakpoint-md", "768px")
.style("--breakpoint-lg", "992px")
.style("--breakpoint-xl", "1200px")
.style("--font-family-sans-serif", "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"")
.style("--font-family-monospace", "SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace")
Seq(
q"*",
q"*::before",
q"*::after")
.boxSizing.borderBox
q"html"
.fontFamily("sans-serif")
.lineHeight("1.15")
.style("-webkit-text-size-adjust", "100%")
.style("-ms-text-size-adjust", "100%")
.style("-ms-overflow-style", "scrollbar")
.style("-webkit-tap-highlight-color", "rgba(0,0,0,0)")
q"@-ms-viewport{width:device-width}"
Seq(
q"article",
q"aside",
q"figcaption",
q"figure",
q"footer",
q"header",
q"hgroup",
q"main",
q"nav",
q"section")
.display.block
q"body"
.margin("0")
.fontFamily("-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"")
.fontSize("1rem")
.fontWeight("400")
.lineHeight("1.5")
.color("#212529")
.textAlign.left
.backgroundColor("#fff")
q"""[tabindex="-1"]:focus"""
.outline("0 !important")
q"hr"
.boxSizing.contentBox
.height("0")
.overflow.visible
Seq(
q"h1",
q"h2",
q"h3",
q"h4",
q"h5",
q"h6")
.marginTop("0")
.marginBottom("0.5rem")
q"p"
.marginTop("0")
.marginBottom("1rem")
Seq(
q"abbr[title]",
q"abbr[data-original-title]")
.textDecoration("underline")
.style("-webkit-text-decoration", "underline dotted")
.textDecoration("underline dotted")
.cursor("help")
.borderBottom("0")
q"address"
.marginBottom("1rem")
.fontStyle("normal")
.lineHeight("inherit")
Seq(
q"ol",
q"ul",
q"dl")
.marginTop("0")
.marginBottom("1rem")
Seq(
q"ol ol",
q"ul ul",
q"ol ul",
q"ul ol")
.marginBottom("0")
q"dt"
.fontWeight("700")
q"dd"
.marginBottom(".5rem")
.marginLeft("0")
q"blockquote"
.margin("0 0 1rem")
q"dfn"
.fontStyle.italic
Seq(
q"b",
q"strong")
.fontWeight("bolder")
q"small"
.fontSize("80%")
Seq(
q"sub",
q"sup")
.position.relative
.fontSize("75%")
.lineHeight("0")
.verticalAlign("baseline")
q"sub"
.bottom("-.25em")
q"sup"
.top("-.5em")
q"a"
.color("#007bff")
.textDecoration.none
.backgroundColor("transparent")
.style("-webkit-text-decoration-skip", "objects")
q"a:hover"
.color("#0056b3")
.textDecoration("underline")
q"a:not([href]):not([tabindex])"
.color("inherit")
.textDecoration.none
Seq(
q"a:not([href]):not([tabindex]):hover",
q"a:not([href]):not([tabindex]):focus")
.color("inherit")
.textDecoration.none
q"a:not([href]):not([tabindex]):focus"
.outline("0")
Seq(
q"pre",
q"code",
q"kbd",
q"samp")
.fontFamily("SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace")
.fontSize("1em")
q"pre"
.marginTop("0")
.marginBottom("1rem")
.overflow.auto
.style("-ms-overflow-style", "scrollbar")
q"figure"
.margin("0 0 1rem")
q"img"
.verticalAlign("middle")
.borderStyle("none")
q"svg"
.overflow.hidden
.verticalAlign("middle")
q"table"
.borderCollapse.collapse
q"caption"
.paddingTop("0.75rem")
.paddingBottom("0.75rem")
.color("#6c757d")
.textAlign.left
.style("caption-side", "bottom")
q"th"
.textAlign("inherit")
q"label"
.display.inlineBlock
.marginBottom("0.5rem")
q"button"
.borderRadius("0")
q"button:focus"
.outline("1px dotted")
.outline("5px auto -webkit-focus-ring-color")
Seq(
q"input",
q"button",
q"select",
q"optgroup",
q"textarea")
.margin("0")
.fontFamily("inherit")
.fontSize("inherit")
.lineHeight("inherit")
Seq(
q"button",
q"input")
.overflow.visible
Seq(
q"button",
q"select")
.textTransform("none")
Seq(
q"button",
q"""html [type="button"]""",
q"""[type="reset"]""",
q"""[type="submit"]""")
.style("-webkit-appearance", "button")
Seq(
q"button::-moz-focus-inner",
q"""[type="button"]::-moz-focus-inner""",
q"""[type="reset"]::-moz-focus-inner""",
q"""[type="submit"]::-moz-focus-inner""")
.padding("0")
.borderStyle("none")
Seq(
q"""input[type="radio"]""",
q"""input[type="checkbox"]""")
.boxSizing.borderBox
.padding("0")
Seq(
q"""input[type="date"]""",
q"""input[type="time"]""",
q"""input[type="datetime-local"]""",
q"""input[type="month"]""")
.style("-webkit-appearance", "listbox")
q"textarea"
.overflow.auto
.resize("vertical")
q"fieldset"
.minWidth("0")
.padding("0")
.margin("0")
.border("0")
q"legend"
.display.block
.width("100%")
.maxWidth("100%")
.padding("0")
.marginBottom(".5rem")
.fontSize("1.5rem")
.lineHeight("inherit")
.color("inherit")
.whiteSpace("normal")
q"progress"
.verticalAlign("baseline")
Seq(
q"""[type="number"]::-webkit-inner-spin-button""",
q"""[type="number"]::-webkit-outer-spin-button""")
.height("auto")
q"""[type="search"]"""
.outlineOffset("-2px")
.style("-webkit-appearance", "none")
Seq(
q"""[type="search"]::-webkit-search-cancel-button""",
q"""[type="search"]::-webkit-search-decoration""")
.style("-webkit-appearance", "none")
q"::-webkit-file-upload-button"
.font("inherit")
.style("-webkit-appearance", "button")
q"output"
.display.inlineBlock
q"summary"
.display.listItem
.cursor.pointer
q"template"
.display.none
q"[hidden]"
.display("none !important")
Seq(
q"h1",
q"h2",
q"h3",
q"h4",
q"h5",
q"h6",
q"$h1",
q"$h2",
q"$h3",
q"$h4",
q"$h5",
q"$h6")
.marginBottom("0.5rem")
.fontFamily("inherit")
.fontWeight("500")
.lineHeight("1.2")
.color("inherit")
Seq(
q"h1",
q"$h1")
.fontSize("2.5rem")
Seq(
q"h2",
q"$h2")
.fontSize("2rem")
Seq(
q"h3",
q"$h3")
.fontSize("1.75rem")
Seq(
q"h4",
q"$h4")
.fontSize("1.5rem")
Seq(
q"h5",
q"$h5")
.fontSize("1.25rem")
Seq(
q"h6",
q"$h6")
.fontSize("1rem")
val lead = rule.cls("lead")
.fontSize("1.25rem")
.fontWeight("300")
val display_1 = rule.cls("display-1")
.fontSize("6rem")
.fontWeight("300")
.lineHeight("1.2")
val display_2 = rule.cls("display-2")
.fontSize("5.5rem")
.fontWeight("300")
.lineHeight("1.2")
val display_3 = rule.cls("display-3")
.fontSize("4.5rem")
.fontWeight("300")
.lineHeight("1.2")
val display_4 = rule.cls("display-4")
.fontSize("3.5rem")
.fontWeight("300")
.lineHeight("1.2")
q"hr"
.marginTop("1rem")
.marginBottom("1rem")
.border("0")
.borderTop("1px solid rgba(0,0,0,0.1)")
Seq(
q"small",
q"$small")
.fontSize("80%")
.fontWeight("400")
Seq(
q"mark",
q"$mark")
.padding("0.2em")
.backgroundColor("#fcf8e3")
val list_unstyled = rule.cls("list-unstyled")
.paddingLeft("0")
.listStyle("none")
val list_inline = rule.cls("list-inline")
.paddingLeft("0")
.listStyle("none")
val list_inline_item = rule.cls("list-inline-item")
.display.inlineBlock
q"$list_inline_item:not(:last-child)"
.marginRight("0.5rem")
val initialism = rule.cls("initialism")
.fontSize("90%")
.textTransform("uppercase")
val blockquote = rule.cls("blockquote")
.marginBottom("1rem")
.fontSize("1.25rem")
val blockquote_footer = rule.cls("blockquote-footer")
.display.block
.fontSize("80%")
.color("#6c757d")
q"$blockquote_footer::before"
.content("\"\u2014 \u00A0\"")
val img_fluid = rule.cls("img-fluid")
.maxWidth("100%")
.height("auto")
val img_thumbnail = rule.cls("img-thumbnail")
.padding("0.25rem")
.backgroundColor("#fff")
.border("1px solid #dee2e6")
.borderRadius("0.25rem")
.maxWidth("100%")
.height("auto")
val figure = rule.cls("figure")
.display.inlineBlock
val figure_img = rule.cls("figure-img")
.marginBottom("0.5rem")
.lineHeight("1")
val figure_caption = rule.cls("figure-caption")
.fontSize("90%")
.color("#6c757d")
q"code"
.fontSize("87.5%")
.color("#e83e8c")
.wordBreak("break-word")
q"a>code"
.color("inherit")
q"kbd"
.padding("0.2rem 0.4rem")
.fontSize("87.5%")
.color("#fff")
.backgroundColor("#212529")
.borderRadius("0.2rem")
q"kbd kbd"
.padding("0")
.fontSize("100%")
.fontWeight("700")
q"pre"
.display.block
.fontSize("87.5%")
.color("#212529")
q"pre code"
.fontSize("inherit")
.color("inherit")
.wordBreak("normal")
val pre_scrollable = rule.cls("pre-scrollable")
.maxHeight("340px")
.overflowY.scroll
val container = rule.cls("container")
.width("100%")
.paddingRight("15px")
.paddingLeft("15px")
.marginRight.auto
.marginLeft.auto
media("(min-width:576px)") {
q"$container"
.maxWidth("540px")
}
media("(min-width:768px)") {
q"$container"
.maxWidth("720px")
}
media("(min-width:992px)") {
q"$container"
.maxWidth("960px")
}
media("(min-width:1200px)") {
q"$container"
.maxWidth("1140px")
}
val container_fluid = rule.cls("container-fluid")
.width("100%")
.paddingRight("15px")
.paddingLeft("15px")
.marginRight.auto
.marginLeft.auto
val row = rule.cls("row")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-wrap", "wrap")
.flexWrap.wrap
.marginRight("-15px")
.marginLeft("-15px")
val no_gutters = rule.cls("no-gutters")
.marginRight("0")
.marginLeft("0")
Seq(
q"$no_gutters>$col",
q"""$no_gutters>[class*="col-"]""")
.paddingRight("0")
.paddingLeft("0")
Seq(
q"$col_1",
q"$col_2",
q"$col_3",
q"$col_4",
q"$col_5",
q"$col_6",
q"$col_7",
q"$col_8",
q"$col_9",
q"$col_10",
q"$col_11",
q"$col_12",
q"$col",
q"$col_auto",
q"$col_sm_1",
q"$col_sm_2",
q"$col_sm_3",
q"$col_sm_4",
q"$col_sm_5",
q"$col_sm_6",
q"$col_sm_7",
q"$col_sm_8",
q"$col_sm_9",
q"$col_sm_10",
q"$col_sm_11",
q"$col_sm_12",
q"$col_sm",
q"$col_sm_auto",
q"$col_md_1",
q"$col_md_2",
q"$col_md_3",
q"$col_md_4",
q"$col_md_5",
q"$col_md_6",
q"$col_md_7",
q"$col_md_8",
q"$col_md_9",
q"$col_md_10",
q"$col_md_11",
q"$col_md_12",
q"$col_md",
q"$col_md_auto",
q"$col_lg_1",
q"$col_lg_2",
q"$col_lg_3",
q"$col_lg_4",
q"$col_lg_5",
q"$col_lg_6",
q"$col_lg_7",
q"$col_lg_8",
q"$col_lg_9",
q"$col_lg_10",
q"$col_lg_11",
q"$col_lg_12",
q"$col_lg",
q"$col_lg_auto",
q"$col_xl_1",
q"$col_xl_2",
q"$col_xl_3",
q"$col_xl_4",
q"$col_xl_5",
q"$col_xl_6",
q"$col_xl_7",
q"$col_xl_8",
q"$col_xl_9",
q"$col_xl_10",
q"$col_xl_11",
q"$col_xl_12",
q"$col_xl",
q"$col_xl_auto")
.position.relative
.width("100%")
.minHeight("1px")
.paddingRight("15px")
.paddingLeft("15px")
q"$col"
.style("-ms-flex-preferred-size", "0")
.flexBasis("0")
.style("-ms-flex-positive", "1")
.flexGrow("1")
.maxWidth("100%")
q"$col_auto"
.style("-ms-flex", "0 0 auto")
.flex("0 0 auto")
.width("auto")
.maxWidth("none")
q"$col_1"
.style("-ms-flex", "0 0 8.333333%")
.flex("0 0 8.333333%")
.maxWidth("8.333333%")
q"$col_2"
.style("-ms-flex", "0 0 16.666667%")
.flex("0 0 16.666667%")
.maxWidth("16.666667%")
q"$col_3"
.style("-ms-flex", "0 0 25%")
.flex("0 0 25%")
.maxWidth("25%")
q"$col_4"
.style("-ms-flex", "0 0 33.333333%")
.flex("0 0 33.333333%")
.maxWidth("33.333333%")
q"$col_5"
.style("-ms-flex", "0 0 41.666667%")
.flex("0 0 41.666667%")
.maxWidth("41.666667%")
q"$col_6"
.style("-ms-flex", "0 0 50%")
.flex("0 0 50%")
.maxWidth("50%")
q"$col_7"
.style("-ms-flex", "0 0 58.333333%")
.flex("0 0 58.333333%")
.maxWidth("58.333333%")
q"$col_8"
.style("-ms-flex", "0 0 66.666667%")
.flex("0 0 66.666667%")
.maxWidth("66.666667%")
q"$col_9"
.style("-ms-flex", "0 0 75%")
.flex("0 0 75%")
.maxWidth("75%")
q"$col_10"
.style("-ms-flex", "0 0 83.333333%")
.flex("0 0 83.333333%")
.maxWidth("83.333333%")
q"$col_11"
.style("-ms-flex", "0 0 91.666667%")
.flex("0 0 91.666667%")
.maxWidth("91.666667%")
q"$col_12"
.style("-ms-flex", "0 0 100%")
.flex("0 0 100%")
.maxWidth("100%")
val order_first = rule.cls("order-first")
.style("-ms-flex-order", "-1")
.order("-1")
val order_last = rule.cls("order-last")
.style("-ms-flex-order", "13")
.order("13")
val order_0 = rule.cls("order-0")
.style("-ms-flex-order", "0")
.order("0")
val order_1 = rule.cls("order-1")
.style("-ms-flex-order", "1")
.order("1")
val order_2 = rule.cls("order-2")
.style("-ms-flex-order", "2")
.order("2")
val order_3 = rule.cls("order-3")
.style("-ms-flex-order", "3")
.order("3")
val order_4 = rule.cls("order-4")
.style("-ms-flex-order", "4")
.order("4")
val order_5 = rule.cls("order-5")
.style("-ms-flex-order", "5")
.order("5")
val order_6 = rule.cls("order-6")
.style("-ms-flex-order", "6")
.order("6")
val order_7 = rule.cls("order-7")
.style("-ms-flex-order", "7")
.order("7")
val order_8 = rule.cls("order-8")
.style("-ms-flex-order", "8")
.order("8")
val order_9 = rule.cls("order-9")
.style("-ms-flex-order", "9")
.order("9")
val order_10 = rule.cls("order-10")
.style("-ms-flex-order", "10")
.order("10")
val order_11 = rule.cls("order-11")
.style("-ms-flex-order", "11")
.order("11")
val order_12 = rule.cls("order-12")
.style("-ms-flex-order", "12")
.order("12")
val offset_1 = rule.cls("offset-1")
.marginLeft("8.333333%")
val offset_2 = rule.cls("offset-2")
.marginLeft("16.666667%")
val offset_3 = rule.cls("offset-3")
.marginLeft("25%")
val offset_4 = rule.cls("offset-4")
.marginLeft("33.333333%")
val offset_5 = rule.cls("offset-5")
.marginLeft("41.666667%")
val offset_6 = rule.cls("offset-6")
.marginLeft("50%")
val offset_7 = rule.cls("offset-7")
.marginLeft("58.333333%")
val offset_8 = rule.cls("offset-8")
.marginLeft("66.666667%")
val offset_9 = rule.cls("offset-9")
.marginLeft("75%")
val offset_10 = rule.cls("offset-10")
.marginLeft("83.333333%")
val offset_11 = rule.cls("offset-11")
.marginLeft("91.666667%")
val offset_sm_0 = rule.cls("offset-sm-0")
val offset_sm_1 = rule.cls("offset-sm-1")
val offset_sm_10 = rule.cls("offset-sm-10")
val offset_sm_11 = rule.cls("offset-sm-11")
val offset_sm_2 = rule.cls("offset-sm-2")
val offset_sm_3 = rule.cls("offset-sm-3")
val offset_sm_4 = rule.cls("offset-sm-4")
val offset_sm_5 = rule.cls("offset-sm-5")
val offset_sm_6 = rule.cls("offset-sm-6")
val offset_sm_7 = rule.cls("offset-sm-7")
val offset_sm_8 = rule.cls("offset-sm-8")
val offset_sm_9 = rule.cls("offset-sm-9")
val order_sm_0 = rule.cls("order-sm-0")
val order_sm_1 = rule.cls("order-sm-1")
val order_sm_10 = rule.cls("order-sm-10")
val order_sm_11 = rule.cls("order-sm-11")
val order_sm_12 = rule.cls("order-sm-12")
val order_sm_2 = rule.cls("order-sm-2")
val order_sm_3 = rule.cls("order-sm-3")
val order_sm_4 = rule.cls("order-sm-4")
val order_sm_5 = rule.cls("order-sm-5")
val order_sm_6 = rule.cls("order-sm-6")
val order_sm_7 = rule.cls("order-sm-7")
val order_sm_8 = rule.cls("order-sm-8")
val order_sm_9 = rule.cls("order-sm-9")
val order_sm_first = rule.cls("order-sm-first")
val order_sm_last = rule.cls("order-sm-last")
media("(min-width:576px)") {
q"$col_sm"
.style("-ms-flex-preferred-size", "0")
.flexBasis("0")
.style("-ms-flex-positive", "1")
.flexGrow("1")
.maxWidth("100%")
q"$col_sm_auto"
.style("-ms-flex", "0 0 auto")
.flex("0 0 auto")
.width("auto")
.maxWidth("none")
q"$col_sm_1"
.style("-ms-flex", "0 0 8.333333%")
.flex("0 0 8.333333%")
.maxWidth("8.333333%")
q"$col_sm_2"
.style("-ms-flex", "0 0 16.666667%")
.flex("0 0 16.666667%")
.maxWidth("16.666667%")
q"$col_sm_3"
.style("-ms-flex", "0 0 25%")
.flex("0 0 25%")
.maxWidth("25%")
q"$col_sm_4"
.style("-ms-flex", "0 0 33.333333%")
.flex("0 0 33.333333%")
.maxWidth("33.333333%")
q"$col_sm_5"
.style("-ms-flex", "0 0 41.666667%")
.flex("0 0 41.666667%")
.maxWidth("41.666667%")
q"$col_sm_6"
.style("-ms-flex", "0 0 50%")
.flex("0 0 50%")
.maxWidth("50%")
q"$col_sm_7"
.style("-ms-flex", "0 0 58.333333%")
.flex("0 0 58.333333%")
.maxWidth("58.333333%")
q"$col_sm_8"
.style("-ms-flex", "0 0 66.666667%")
.flex("0 0 66.666667%")
.maxWidth("66.666667%")
q"$col_sm_9"
.style("-ms-flex", "0 0 75%")
.flex("0 0 75%")
.maxWidth("75%")
q"$col_sm_10"
.style("-ms-flex", "0 0 83.333333%")
.flex("0 0 83.333333%")
.maxWidth("83.333333%")
q"$col_sm_11"
.style("-ms-flex", "0 0 91.666667%")
.flex("0 0 91.666667%")
.maxWidth("91.666667%")
q"$col_sm_12"
.style("-ms-flex", "0 0 100%")
.flex("0 0 100%")
.maxWidth("100%")
q"$order_sm_first"
.style("-ms-flex-order", "-1")
.order("-1")
q"$order_sm_last"
.style("-ms-flex-order", "13")
.order("13")
q"$order_sm_0"
.style("-ms-flex-order", "0")
.order("0")
q"$order_sm_1"
.style("-ms-flex-order", "1")
.order("1")
q"$order_sm_2"
.style("-ms-flex-order", "2")
.order("2")
q"$order_sm_3"
.style("-ms-flex-order", "3")
.order("3")
q"$order_sm_4"
.style("-ms-flex-order", "4")
.order("4")
q"$order_sm_5"
.style("-ms-flex-order", "5")
.order("5")
q"$order_sm_6"
.style("-ms-flex-order", "6")
.order("6")
q"$order_sm_7"
.style("-ms-flex-order", "7")
.order("7")
q"$order_sm_8"
.style("-ms-flex-order", "8")
.order("8")
q"$order_sm_9"
.style("-ms-flex-order", "9")
.order("9")
q"$order_sm_10"
.style("-ms-flex-order", "10")
.order("10")
q"$order_sm_11"
.style("-ms-flex-order", "11")
.order("11")
q"$order_sm_12"
.style("-ms-flex-order", "12")
.order("12")
q"$offset_sm_0"
.marginLeft("0")
q"$offset_sm_1"
.marginLeft("8.333333%")
q"$offset_sm_2"
.marginLeft("16.666667%")
q"$offset_sm_3"
.marginLeft("25%")
q"$offset_sm_4"
.marginLeft("33.333333%")
q"$offset_sm_5"
.marginLeft("41.666667%")
q"$offset_sm_6"
.marginLeft("50%")
q"$offset_sm_7"
.marginLeft("58.333333%")
q"$offset_sm_8"
.marginLeft("66.666667%")
q"$offset_sm_9"
.marginLeft("75%")
q"$offset_sm_10"
.marginLeft("83.333333%")
q"$offset_sm_11"
.marginLeft("91.666667%")
}
val offset_md_0 = rule.cls("offset-md-0")
val offset_md_1 = rule.cls("offset-md-1")
val offset_md_10 = rule.cls("offset-md-10")
val offset_md_11 = rule.cls("offset-md-11")
val offset_md_2 = rule.cls("offset-md-2")
val offset_md_3 = rule.cls("offset-md-3")
val offset_md_4 = rule.cls("offset-md-4")
val offset_md_5 = rule.cls("offset-md-5")
val offset_md_6 = rule.cls("offset-md-6")
val offset_md_7 = rule.cls("offset-md-7")
val offset_md_8 = rule.cls("offset-md-8")
val offset_md_9 = rule.cls("offset-md-9")
val order_md_0 = rule.cls("order-md-0")
val order_md_1 = rule.cls("order-md-1")
val order_md_10 = rule.cls("order-md-10")
val order_md_11 = rule.cls("order-md-11")
val order_md_12 = rule.cls("order-md-12")
val order_md_2 = rule.cls("order-md-2")
val order_md_3 = rule.cls("order-md-3")
val order_md_4 = rule.cls("order-md-4")
val order_md_5 = rule.cls("order-md-5")
val order_md_6 = rule.cls("order-md-6")
val order_md_7 = rule.cls("order-md-7")
val order_md_8 = rule.cls("order-md-8")
val order_md_9 = rule.cls("order-md-9")
val order_md_first = rule.cls("order-md-first")
val order_md_last = rule.cls("order-md-last")
media("(min-width:768px)") {
q"$col_md"
.style("-ms-flex-preferred-size", "0")
.flexBasis("0")
.style("-ms-flex-positive", "1")
.flexGrow("1")
.maxWidth("100%")
q"$col_md_auto"
.style("-ms-flex", "0 0 auto")
.flex("0 0 auto")
.width("auto")
.maxWidth("none")
q"$col_md_1"
.style("-ms-flex", "0 0 8.333333%")
.flex("0 0 8.333333%")
.maxWidth("8.333333%")
q"$col_md_2"
.style("-ms-flex", "0 0 16.666667%")
.flex("0 0 16.666667%")
.maxWidth("16.666667%")
q"$col_md_3"
.style("-ms-flex", "0 0 25%")
.flex("0 0 25%")
.maxWidth("25%")
q"$col_md_4"
.style("-ms-flex", "0 0 33.333333%")
.flex("0 0 33.333333%")
.maxWidth("33.333333%")
q"$col_md_5"
.style("-ms-flex", "0 0 41.666667%")
.flex("0 0 41.666667%")
.maxWidth("41.666667%")
q"$col_md_6"
.style("-ms-flex", "0 0 50%")
.flex("0 0 50%")
.maxWidth("50%")
q"$col_md_7"
.style("-ms-flex", "0 0 58.333333%")
.flex("0 0 58.333333%")
.maxWidth("58.333333%")
q"$col_md_8"
.style("-ms-flex", "0 0 66.666667%")
.flex("0 0 66.666667%")
.maxWidth("66.666667%")
q"$col_md_9"
.style("-ms-flex", "0 0 75%")
.flex("0 0 75%")
.maxWidth("75%")
q"$col_md_10"
.style("-ms-flex", "0 0 83.333333%")
.flex("0 0 83.333333%")
.maxWidth("83.333333%")
q"$col_md_11"
.style("-ms-flex", "0 0 91.666667%")
.flex("0 0 91.666667%")
.maxWidth("91.666667%")
q"$col_md_12"
.style("-ms-flex", "0 0 100%")
.flex("0 0 100%")
.maxWidth("100%")
q"$order_md_first"
.style("-ms-flex-order", "-1")
.order("-1")
q"$order_md_last"
.style("-ms-flex-order", "13")
.order("13")
q"$order_md_0"
.style("-ms-flex-order", "0")
.order("0")
q"$order_md_1"
.style("-ms-flex-order", "1")
.order("1")
q"$order_md_2"
.style("-ms-flex-order", "2")
.order("2")
q"$order_md_3"
.style("-ms-flex-order", "3")
.order("3")
q"$order_md_4"
.style("-ms-flex-order", "4")
.order("4")
q"$order_md_5"
.style("-ms-flex-order", "5")
.order("5")
q"$order_md_6"
.style("-ms-flex-order", "6")
.order("6")
q"$order_md_7"
.style("-ms-flex-order", "7")
.order("7")
q"$order_md_8"
.style("-ms-flex-order", "8")
.order("8")
q"$order_md_9"
.style("-ms-flex-order", "9")
.order("9")
q"$order_md_10"
.style("-ms-flex-order", "10")
.order("10")
q"$order_md_11"
.style("-ms-flex-order", "11")
.order("11")
q"$order_md_12"
.style("-ms-flex-order", "12")
.order("12")
q"$offset_md_0"
.marginLeft("0")
q"$offset_md_1"
.marginLeft("8.333333%")
q"$offset_md_2"
.marginLeft("16.666667%")
q"$offset_md_3"
.marginLeft("25%")
q"$offset_md_4"
.marginLeft("33.333333%")
q"$offset_md_5"
.marginLeft("41.666667%")
q"$offset_md_6"
.marginLeft("50%")
q"$offset_md_7"
.marginLeft("58.333333%")
q"$offset_md_8"
.marginLeft("66.666667%")
q"$offset_md_9"
.marginLeft("75%")
q"$offset_md_10"
.marginLeft("83.333333%")
q"$offset_md_11"
.marginLeft("91.666667%")
}
val offset_lg_0 = rule.cls("offset-lg-0")
val offset_lg_1 = rule.cls("offset-lg-1")
val offset_lg_10 = rule.cls("offset-lg-10")
val offset_lg_11 = rule.cls("offset-lg-11")
val offset_lg_2 = rule.cls("offset-lg-2")
val offset_lg_3 = rule.cls("offset-lg-3")
val offset_lg_4 = rule.cls("offset-lg-4")
val offset_lg_5 = rule.cls("offset-lg-5")
val offset_lg_6 = rule.cls("offset-lg-6")
val offset_lg_7 = rule.cls("offset-lg-7")
val offset_lg_8 = rule.cls("offset-lg-8")
val offset_lg_9 = rule.cls("offset-lg-9")
val order_lg_0 = rule.cls("order-lg-0")
val order_lg_1 = rule.cls("order-lg-1")
val order_lg_10 = rule.cls("order-lg-10")
val order_lg_11 = rule.cls("order-lg-11")
val order_lg_12 = rule.cls("order-lg-12")
val order_lg_2 = rule.cls("order-lg-2")
val order_lg_3 = rule.cls("order-lg-3")
val order_lg_4 = rule.cls("order-lg-4")
val order_lg_5 = rule.cls("order-lg-5")
val order_lg_6 = rule.cls("order-lg-6")
val order_lg_7 = rule.cls("order-lg-7")
val order_lg_8 = rule.cls("order-lg-8")
val order_lg_9 = rule.cls("order-lg-9")
val order_lg_first = rule.cls("order-lg-first")
val order_lg_last = rule.cls("order-lg-last")
media("(min-width:992px)") {
q"$col_lg"
.style("-ms-flex-preferred-size", "0")
.flexBasis("0")
.style("-ms-flex-positive", "1")
.flexGrow("1")
.maxWidth("100%")
q"$col_lg_auto"
.style("-ms-flex", "0 0 auto")
.flex("0 0 auto")
.width("auto")
.maxWidth("none")
q"$col_lg_1"
.style("-ms-flex", "0 0 8.333333%")
.flex("0 0 8.333333%")
.maxWidth("8.333333%")
q"$col_lg_2"
.style("-ms-flex", "0 0 16.666667%")
.flex("0 0 16.666667%")
.maxWidth("16.666667%")
q"$col_lg_3"
.style("-ms-flex", "0 0 25%")
.flex("0 0 25%")
.maxWidth("25%")
q"$col_lg_4"
.style("-ms-flex", "0 0 33.333333%")
.flex("0 0 33.333333%")
.maxWidth("33.333333%")
q"$col_lg_5"
.style("-ms-flex", "0 0 41.666667%")
.flex("0 0 41.666667%")
.maxWidth("41.666667%")
q"$col_lg_6"
.style("-ms-flex", "0 0 50%")
.flex("0 0 50%")
.maxWidth("50%")
q"$col_lg_7"
.style("-ms-flex", "0 0 58.333333%")
.flex("0 0 58.333333%")
.maxWidth("58.333333%")
q"$col_lg_8"
.style("-ms-flex", "0 0 66.666667%")
.flex("0 0 66.666667%")
.maxWidth("66.666667%")
q"$col_lg_9"
.style("-ms-flex", "0 0 75%")
.flex("0 0 75%")
.maxWidth("75%")
q"$col_lg_10"
.style("-ms-flex", "0 0 83.333333%")
.flex("0 0 83.333333%")
.maxWidth("83.333333%")
q"$col_lg_11"
.style("-ms-flex", "0 0 91.666667%")
.flex("0 0 91.666667%")
.maxWidth("91.666667%")
q"$col_lg_12"
.style("-ms-flex", "0 0 100%")
.flex("0 0 100%")
.maxWidth("100%")
q"$order_lg_first"
.style("-ms-flex-order", "-1")
.order("-1")
q"$order_lg_last"
.style("-ms-flex-order", "13")
.order("13")
q"$order_lg_0"
.style("-ms-flex-order", "0")
.order("0")
q"$order_lg_1"
.style("-ms-flex-order", "1")
.order("1")
q"$order_lg_2"
.style("-ms-flex-order", "2")
.order("2")
q"$order_lg_3"
.style("-ms-flex-order", "3")
.order("3")
q"$order_lg_4"
.style("-ms-flex-order", "4")
.order("4")
q"$order_lg_5"
.style("-ms-flex-order", "5")
.order("5")
q"$order_lg_6"
.style("-ms-flex-order", "6")
.order("6")
q"$order_lg_7"
.style("-ms-flex-order", "7")
.order("7")
q"$order_lg_8"
.style("-ms-flex-order", "8")
.order("8")
q"$order_lg_9"
.style("-ms-flex-order", "9")
.order("9")
q"$order_lg_10"
.style("-ms-flex-order", "10")
.order("10")
q"$order_lg_11"
.style("-ms-flex-order", "11")
.order("11")
q"$order_lg_12"
.style("-ms-flex-order", "12")
.order("12")
q"$offset_lg_0"
.marginLeft("0")
q"$offset_lg_1"
.marginLeft("8.333333%")
q"$offset_lg_2"
.marginLeft("16.666667%")
q"$offset_lg_3"
.marginLeft("25%")
q"$offset_lg_4"
.marginLeft("33.333333%")
q"$offset_lg_5"
.marginLeft("41.666667%")
q"$offset_lg_6"
.marginLeft("50%")
q"$offset_lg_7"
.marginLeft("58.333333%")
q"$offset_lg_8"
.marginLeft("66.666667%")
q"$offset_lg_9"
.marginLeft("75%")
q"$offset_lg_10"
.marginLeft("83.333333%")
q"$offset_lg_11"
.marginLeft("91.666667%")
}
val offset_xl_0 = rule.cls("offset-xl-0")
val offset_xl_1 = rule.cls("offset-xl-1")
val offset_xl_10 = rule.cls("offset-xl-10")
val offset_xl_11 = rule.cls("offset-xl-11")
val offset_xl_2 = rule.cls("offset-xl-2")
val offset_xl_3 = rule.cls("offset-xl-3")
val offset_xl_4 = rule.cls("offset-xl-4")
val offset_xl_5 = rule.cls("offset-xl-5")
val offset_xl_6 = rule.cls("offset-xl-6")
val offset_xl_7 = rule.cls("offset-xl-7")
val offset_xl_8 = rule.cls("offset-xl-8")
val offset_xl_9 = rule.cls("offset-xl-9")
val order_xl_0 = rule.cls("order-xl-0")
val order_xl_1 = rule.cls("order-xl-1")
val order_xl_10 = rule.cls("order-xl-10")
val order_xl_11 = rule.cls("order-xl-11")
val order_xl_12 = rule.cls("order-xl-12")
val order_xl_2 = rule.cls("order-xl-2")
val order_xl_3 = rule.cls("order-xl-3")
val order_xl_4 = rule.cls("order-xl-4")
val order_xl_5 = rule.cls("order-xl-5")
val order_xl_6 = rule.cls("order-xl-6")
val order_xl_7 = rule.cls("order-xl-7")
val order_xl_8 = rule.cls("order-xl-8")
val order_xl_9 = rule.cls("order-xl-9")
val order_xl_first = rule.cls("order-xl-first")
val order_xl_last = rule.cls("order-xl-last")
media("(min-width:1200px)") {
q"$col_xl"
.style("-ms-flex-preferred-size", "0")
.flexBasis("0")
.style("-ms-flex-positive", "1")
.flexGrow("1")
.maxWidth("100%")
q"$col_xl_auto"
.style("-ms-flex", "0 0 auto")
.flex("0 0 auto")
.width("auto")
.maxWidth("none")
q"$col_xl_1"
.style("-ms-flex", "0 0 8.333333%")
.flex("0 0 8.333333%")
.maxWidth("8.333333%")
q"$col_xl_2"
.style("-ms-flex", "0 0 16.666667%")
.flex("0 0 16.666667%")
.maxWidth("16.666667%")
q"$col_xl_3"
.style("-ms-flex", "0 0 25%")
.flex("0 0 25%")
.maxWidth("25%")
q"$col_xl_4"
.style("-ms-flex", "0 0 33.333333%")
.flex("0 0 33.333333%")
.maxWidth("33.333333%")
q"$col_xl_5"
.style("-ms-flex", "0 0 41.666667%")
.flex("0 0 41.666667%")
.maxWidth("41.666667%")
q"$col_xl_6"
.style("-ms-flex", "0 0 50%")
.flex("0 0 50%")
.maxWidth("50%")
q"$col_xl_7"
.style("-ms-flex", "0 0 58.333333%")
.flex("0 0 58.333333%")
.maxWidth("58.333333%")
q"$col_xl_8"
.style("-ms-flex", "0 0 66.666667%")
.flex("0 0 66.666667%")
.maxWidth("66.666667%")
q"$col_xl_9"
.style("-ms-flex", "0 0 75%")
.flex("0 0 75%")
.maxWidth("75%")
q"$col_xl_10"
.style("-ms-flex", "0 0 83.333333%")
.flex("0 0 83.333333%")
.maxWidth("83.333333%")
q"$col_xl_11"
.style("-ms-flex", "0 0 91.666667%")
.flex("0 0 91.666667%")
.maxWidth("91.666667%")
q"$col_xl_12"
.style("-ms-flex", "0 0 100%")
.flex("0 0 100%")
.maxWidth("100%")
q"$order_xl_first"
.style("-ms-flex-order", "-1")
.order("-1")
q"$order_xl_last"
.style("-ms-flex-order", "13")
.order("13")
q"$order_xl_0"
.style("-ms-flex-order", "0")
.order("0")
q"$order_xl_1"
.style("-ms-flex-order", "1")
.order("1")
q"$order_xl_2"
.style("-ms-flex-order", "2")
.order("2")
q"$order_xl_3"
.style("-ms-flex-order", "3")
.order("3")
q"$order_xl_4"
.style("-ms-flex-order", "4")
.order("4")
q"$order_xl_5"
.style("-ms-flex-order", "5")
.order("5")
q"$order_xl_6"
.style("-ms-flex-order", "6")
.order("6")
q"$order_xl_7"
.style("-ms-flex-order", "7")
.order("7")
q"$order_xl_8"
.style("-ms-flex-order", "8")
.order("8")
q"$order_xl_9"
.style("-ms-flex-order", "9")
.order("9")
q"$order_xl_10"
.style("-ms-flex-order", "10")
.order("10")
q"$order_xl_11"
.style("-ms-flex-order", "11")
.order("11")
q"$order_xl_12"
.style("-ms-flex-order", "12")
.order("12")
q"$offset_xl_0"
.marginLeft("0")
q"$offset_xl_1"
.marginLeft("8.333333%")
q"$offset_xl_2"
.marginLeft("16.666667%")
q"$offset_xl_3"
.marginLeft("25%")
q"$offset_xl_4"
.marginLeft("33.333333%")
q"$offset_xl_5"
.marginLeft("41.666667%")
q"$offset_xl_6"
.marginLeft("50%")
q"$offset_xl_7"
.marginLeft("58.333333%")
q"$offset_xl_8"
.marginLeft("66.666667%")
q"$offset_xl_9"
.marginLeft("75%")
q"$offset_xl_10"
.marginLeft("83.333333%")
q"$offset_xl_11"
.marginLeft("91.666667%")
}
val table = rule.cls("table")
.width("100%")
.marginBottom("1rem")
.backgroundColor("transparent")
Seq(
q"$table th",
q"$table td")
.padding("0.75rem")
.verticalAlign("top")
.borderTop("1px solid #dee2e6")
q"$table thead th"
.verticalAlign("bottom")
.borderBottom("2px solid #dee2e6")
q"$table tbody+tbody"
.borderTop("2px solid #dee2e6")
q"$table $table"
.backgroundColor("#fff")
Seq(
q"$table_sm th",
q"$table_sm td")
.padding("0.3rem")
val table_bordered = rule.cls("table-bordered")
.border("1px solid #dee2e6")
Seq(
q"$table_bordered th",
q"$table_bordered td")
.border("1px solid #dee2e6")
Seq(
q"$table_bordered thead th",
q"$table_bordered thead td")
.borderBottomWidth("2px")
Seq(
q"$table_borderless th",
q"$table_borderless td",
q"$table_borderless thead th",
q"$table_borderless tbody+tbody")
.border("0")
q"$table_striped tbody tr:nth-of-type(odd)"
.backgroundColor("rgba(0,0,0,0.05)")
q"$table_hover tbody tr:hover"
.backgroundColor("rgba(0,0,0,0.075)")
Seq(
q"$table_primary",
q"$table_primary>th",
q"$table_primary>td")
.backgroundColor("#b8daff")
q"$table_hover $table_primary:hover"
.backgroundColor("#9fcdff")
Seq(
q"$table_hover $table_primary:hover>td",
q"$table_hover $table_primary:hover>th")
.backgroundColor("#9fcdff")
Seq(
q"$table_secondary",
q"$table_secondary>th",
q"$table_secondary>td")
.backgroundColor("#d6d8db")
q"$table_hover $table_secondary:hover"
.backgroundColor("#c8cbcf")
Seq(
q"$table_hover $table_secondary:hover>td",
q"$table_hover $table_secondary:hover>th")
.backgroundColor("#c8cbcf")
Seq(
q"$table_success",
q"$table_success>th",
q"$table_success>td")
.backgroundColor("#c3e6cb")
q"$table_hover $table_success:hover"
.backgroundColor("#b1dfbb")
Seq(
q"$table_hover $table_success:hover>td",
q"$table_hover $table_success:hover>th")
.backgroundColor("#b1dfbb")
Seq(
q"$table_info",
q"$table_info>th",
q"$table_info>td")
.backgroundColor("#bee5eb")
q"$table_hover $table_info:hover"
.backgroundColor("#abdde5")
Seq(
q"$table_hover $table_info:hover>td",
q"$table_hover $table_info:hover>th")
.backgroundColor("#abdde5")
Seq(
q"$table_warning",
q"$table_warning>th",
q"$table_warning>td")
.backgroundColor("#ffeeba")
q"$table_hover $table_warning:hover"
.backgroundColor("#ffe8a1")
Seq(
q"$table_hover $table_warning:hover>td",
q"$table_hover $table_warning:hover>th")
.backgroundColor("#ffe8a1")
Seq(
q"$table_danger",
q"$table_danger>th",
q"$table_danger>td")
.backgroundColor("#f5c6cb")
q"$table_hover $table_danger:hover"
.backgroundColor("#f1b0b7")
Seq(
q"$table_hover $table_danger:hover>td",
q"$table_hover $table_danger:hover>th")
.backgroundColor("#f1b0b7")
Seq(
q"$table_light",
q"$table_light>th",
q"$table_light>td")
.backgroundColor("#fdfdfe")
q"$table_hover $table_light:hover"
.backgroundColor("#ececf6")
Seq(
q"$table_hover $table_light:hover>td",
q"$table_hover $table_light:hover>th")
.backgroundColor("#ececf6")
Seq(
q"$table_dark",
q"$table_dark>th",
q"$table_dark>td")
.backgroundColor("#c6c8ca")
q"$table_hover $table_dark:hover"
.backgroundColor("#b9bbbe")
Seq(
q"$table_hover $table_dark:hover>td",
q"$table_hover $table_dark:hover>th")
.backgroundColor("#b9bbbe")
Seq(
q"$table_active",
q"$table_active>th",
q"$table_active>td")
.backgroundColor("rgba(0,0,0,0.075)")
q"$table_hover $table_active:hover"
.backgroundColor("rgba(0,0,0,0.075)")
Seq(
q"$table_hover $table_active:hover>td",
q"$table_hover $table_active:hover>th")
.backgroundColor("rgba(0,0,0,0.075)")
q"$table $thead_dark th"
.color("#fff")
.backgroundColor("#212529")
.borderColor("#32383e")
q"$table $thead_light th"
.color("#495057")
.backgroundColor("#e9ecef")
.borderColor("#dee2e6")
q"$table_dark"
.color("#fff")
.backgroundColor("#212529")
Seq(
q"$table_dark th",
q"$table_dark td",
q"$table_dark thead th")
.borderColor("#32383e")
q"$table_dark$table_bordered"
.border("0")
q"$table_dark$table_striped tbody tr:nth-of-type(odd)"
.backgroundColor("rgba(255,255,255,0.05)")
q"$table_dark$table_hover tbody tr:hover"
.backgroundColor("rgba(255,255,255,0.075)")
val table_responsive_sm = rule.cls("table-responsive-sm")
media("(max-width:575.98px)") {
q"$table_responsive_sm"
.display.block
.width("100%")
.overflowX.auto
.style("-webkit-overflow-scrolling", "touch")
.style("-ms-overflow-style", "-ms-autohiding-scrollbar")
q"$table_responsive_sm>$table_bordered"
.border("0")
}
}
trait Bootstrap1 extends Bootstrap0 {
val table_responsive_md = rule.cls("table-responsive-md")
media("(max-width:767.98px)") {
q"$table_responsive_md"
.display.block
.width("100%")
.overflowX.auto
.style("-webkit-overflow-scrolling", "touch")
.style("-ms-overflow-style", "-ms-autohiding-scrollbar")
q"$table_responsive_md>$table_bordered"
.border("0")
}
val table_responsive_lg = rule.cls("table-responsive-lg")
media("(max-width:991.98px)") {
q"$table_responsive_lg"
.display.block
.width("100%")
.overflowX.auto
.style("-webkit-overflow-scrolling", "touch")
.style("-ms-overflow-style", "-ms-autohiding-scrollbar")
q"$table_responsive_lg>$table_bordered"
.border("0")
}
val table_responsive_xl = rule.cls("table-responsive-xl")
media("(max-width:1199.98px)") {
q"$table_responsive_xl"
.display.block
.width("100%")
.overflowX.auto
.style("-webkit-overflow-scrolling", "touch")
.style("-ms-overflow-style", "-ms-autohiding-scrollbar")
q"$table_responsive_xl>$table_bordered"
.border("0")
}
val table_responsive = rule.cls("table-responsive")
.display.block
.width("100%")
.overflowX.auto
.style("-webkit-overflow-scrolling", "touch")
.style("-ms-overflow-style", "-ms-autohiding-scrollbar")
q"$table_responsive>$table_bordered"
.border("0")
val form_control = rule.cls("form-control")
.display.block
.width("100%")
.height("calc(2.25rem + 2px)")
.padding("0.375rem 0.75rem")
.fontSize("1rem")
.lineHeight("1.5")
.color("#495057")
.backgroundColor("#fff")
.backgroundClip.paddingBox
.border("1px solid #ced4da")
.borderRadius("0.25rem")
.transition("border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out")
media("screen and (prefers-reduced-motion:reduce)") {
q"$form_control"
.transition("none")
}
q"$form_control::-ms-expand"
.backgroundColor("transparent")
.border("0")
q"$form_control:focus"
.color("#495057")
.backgroundColor("#fff")
.borderColor("#80bdff")
.outline("0")
.boxShadow("0 0 0 0.2rem rgba(0,123,255,0.25)")
q"$form_control::-webkit-input-placeholder"
.color("#6c757d")
.opacity("1")
q"$form_control::-moz-placeholder"
.color("#6c757d")
.opacity("1")
q"$form_control:-ms-input-placeholder"
.color("#6c757d")
.opacity("1")
q"$form_control::-ms-input-placeholder"
.color("#6c757d")
.opacity("1")
q"$form_control::placeholder"
.color("#6c757d")
.opacity("1")
Seq(
q"$form_control:disabled",
q"$form_control[readonly]")
.backgroundColor("#e9ecef")
.opacity("1")
q"select$form_control:focus::-ms-value"
.color("#495057")
.backgroundColor("#fff")
Seq(
q"$form_control_file",
q"$form_control_range")
.display.block
.width("100%")
val col_form_label = rule.cls("col-form-label")
.paddingTop("calc(0.375rem + 1px)")
.paddingBottom("calc(0.375rem + 1px)")
.marginBottom("0")
.fontSize("inherit")
.lineHeight("1.5")
val col_form_label_lg = rule.cls("col-form-label-lg")
.paddingTop("calc(0.5rem + 1px)")
.paddingBottom("calc(0.5rem + 1px)")
.fontSize("1.25rem")
.lineHeight("1.5")
val col_form_label_sm = rule.cls("col-form-label-sm")
.paddingTop("calc(0.25rem + 1px)")
.paddingBottom("calc(0.25rem + 1px)")
.fontSize("0.875rem")
.lineHeight("1.5")
val form_control_plaintext = rule.cls("form-control-plaintext")
.display.block
.width("100%")
.paddingTop("0.375rem")
.paddingBottom("0.375rem")
.marginBottom("0")
.lineHeight("1.5")
.color("#212529")
.backgroundColor("transparent")
.border("solid transparent")
.borderWidth("1px 0")
Seq(
q"$form_control_plaintext$form_control_sm",
q"$form_control_plaintext$form_control_lg")
.paddingRight("0")
.paddingLeft("0")
q"$form_control_sm"
.height("calc(1.8125rem + 2px)")
.padding("0.25rem 0.5rem")
.fontSize("0.875rem")
.lineHeight("1.5")
.borderRadius("0.2rem")
q"$form_control_lg"
.height("calc(2.875rem + 2px)")
.padding("0.5rem 1rem")
.fontSize("1.25rem")
.lineHeight("1.5")
.borderRadius("0.3rem")
Seq(
q"select$form_control[size]",
q"select$form_control[multiple]")
.height("auto")
q"textarea$form_control"
.height("auto")
val form_group = rule.cls("form-group")
.marginBottom("1rem")
val form_text = rule.cls("form-text")
.display.block
.marginTop("0.25rem")
val form_row = rule.cls("form-row")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-wrap", "wrap")
.flexWrap.wrap
.marginRight("-5px")
.marginLeft("-5px")
Seq(
q"$form_row>$col",
q"""$form_row>[class*="col-"]""")
.paddingRight("5px")
.paddingLeft("5px")
val form_check = rule.cls("form-check")
.position.relative
.display.block
.paddingLeft("1.25rem")
val form_check_input = rule.cls("form-check-input")
.position.absolute
.marginTop("0.3rem")
.marginLeft("-1.25rem")
q"$form_check_input:disabled~$form_check_label"
.color("#6c757d")
q"$form_check_label"
.marginBottom("0")
val form_check_inline = rule.cls("form-check-inline")
.display("-ms-inline-flexbox")
.display("inline-flex")
.style("-ms-flex-align", "center")
.alignItems.center
.paddingLeft("0")
.marginRight("0.75rem")
q"$form_check_inline $form_check_input"
.position.static
.marginTop("0")
.marginRight("0.3125rem")
.marginLeft("0")
val valid_feedback = rule.cls("valid-feedback")
.display.none
.width("100%")
.marginTop("0.25rem")
.fontSize("80%")
.color("#28a745")
val valid_tooltip = rule.cls("valid-tooltip")
.position.absolute
.top("100%")
.zIndex("5")
.display.none
.maxWidth("100%")
.padding("0.25rem 0.5rem")
.marginTop(".1rem")
.fontSize("0.875rem")
.lineHeight("1.5")
.color("#fff")
.backgroundColor("rgba(40,167,69,0.9)")
.borderRadius("0.25rem")
Seq(
q"$was_validated $form_control:valid",
q"$form_control$is_valid",
q"$was_validated $custom_select:valid",
q"$custom_select$is_valid")
.borderColor("#28a745")
Seq(
q"$was_validated $form_control:valid:focus",
q"$form_control$is_valid:focus",
q"$was_validated $custom_select:valid:focus",
q"$custom_select$is_valid:focus")
.borderColor("#28a745")
.boxShadow("0 0 0 0.2rem rgba(40,167,69,0.25)")
Seq(
q"$was_validated $form_control:valid~$valid_feedback",
q"$was_validated $form_control:valid~$valid_tooltip",
q"$form_control$is_valid~$valid_feedback",
q"$form_control$is_valid~$valid_tooltip",
q"$was_validated $custom_select:valid~$valid_feedback",
q"$was_validated $custom_select:valid~$valid_tooltip",
q"$custom_select$is_valid~$valid_feedback",
q"$custom_select$is_valid~$valid_tooltip")
.display.block
Seq(
q"$was_validated $form_control_file:valid~$valid_feedback",
q"$was_validated $form_control_file:valid~$valid_tooltip",
q"$form_control_file$is_valid~$valid_feedback",
q"$form_control_file$is_valid~$valid_tooltip")
.display.block
Seq(
q"$was_validated $form_check_input:valid~$form_check_label",
q"$form_check_input$is_valid~$form_check_label")
.color("#28a745")
Seq(
q"$was_validated $form_check_input:valid~$valid_feedback",
q"$was_validated $form_check_input:valid~$valid_tooltip",
q"$form_check_input$is_valid~$valid_feedback",
q"$form_check_input$is_valid~$valid_tooltip")
.display.block
Seq(
q"$was_validated $custom_control_input:valid~$custom_control_label",
q"$custom_control_input$is_valid~$custom_control_label")
.color("#28a745")
Seq(
q"$was_validated $custom_control_input:valid~$custom_control_label::before",
q"$custom_control_input$is_valid~$custom_control_label::before")
.backgroundColor("#71dd8a")
Seq(
q"$was_validated $custom_control_input:valid~$valid_feedback",
q"$was_validated $custom_control_input:valid~$valid_tooltip",
q"$custom_control_input$is_valid~$valid_feedback",
q"$custom_control_input$is_valid~$valid_tooltip")
.display.block
Seq(
q"$was_validated $custom_control_input:valid:checked~$custom_control_label::before",
q"$custom_control_input$is_valid:checked~$custom_control_label::before")
.backgroundColor("#34ce57")
Seq(
q"$was_validated $custom_control_input:valid:focus~$custom_control_label::before",
q"$custom_control_input$is_valid:focus~$custom_control_label::before")
.boxShadow("0 0 0 1px #fff,0 0 0 0.2rem rgba(40,167,69,0.25)")
Seq(
q"$was_validated $custom_file_input:valid~$custom_file_label",
q"$custom_file_input$is_valid~$custom_file_label")
.borderColor("#28a745")
Seq(
q"$was_validated $custom_file_input:valid~$custom_file_label::after",
q"$custom_file_input$is_valid~$custom_file_label::after")
.borderColor("inherit")
Seq(
q"$was_validated $custom_file_input:valid~$valid_feedback",
q"$was_validated $custom_file_input:valid~$valid_tooltip",
q"$custom_file_input$is_valid~$valid_feedback",
q"$custom_file_input$is_valid~$valid_tooltip")
.display.block
Seq(
q"$was_validated $custom_file_input:valid:focus~$custom_file_label",
q"$custom_file_input$is_valid:focus~$custom_file_label")
.boxShadow("0 0 0 0.2rem rgba(40,167,69,0.25)")
val invalid_feedback = rule.cls("invalid-feedback")
.display.none
.width("100%")
.marginTop("0.25rem")
.fontSize("80%")
.color("#dc3545")
val invalid_tooltip = rule.cls("invalid-tooltip")
.position.absolute
.top("100%")
.zIndex("5")
.display.none
.maxWidth("100%")
.padding("0.25rem 0.5rem")
.marginTop(".1rem")
.fontSize("0.875rem")
.lineHeight("1.5")
.color("#fff")
.backgroundColor("rgba(220,53,69,0.9)")
.borderRadius("0.25rem")
Seq(
q"$was_validated $form_control:invalid",
q"$form_control$is_invalid",
q"$was_validated $custom_select:invalid",
q"$custom_select$is_invalid")
.borderColor("#dc3545")
Seq(
q"$was_validated $form_control:invalid:focus",
q"$form_control$is_invalid:focus",
q"$was_validated $custom_select:invalid:focus",
q"$custom_select$is_invalid:focus")
.borderColor("#dc3545")
.boxShadow("0 0 0 0.2rem rgba(220,53,69,0.25)")
Seq(
q"$was_validated $form_control:invalid~$invalid_feedback",
q"$was_validated $form_control:invalid~$invalid_tooltip",
q"$form_control$is_invalid~$invalid_feedback",
q"$form_control$is_invalid~$invalid_tooltip",
q"$was_validated $custom_select:invalid~$invalid_feedback",
q"$was_validated $custom_select:invalid~$invalid_tooltip",
q"$custom_select$is_invalid~$invalid_feedback",
q"$custom_select$is_invalid~$invalid_tooltip")
.display.block
Seq(
q"$was_validated $form_control_file:invalid~$invalid_feedback",
q"$was_validated $form_control_file:invalid~$invalid_tooltip",
q"$form_control_file$is_invalid~$invalid_feedback",
q"$form_control_file$is_invalid~$invalid_tooltip")
.display.block
Seq(
q"$was_validated $form_check_input:invalid~$form_check_label",
q"$form_check_input$is_invalid~$form_check_label")
.color("#dc3545")
Seq(
q"$was_validated $form_check_input:invalid~$invalid_feedback",
q"$was_validated $form_check_input:invalid~$invalid_tooltip",
q"$form_check_input$is_invalid~$invalid_feedback",
q"$form_check_input$is_invalid~$invalid_tooltip")
.display.block
Seq(
q"$was_validated $custom_control_input:invalid~$custom_control_label",
q"$custom_control_input$is_invalid~$custom_control_label")
.color("#dc3545")
Seq(
q"$was_validated $custom_control_input:invalid~$custom_control_label::before",
q"$custom_control_input$is_invalid~$custom_control_label::before")
.backgroundColor("#efa2a9")
Seq(
q"$was_validated $custom_control_input:invalid~$invalid_feedback",
q"$was_validated $custom_control_input:invalid~$invalid_tooltip",
q"$custom_control_input$is_invalid~$invalid_feedback",
q"$custom_control_input$is_invalid~$invalid_tooltip")
.display.block
Seq(
q"$was_validated $custom_control_input:invalid:checked~$custom_control_label::before",
q"$custom_control_input$is_invalid:checked~$custom_control_label::before")
.backgroundColor("#e4606d")
Seq(
q"$was_validated $custom_control_input:invalid:focus~$custom_control_label::before",
q"$custom_control_input$is_invalid:focus~$custom_control_label::before")
.boxShadow("0 0 0 1px #fff,0 0 0 0.2rem rgba(220,53,69,0.25)")
Seq(
q"$was_validated $custom_file_input:invalid~$custom_file_label",
q"$custom_file_input$is_invalid~$custom_file_label")
.borderColor("#dc3545")
Seq(
q"$was_validated $custom_file_input:invalid~$custom_file_label::after",
q"$custom_file_input$is_invalid~$custom_file_label::after")
.borderColor("inherit")
Seq(
q"$was_validated $custom_file_input:invalid~$invalid_feedback",
q"$was_validated $custom_file_input:invalid~$invalid_tooltip",
q"$custom_file_input$is_invalid~$invalid_feedback",
q"$custom_file_input$is_invalid~$invalid_tooltip")
.display.block
Seq(
q"$was_validated $custom_file_input:invalid:focus~$custom_file_label",
q"$custom_file_input$is_invalid:focus~$custom_file_label")
.boxShadow("0 0 0 0.2rem rgba(220,53,69,0.25)")
val form_inline = rule.cls("form-inline")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-flow", "row wrap")
.flexFlow("row wrap")
.style("-ms-flex-align", "center")
.alignItems.center
q"$form_inline $form_check"
.width("100%")
val custom_control = rule.cls("custom-control")
media("(min-width:576px)") {
q"$form_inline label"
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-align", "center")
.alignItems.center
.style("-ms-flex-pack", "center")
.justifyContent.center
.marginBottom("0")
q"$form_inline $form_group"
.display("-ms-flexbox")
.display.flex
.style("-ms-flex", "0 0 auto")
.flex("0 0 auto")
.style("-ms-flex-flow", "row wrap")
.flexFlow("row wrap")
.style("-ms-flex-align", "center")
.alignItems.center
.marginBottom("0")
q"$form_inline $form_control"
.display.inlineBlock
.width("auto")
.verticalAlign("middle")
q"$form_inline $form_control_plaintext"
.display.inlineBlock
Seq(
q"$form_inline $input_group",
q"$form_inline $custom_select")
.width("auto")
q"$form_inline $form_check"
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-align", "center")
.alignItems.center
.style("-ms-flex-pack", "center")
.justifyContent.center
.width("auto")
.paddingLeft("0")
q"$form_inline $form_check_input"
.position.relative
.marginTop("0")
.marginRight("0.25rem")
.marginLeft("0")
q"$form_inline $custom_control"
.style("-ms-flex-align", "center")
.alignItems.center
.style("-ms-flex-pack", "center")
.justifyContent.center
q"$form_inline $custom_control_label"
.marginBottom("0")
}
val btn = rule.cls("btn")
.display.inlineBlock
.fontWeight("400")
.textAlign.center
.whiteSpace("nowrap")
.verticalAlign("middle")
.style("-webkit-user-select", "none")
.style("-moz-user-select", "none")
.style("-ms-user-select", "none")
.userSelect("none")
.border("1px solid transparent")
.padding("0.375rem 0.75rem")
.fontSize("1rem")
.lineHeight("1.5")
.borderRadius("0.25rem")
.transition("color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out")
media("screen and (prefers-reduced-motion:reduce)") {
q"$btn"
.transition("none")
}
Seq(
q"$btn:hover",
q"$btn:focus")
.textDecoration.none
Seq(
q"$btn:focus",
q"$btn$focus")
.outline("0")
.boxShadow("0 0 0 0.2rem rgba(0,123,255,0.25)")
Seq(
q"$btn$disabled",
q"$btn:disabled")
.opacity("0.65")
q"$btn:not(:disabled):not($disabled)"
.cursor.pointer
Seq(
q"a$btn$disabled",
q"fieldset:disabled a$btn")
.pointerEvents("none")
val btn_primary = rule.cls("btn-primary")
.color("#fff")
.backgroundColor("#007bff")
.borderColor("#007bff")
q"$btn_primary:hover"
.color("#fff")
.backgroundColor("#0069d9")
.borderColor("#0062cc")
Seq(
q"$btn_primary:focus",
q"$btn_primary$focus")
.boxShadow("0 0 0 0.2rem rgba(0,123,255,0.5)")
Seq(
q"$btn_primary$disabled",
q"$btn_primary:disabled")
.color("#fff")
.backgroundColor("#007bff")
.borderColor("#007bff")
Seq(
q"$btn_primary:not(:disabled):not($disabled):active",
q"$btn_primary:not(:disabled):not($disabled)$active",
q"$show>$btn_primary$dropdown_toggle")
.color("#fff")
.backgroundColor("#0062cc")
.borderColor("#005cbf")
Seq(
q"$btn_primary:not(:disabled):not($disabled):active:focus",
q"$btn_primary:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_primary$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(0,123,255,0.5)")
val btn_secondary = rule.cls("btn-secondary")
.color("#fff")
.backgroundColor("#6c757d")
.borderColor("#6c757d")
q"$btn_secondary:hover"
.color("#fff")
.backgroundColor("#5a6268")
.borderColor("#545b62")
Seq(
q"$btn_secondary:focus",
q"$btn_secondary$focus")
.boxShadow("0 0 0 0.2rem rgba(108,117,125,0.5)")
Seq(
q"$btn_secondary$disabled",
q"$btn_secondary:disabled")
.color("#fff")
.backgroundColor("#6c757d")
.borderColor("#6c757d")
Seq(
q"$btn_secondary:not(:disabled):not($disabled):active",
q"$btn_secondary:not(:disabled):not($disabled)$active",
q"$show>$btn_secondary$dropdown_toggle")
.color("#fff")
.backgroundColor("#545b62")
.borderColor("#4e555b")
Seq(
q"$btn_secondary:not(:disabled):not($disabled):active:focus",
q"$btn_secondary:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_secondary$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(108,117,125,0.5)")
val btn_success = rule.cls("btn-success")
.color("#fff")
.backgroundColor("#28a745")
.borderColor("#28a745")
q"$btn_success:hover"
.color("#fff")
.backgroundColor("#218838")
.borderColor("#1e7e34")
Seq(
q"$btn_success:focus",
q"$btn_success$focus")
.boxShadow("0 0 0 0.2rem rgba(40,167,69,0.5)")
Seq(
q"$btn_success$disabled",
q"$btn_success:disabled")
.color("#fff")
.backgroundColor("#28a745")
.borderColor("#28a745")
Seq(
q"$btn_success:not(:disabled):not($disabled):active",
q"$btn_success:not(:disabled):not($disabled)$active",
q"$show>$btn_success$dropdown_toggle")
.color("#fff")
.backgroundColor("#1e7e34")
.borderColor("#1c7430")
Seq(
q"$btn_success:not(:disabled):not($disabled):active:focus",
q"$btn_success:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_success$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(40,167,69,0.5)")
val btn_info = rule.cls("btn-info")
.color("#fff")
.backgroundColor("#17a2b8")
.borderColor("#17a2b8")
q"$btn_info:hover"
.color("#fff")
.backgroundColor("#138496")
.borderColor("#117a8b")
Seq(
q"$btn_info:focus",
q"$btn_info$focus")
.boxShadow("0 0 0 0.2rem rgba(23,162,184,0.5)")
Seq(
q"$btn_info$disabled",
q"$btn_info:disabled")
.color("#fff")
.backgroundColor("#17a2b8")
.borderColor("#17a2b8")
Seq(
q"$btn_info:not(:disabled):not($disabled):active",
q"$btn_info:not(:disabled):not($disabled)$active",
q"$show>$btn_info$dropdown_toggle")
.color("#fff")
.backgroundColor("#117a8b")
.borderColor("#10707f")
Seq(
q"$btn_info:not(:disabled):not($disabled):active:focus",
q"$btn_info:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_info$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(23,162,184,0.5)")
val btn_warning = rule.cls("btn-warning")
.color("#212529")
.backgroundColor("#ffc107")
.borderColor("#ffc107")
q"$btn_warning:hover"
.color("#212529")
.backgroundColor("#e0a800")
.borderColor("#d39e00")
Seq(
q"$btn_warning:focus",
q"$btn_warning$focus")
.boxShadow("0 0 0 0.2rem rgba(255,193,7,0.5)")
Seq(
q"$btn_warning$disabled",
q"$btn_warning:disabled")
.color("#212529")
.backgroundColor("#ffc107")
.borderColor("#ffc107")
Seq(
q"$btn_warning:not(:disabled):not($disabled):active",
q"$btn_warning:not(:disabled):not($disabled)$active",
q"$show>$btn_warning$dropdown_toggle")
.color("#212529")
.backgroundColor("#d39e00")
.borderColor("#c69500")
Seq(
q"$btn_warning:not(:disabled):not($disabled):active:focus",
q"$btn_warning:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_warning$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(255,193,7,0.5)")
val btn_danger = rule.cls("btn-danger")
.color("#fff")
.backgroundColor("#dc3545")
.borderColor("#dc3545")
q"$btn_danger:hover"
.color("#fff")
.backgroundColor("#c82333")
.borderColor("#bd2130")
Seq(
q"$btn_danger:focus",
q"$btn_danger$focus")
.boxShadow("0 0 0 0.2rem rgba(220,53,69,0.5)")
Seq(
q"$btn_danger$disabled",
q"$btn_danger:disabled")
.color("#fff")
.backgroundColor("#dc3545")
.borderColor("#dc3545")
Seq(
q"$btn_danger:not(:disabled):not($disabled):active",
q"$btn_danger:not(:disabled):not($disabled)$active",
q"$show>$btn_danger$dropdown_toggle")
.color("#fff")
.backgroundColor("#bd2130")
.borderColor("#b21f2d")
Seq(
q"$btn_danger:not(:disabled):not($disabled):active:focus",
q"$btn_danger:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_danger$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(220,53,69,0.5)")
val btn_light = rule.cls("btn-light")
.color("#212529")
.backgroundColor("#f8f9fa")
.borderColor("#f8f9fa")
q"$btn_light:hover"
.color("#212529")
.backgroundColor("#e2e6ea")
.borderColor("#dae0e5")
Seq(
q"$btn_light:focus",
q"$btn_light$focus")
.boxShadow("0 0 0 0.2rem rgba(248,249,250,0.5)")
Seq(
q"$btn_light$disabled",
q"$btn_light:disabled")
.color("#212529")
.backgroundColor("#f8f9fa")
.borderColor("#f8f9fa")
Seq(
q"$btn_light:not(:disabled):not($disabled):active",
q"$btn_light:not(:disabled):not($disabled)$active",
q"$show>$btn_light$dropdown_toggle")
.color("#212529")
.backgroundColor("#dae0e5")
.borderColor("#d3d9df")
Seq(
q"$btn_light:not(:disabled):not($disabled):active:focus",
q"$btn_light:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_light$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(248,249,250,0.5)")
val btn_dark = rule.cls("btn-dark")
.color("#fff")
.backgroundColor("#343a40")
.borderColor("#343a40")
q"$btn_dark:hover"
.color("#fff")
.backgroundColor("#23272b")
.borderColor("#1d2124")
Seq(
q"$btn_dark:focus",
q"$btn_dark$focus")
.boxShadow("0 0 0 0.2rem rgba(52,58,64,0.5)")
Seq(
q"$btn_dark$disabled",
q"$btn_dark:disabled")
.color("#fff")
.backgroundColor("#343a40")
.borderColor("#343a40")
Seq(
q"$btn_dark:not(:disabled):not($disabled):active",
q"$btn_dark:not(:disabled):not($disabled)$active",
q"$show>$btn_dark$dropdown_toggle")
.color("#fff")
.backgroundColor("#1d2124")
.borderColor("#171a1d")
Seq(
q"$btn_dark:not(:disabled):not($disabled):active:focus",
q"$btn_dark:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_dark$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(52,58,64,0.5)")
val btn_outline_primary = rule.cls("btn-outline-primary")
.color("#007bff")
.backgroundColor("transparent")
.backgroundImage("none")
.borderColor("#007bff")
q"$btn_outline_primary:hover"
.color("#fff")
.backgroundColor("#007bff")
.borderColor("#007bff")
Seq(
q"$btn_outline_primary:focus",
q"$btn_outline_primary$focus")
.boxShadow("0 0 0 0.2rem rgba(0,123,255,0.5)")
Seq(
q"$btn_outline_primary$disabled",
q"$btn_outline_primary:disabled")
.color("#007bff")
.backgroundColor("transparent")
Seq(
q"$btn_outline_primary:not(:disabled):not($disabled):active",
q"$btn_outline_primary:not(:disabled):not($disabled)$active",
q"$show>$btn_outline_primary$dropdown_toggle")
.color("#fff")
.backgroundColor("#007bff")
.borderColor("#007bff")
Seq(
q"$btn_outline_primary:not(:disabled):not($disabled):active:focus",
q"$btn_outline_primary:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_outline_primary$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(0,123,255,0.5)")
val btn_outline_secondary = rule.cls("btn-outline-secondary")
.color("#6c757d")
.backgroundColor("transparent")
.backgroundImage("none")
.borderColor("#6c757d")
q"$btn_outline_secondary:hover"
.color("#fff")
.backgroundColor("#6c757d")
.borderColor("#6c757d")
Seq(
q"$btn_outline_secondary:focus",
q"$btn_outline_secondary$focus")
.boxShadow("0 0 0 0.2rem rgba(108,117,125,0.5)")
Seq(
q"$btn_outline_secondary$disabled",
q"$btn_outline_secondary:disabled")
.color("#6c757d")
.backgroundColor("transparent")
Seq(
q"$btn_outline_secondary:not(:disabled):not($disabled):active",
q"$btn_outline_secondary:not(:disabled):not($disabled)$active",
q"$show>$btn_outline_secondary$dropdown_toggle")
.color("#fff")
.backgroundColor("#6c757d")
.borderColor("#6c757d")
Seq(
q"$btn_outline_secondary:not(:disabled):not($disabled):active:focus",
q"$btn_outline_secondary:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_outline_secondary$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(108,117,125,0.5)")
val btn_outline_success = rule.cls("btn-outline-success")
.color("#28a745")
.backgroundColor("transparent")
.backgroundImage("none")
.borderColor("#28a745")
q"$btn_outline_success:hover"
.color("#fff")
.backgroundColor("#28a745")
.borderColor("#28a745")
Seq(
q"$btn_outline_success:focus",
q"$btn_outline_success$focus")
.boxShadow("0 0 0 0.2rem rgba(40,167,69,0.5)")
Seq(
q"$btn_outline_success$disabled",
q"$btn_outline_success:disabled")
.color("#28a745")
.backgroundColor("transparent")
Seq(
q"$btn_outline_success:not(:disabled):not($disabled):active",
q"$btn_outline_success:not(:disabled):not($disabled)$active",
q"$show>$btn_outline_success$dropdown_toggle")
.color("#fff")
.backgroundColor("#28a745")
.borderColor("#28a745")
Seq(
q"$btn_outline_success:not(:disabled):not($disabled):active:focus",
q"$btn_outline_success:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_outline_success$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(40,167,69,0.5)")
val btn_outline_info = rule.cls("btn-outline-info")
.color("#17a2b8")
.backgroundColor("transparent")
.backgroundImage("none")
.borderColor("#17a2b8")
q"$btn_outline_info:hover"
.color("#fff")
.backgroundColor("#17a2b8")
.borderColor("#17a2b8")
Seq(
q"$btn_outline_info:focus",
q"$btn_outline_info$focus")
.boxShadow("0 0 0 0.2rem rgba(23,162,184,0.5)")
Seq(
q"$btn_outline_info$disabled",
q"$btn_outline_info:disabled")
.color("#17a2b8")
.backgroundColor("transparent")
Seq(
q"$btn_outline_info:not(:disabled):not($disabled):active",
q"$btn_outline_info:not(:disabled):not($disabled)$active",
q"$show>$btn_outline_info$dropdown_toggle")
.color("#fff")
.backgroundColor("#17a2b8")
.borderColor("#17a2b8")
Seq(
q"$btn_outline_info:not(:disabled):not($disabled):active:focus",
q"$btn_outline_info:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_outline_info$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(23,162,184,0.5)")
val btn_outline_warning = rule.cls("btn-outline-warning")
.color("#ffc107")
.backgroundColor("transparent")
.backgroundImage("none")
.borderColor("#ffc107")
q"$btn_outline_warning:hover"
.color("#212529")
.backgroundColor("#ffc107")
.borderColor("#ffc107")
Seq(
q"$btn_outline_warning:focus",
q"$btn_outline_warning$focus")
.boxShadow("0 0 0 0.2rem rgba(255,193,7,0.5)")
Seq(
q"$btn_outline_warning$disabled",
q"$btn_outline_warning:disabled")
.color("#ffc107")
.backgroundColor("transparent")
Seq(
q"$btn_outline_warning:not(:disabled):not($disabled):active",
q"$btn_outline_warning:not(:disabled):not($disabled)$active",
q"$show>$btn_outline_warning$dropdown_toggle")
.color("#212529")
.backgroundColor("#ffc107")
.borderColor("#ffc107")
Seq(
q"$btn_outline_warning:not(:disabled):not($disabled):active:focus",
q"$btn_outline_warning:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_outline_warning$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(255,193,7,0.5)")
val btn_outline_danger = rule.cls("btn-outline-danger")
.color("#dc3545")
.backgroundColor("transparent")
.backgroundImage("none")
.borderColor("#dc3545")
q"$btn_outline_danger:hover"
.color("#fff")
.backgroundColor("#dc3545")
.borderColor("#dc3545")
Seq(
q"$btn_outline_danger:focus",
q"$btn_outline_danger$focus")
.boxShadow("0 0 0 0.2rem rgba(220,53,69,0.5)")
Seq(
q"$btn_outline_danger$disabled",
q"$btn_outline_danger:disabled")
.color("#dc3545")
.backgroundColor("transparent")
Seq(
q"$btn_outline_danger:not(:disabled):not($disabled):active",
q"$btn_outline_danger:not(:disabled):not($disabled)$active",
q"$show>$btn_outline_danger$dropdown_toggle")
.color("#fff")
.backgroundColor("#dc3545")
.borderColor("#dc3545")
Seq(
q"$btn_outline_danger:not(:disabled):not($disabled):active:focus",
q"$btn_outline_danger:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_outline_danger$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(220,53,69,0.5)")
val btn_outline_light = rule.cls("btn-outline-light")
.color("#f8f9fa")
.backgroundColor("transparent")
.backgroundImage("none")
.borderColor("#f8f9fa")
q"$btn_outline_light:hover"
.color("#212529")
.backgroundColor("#f8f9fa")
.borderColor("#f8f9fa")
Seq(
q"$btn_outline_light:focus",
q"$btn_outline_light$focus")
.boxShadow("0 0 0 0.2rem rgba(248,249,250,0.5)")
Seq(
q"$btn_outline_light$disabled",
q"$btn_outline_light:disabled")
.color("#f8f9fa")
.backgroundColor("transparent")
Seq(
q"$btn_outline_light:not(:disabled):not($disabled):active",
q"$btn_outline_light:not(:disabled):not($disabled)$active",
q"$show>$btn_outline_light$dropdown_toggle")
.color("#212529")
.backgroundColor("#f8f9fa")
.borderColor("#f8f9fa")
Seq(
q"$btn_outline_light:not(:disabled):not($disabled):active:focus",
q"$btn_outline_light:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_outline_light$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(248,249,250,0.5)")
val btn_outline_dark = rule.cls("btn-outline-dark")
.color("#343a40")
.backgroundColor("transparent")
.backgroundImage("none")
.borderColor("#343a40")
q"$btn_outline_dark:hover"
.color("#fff")
.backgroundColor("#343a40")
.borderColor("#343a40")
Seq(
q"$btn_outline_dark:focus",
q"$btn_outline_dark$focus")
.boxShadow("0 0 0 0.2rem rgba(52,58,64,0.5)")
Seq(
q"$btn_outline_dark$disabled",
q"$btn_outline_dark:disabled")
.color("#343a40")
.backgroundColor("transparent")
Seq(
q"$btn_outline_dark:not(:disabled):not($disabled):active",
q"$btn_outline_dark:not(:disabled):not($disabled)$active",
q"$show>$btn_outline_dark$dropdown_toggle")
.color("#fff")
.backgroundColor("#343a40")
.borderColor("#343a40")
Seq(
q"$btn_outline_dark:not(:disabled):not($disabled):active:focus",
q"$btn_outline_dark:not(:disabled):not($disabled)$active:focus",
q"$show>$btn_outline_dark$dropdown_toggle:focus")
.boxShadow("0 0 0 0.2rem rgba(52,58,64,0.5)")
val btn_link = rule.cls("btn-link")
.fontWeight("400")
.color("#007bff")
.backgroundColor("transparent")
q"$btn_link:hover"
.color("#0056b3")
.textDecoration("underline")
.backgroundColor("transparent")
.borderColor("transparent")
Seq(
q"$btn_link:focus",
q"$btn_link$focus")
.textDecoration("underline")
.borderColor("transparent")
.boxShadow("none")
Seq(
q"$btn_link:disabled",
q"$btn_link$disabled")
.color("#6c757d")
.pointerEvents("none")
Seq(
q"$btn_lg",
q"$btn_group_lg>$btn")
.padding("0.5rem 1rem")
.fontSize("1.25rem")
.lineHeight("1.5")
.borderRadius("0.3rem")
Seq(
q"$btn_sm",
q"$btn_group_sm>$btn")
.padding("0.25rem 0.5rem")
.fontSize("0.875rem")
.lineHeight("1.5")
.borderRadius("0.2rem")
val btn_block = rule.cls("btn-block")
.display.block
.width("100%")
q"$btn_block+$btn_block"
.marginTop("0.5rem")
Seq(
q"""input[type="submit"]$btn_block""",
q"""input[type="reset"]$btn_block""",
q"""input[type="button"]$btn_block""")
.width("100%")
val fade = rule.cls("fade")
.transition("opacity 0.15s linear")
media("screen and (prefers-reduced-motion:reduce)") {
q"$fade"
.transition("none")
}
q"$fade:not($show)"
.opacity("0")
q"$collapse:not($show)"
.display.none
val collapsing = rule.cls("collapsing")
.position.relative
.height("0")
.overflow.hidden
.transition("height 0.35s ease")
media("screen and (prefers-reduced-motion:reduce)") {
q"$collapsing"
.transition("none")
}
Seq(
q"$dropup",
q"$dropright",
q"$dropdown",
q"$dropleft")
.position.relative
q"$dropdown_toggle::after"
.display.inlineBlock
.width("0")
.height("0")
.marginLeft("0.255em")
.verticalAlign("0.255em")
.content("\"\"")
.borderTop("0.3em solid")
.borderRight("0.3em solid transparent")
.borderBottom("0")
.borderLeft("0.3em solid transparent")
q"$dropdown_toggle:empty::after"
.marginLeft("0")
val dropdown_menu = rule.cls("dropdown-menu")
.position.absolute
.top("100%")
.left("0")
.zIndex("1000")
.display.none
.float.left
.minWidth("10rem")
.padding("0.5rem 0")
.margin("0.125rem 0 0")
.fontSize("1rem")
.color("#212529")
.textAlign.left
.listStyle("none")
.backgroundColor("#fff")
.backgroundClip.paddingBox
.border("1px solid rgba(0,0,0,0.15)")
.borderRadius("0.25rem")
val dropdown_menu_right = rule.cls("dropdown-menu-right")
.right("0")
.left("auto")
q"$dropup $dropdown_menu"
.top("auto")
.bottom("100%")
.marginTop("0")
.marginBottom("0.125rem")
q"$dropup $dropdown_toggle::after"
.display.inlineBlock
.width("0")
.height("0")
.marginLeft("0.255em")
.verticalAlign("0.255em")
.content("\"\"")
.borderTop("0")
.borderRight("0.3em solid transparent")
.borderBottom("0.3em solid")
.borderLeft("0.3em solid transparent")
q"$dropup $dropdown_toggle:empty::after"
.marginLeft("0")
q"$dropright $dropdown_menu"
.top("0")
.right("auto")
.left("100%")
.marginTop("0")
.marginLeft("0.125rem")
q"$dropright $dropdown_toggle::after"
.display.inlineBlock
.width("0")
.height("0")
.marginLeft("0.255em")
.verticalAlign("0.255em")
.content("\"\"")
.borderTop("0.3em solid transparent")
.borderRight("0")
.borderBottom("0.3em solid transparent")
.borderLeft("0.3em solid")
q"$dropright $dropdown_toggle:empty::after"
.marginLeft("0")
q"$dropright $dropdown_toggle::after"
.verticalAlign("0")
q"$dropleft $dropdown_menu"
.top("0")
.right("100%")
.left("auto")
.marginTop("0")
.marginRight("0.125rem")
q"$dropleft $dropdown_toggle::after"
.display.inlineBlock
.width("0")
.height("0")
.marginLeft("0.255em")
.verticalAlign("0.255em")
.content("\"\"")
q"$dropleft $dropdown_toggle::after"
.display.none
q"$dropleft $dropdown_toggle::before"
.display.inlineBlock
.width("0")
.height("0")
.marginRight("0.255em")
.verticalAlign("0.255em")
.content("\"\"")
.borderTop("0.3em solid transparent")
.borderRight("0.3em solid")
.borderBottom("0.3em solid transparent")
q"$dropleft $dropdown_toggle:empty::after"
.marginLeft("0")
q"$dropleft $dropdown_toggle::before"
.verticalAlign("0")
Seq(
q"""$dropdown_menu[x-placement^="top"]""",
q"""$dropdown_menu[x-placement^="right"]""",
q"""$dropdown_menu[x-placement^="bottom"]""",
q"""$dropdown_menu[x-placement^="left"]""")
.right("auto")
.bottom("auto")
val dropdown_divider = rule.cls("dropdown-divider")
.height("0")
.margin("0.5rem 0")
.overflow.hidden
.borderTop("1px solid #e9ecef")
val dropdown_item = rule.cls("dropdown-item")
.display.block
.width("100%")
.padding("0.25rem 1.5rem")
.clear.both
.fontWeight("400")
.color("#212529")
.textAlign("inherit")
.whiteSpace("nowrap")
.backgroundColor("transparent")
.border("0")
Seq(
q"$dropdown_item:hover",
q"$dropdown_item:focus")
.color("#16181b")
.textDecoration.none
.backgroundColor("#f8f9fa")
Seq(
q"$dropdown_item$active",
q"$dropdown_item:active")
.color("#fff")
.textDecoration.none
.backgroundColor("#007bff")
Seq(
q"$dropdown_item$disabled",
q"$dropdown_item:disabled")
.color("#6c757d")
.backgroundColor("transparent")
q"$dropdown_menu$show"
.display.block
val dropdown_header = rule.cls("dropdown-header")
.display.block
.padding("0.5rem 1.5rem")
.marginBottom("0")
.fontSize("0.875rem")
.color("#6c757d")
.whiteSpace("nowrap")
val dropdown_item_text = rule.cls("dropdown-item-text")
.display.block
.padding("0.25rem 1.5rem")
.color("#212529")
Seq(
q"$btn_group",
q"$btn_group_vertical")
.position.relative
.display("-ms-inline-flexbox")
.display("inline-flex")
.verticalAlign("middle")
Seq(
q"$btn_group>$btn",
q"$btn_group_vertical>$btn")
.position.relative
.style("-ms-flex", "0 1 auto")
.flex("0 1 auto")
Seq(
q"$btn_group>$btn:hover",
q"$btn_group_vertical>$btn:hover")
.zIndex("1")
Seq(
q"$btn_group>$btn:focus",
q"$btn_group>$btn:active",
q"$btn_group>$btn$active",
q"$btn_group_vertical>$btn:focus",
q"$btn_group_vertical>$btn:active",
q"$btn_group_vertical>$btn$active")
.zIndex("1")
Seq(
q"$btn_group $btn+$btn",
q"$btn_group $btn+$btn_group",
q"$btn_group $btn_group+$btn",
q"$btn_group $btn_group+$btn_group",
q"$btn_group_vertical $btn+$btn",
q"$btn_group_vertical $btn+$btn_group",
q"$btn_group_vertical $btn_group+$btn",
q"$btn_group_vertical $btn_group+$btn_group")
.marginLeft("-1px")
val btn_toolbar = rule.cls("btn-toolbar")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-wrap", "wrap")
.flexWrap.wrap
.style("-ms-flex-pack", "start")
.justifyContent("flex-start")
q"$btn_toolbar $input_group"
.width("auto")
q"$btn_group>$btn:first-child"
.marginLeft("0")
Seq(
q"$btn_group>$btn:not(:last-child):not($dropdown_toggle)",
q"$btn_group>$btn_group:not(:last-child)>$btn")
.borderTopRightRadius("0")
.borderBottomRightRadius("0")
Seq(
q"$btn_group>$btn:not(:first-child)",
q"$btn_group>$btn_group:not(:first-child)>$btn")
.borderTopLeftRadius("0")
.borderBottomLeftRadius("0")
val dropdown_toggle_split = rule.cls("dropdown-toggle-split")
.paddingRight("0.5625rem")
.paddingLeft("0.5625rem")
Seq(
q"$dropdown_toggle_split::after",
q"$dropup $dropdown_toggle_split::after",
q"$dropright $dropdown_toggle_split::after")
.marginLeft("0")
q"$dropleft $dropdown_toggle_split::before"
.marginRight("0")
Seq(
q"$btn_sm+$dropdown_toggle_split",
q"$btn_group_sm>$btn+$dropdown_toggle_split")
.paddingRight("0.375rem")
.paddingLeft("0.375rem")
Seq(
q"$btn_lg+$dropdown_toggle_split",
q"$btn_group_lg>$btn+$dropdown_toggle_split")
.paddingRight("0.75rem")
.paddingLeft("0.75rem")
q"$btn_group_vertical"
.style("-ms-flex-direction", "column")
.flexDirection.column
.style("-ms-flex-align", "start")
.alignItems.flexStart
.style("-ms-flex-pack", "center")
.justifyContent.center
Seq(
q"$btn_group_vertical $btn",
q"$btn_group_vertical $btn_group")
.width("100%")
Seq(
q"$btn_group_vertical>$btn+$btn",
q"$btn_group_vertical>$btn+$btn_group",
q"$btn_group_vertical>$btn_group+$btn",
q"$btn_group_vertical>$btn_group+$btn_group")
.marginTop("-1px")
.marginLeft("0")
Seq(
q"$btn_group_vertical>$btn:not(:last-child):not($dropdown_toggle)",
q"$btn_group_vertical>$btn_group:not(:last-child)>$btn")
.borderBottomRightRadius("0")
.borderBottomLeftRadius("0")
Seq(
q"$btn_group_vertical>$btn:not(:first-child)",
q"$btn_group_vertical>$btn_group:not(:first-child)>$btn")
.borderTopLeftRadius("0")
.borderTopRightRadius("0")
Seq(
q"$btn_group_toggle>$btn",
q"$btn_group_toggle>$btn_group>$btn")
.marginBottom("0")
Seq(
q"""$btn_group_toggle>$btn input[type="radio"]""",
q"""$btn_group_toggle>$btn input[type="checkbox"]""",
q"""$btn_group_toggle>$btn_group>$btn input[type="radio"]""",
q"""$btn_group_toggle>$btn_group>$btn input[type="checkbox"]""")
.position.absolute
.style("clip", "rect(0,0,0,0)")
.pointerEvents("none")
q"$input_group"
.position.relative
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-wrap", "wrap")
.flexWrap.wrap
.style("-ms-flex-align", "stretch")
.alignItems.stretch
.width("100%")
Seq(
q"$input_group>$form_control",
q"$input_group>$custom_select",
q"$input_group>$custom_file")
.position.relative
.style("-ms-flex", "1 1 auto")
.flex("1 1 auto")
.width("1%")
.marginBottom("0")
Seq(
q"$input_group>$form_control+$form_control",
q"$input_group>$form_control+$custom_select",
q"$input_group>$form_control+$custom_file",
q"$input_group>$custom_select+$form_control",
q"$input_group>$custom_select+$custom_select",
q"$input_group>$custom_select+$custom_file",
q"$input_group>$custom_file+$form_control",
q"$input_group>$custom_file+$custom_select",
q"$input_group>$custom_file+$custom_file")
.marginLeft("-1px")
Seq(
q"$input_group>$form_control:focus",
q"$input_group>$custom_select:focus",
q"$input_group>$custom_file $custom_file_input:focus~$custom_file_label")
.zIndex("3")
q"$input_group>$custom_file $custom_file_input:focus"
.zIndex("4")
Seq(
q"$input_group>$form_control:not(:last-child)",
q"$input_group>$custom_select:not(:last-child)")
.borderTopRightRadius("0")
.borderBottomRightRadius("0")
Seq(
q"$input_group>$form_control:not(:first-child)",
q"$input_group>$custom_select:not(:first-child)")
.borderTopLeftRadius("0")
.borderBottomLeftRadius("0")
q"$input_group>$custom_file"
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-align", "center")
.alignItems.center
Seq(
q"$input_group>$custom_file:not(:last-child) $custom_file_label",
q"$input_group>$custom_file:not(:last-child) $custom_file_label::after")
.borderTopRightRadius("0")
.borderBottomRightRadius("0")
q"$input_group>$custom_file:not(:first-child) $custom_file_label"
.borderTopLeftRadius("0")
.borderBottomLeftRadius("0")
Seq(
q"$input_group_prepend",
q"$input_group_append")
.display("-ms-flexbox")
.display.flex
Seq(
q"$input_group_prepend $btn",
q"$input_group_append $btn")
.position.relative
.zIndex("2")
Seq(
q"$input_group_prepend $btn+$btn",
q"$input_group_prepend $btn+$input_group_text",
q"$input_group_prepend $input_group_text+$input_group_text",
q"$input_group_prepend $input_group_text+$btn",
q"$input_group_append $btn+$btn",
q"$input_group_append $btn+$input_group_text",
q"$input_group_append $input_group_text+$input_group_text",
q"$input_group_append $input_group_text+$btn")
.marginLeft("-1px")
q"$input_group_prepend"
.marginRight("-1px")
q"$input_group_append"
.marginLeft("-1px")
q"$input_group_text"
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-align", "center")
.alignItems.center
.padding("0.375rem 0.75rem")
.marginBottom("0")
.fontSize("1rem")
.fontWeight("400")
.lineHeight("1.5")
.color("#495057")
.textAlign.center
.whiteSpace("nowrap")
.backgroundColor("#e9ecef")
.border("1px solid #ced4da")
.borderRadius("0.25rem")
Seq(
q"""$input_group_text input[type="radio"]""",
q"""$input_group_text input[type="checkbox"]""")
.marginTop("0")
Seq(
q"$input_group_lg>$form_control",
q"$input_group_lg>$input_group_prepend>$input_group_text",
q"$input_group_lg>$input_group_append>$input_group_text",
q"$input_group_lg>$input_group_prepend>$btn",
q"$input_group_lg>$input_group_append>$btn")
.height("calc(2.875rem + 2px)")
.padding("0.5rem 1rem")
.fontSize("1.25rem")
.lineHeight("1.5")
.borderRadius("0.3rem")
Seq(
q"$input_group_sm>$form_control",
q"$input_group_sm>$input_group_prepend>$input_group_text",
q"$input_group_sm>$input_group_append>$input_group_text",
q"$input_group_sm>$input_group_prepend>$btn",
q"$input_group_sm>$input_group_append>$btn")
.height("calc(1.8125rem + 2px)")
.padding("0.25rem 0.5rem")
.fontSize("0.875rem")
.lineHeight("1.5")
.borderRadius("0.2rem")
Seq(
q"$input_group>$input_group_prepend>$btn",
q"$input_group>$input_group_prepend>$input_group_text",
q"$input_group>$input_group_append:not(:last-child)>$btn",
q"$input_group>$input_group_append:not(:last-child)>$input_group_text",
q"$input_group>$input_group_append:last-child>$btn:not(:last-child):not($dropdown_toggle)",
q"$input_group>$input_group_append:last-child>$input_group_text:not(:last-child)")
.borderTopRightRadius("0")
.borderBottomRightRadius("0")
Seq(
q"$input_group>$input_group_append>$btn",
q"$input_group>$input_group_append>$input_group_text",
q"$input_group>$input_group_prepend:not(:first-child)>$btn",
q"$input_group>$input_group_prepend:not(:first-child)>$input_group_text",
q"$input_group>$input_group_prepend:first-child>$btn:not(:first-child)",
q"$input_group>$input_group_prepend:first-child>$input_group_text:not(:first-child)")
.borderTopLeftRadius("0")
.borderBottomLeftRadius("0")
q"$custom_control"
.position.relative
.display.block
.minHeight("1.5rem")
.paddingLeft("1.5rem")
val custom_control_inline = rule.cls("custom-control-inline")
.display("-ms-inline-flexbox")
.display("inline-flex")
.marginRight("1rem")
q"$custom_control_input"
.position.absolute
.zIndex("-1")
.opacity("0")
q"$custom_control_input:checked~$custom_control_label::before"
.color("#fff")
.backgroundColor("#007bff")
q"$custom_control_input:focus~$custom_control_label::before"
.boxShadow("0 0 0 1px #fff,0 0 0 0.2rem rgba(0,123,255,0.25)")
q"$custom_control_input:active~$custom_control_label::before"
.color("#fff")
.backgroundColor("#b3d7ff")
q"$custom_control_input:disabled~$custom_control_label"
.color("#6c757d")
q"$custom_control_input:disabled~$custom_control_label::before"
.backgroundColor("#e9ecef")
q"$custom_control_label"
.position.relative
.marginBottom("0")
q"$custom_control_label::before"
.position.absolute
.top("0.25rem")
.left("-1.5rem")
.display.block
.width("1rem")
.height("1rem")
.pointerEvents("none")
.content("\"\"")
.style("-webkit-user-select", "none")
.style("-moz-user-select", "none")
.style("-ms-user-select", "none")
.userSelect("none")
.backgroundColor("#dee2e6")
q"$custom_control_label::after"
.position.absolute
.top("0.25rem")
.left("-1.5rem")
.display.block
.width("1rem")
.height("1rem")
.content("\"\"")
.backgroundRepeat("no-repeat")
.backgroundPosition("center center")
.backgroundSize("50% 50%")
q"$custom_checkbox $custom_control_label::before"
.borderRadius("0.25rem")
q"$custom_checkbox $custom_control_input:checked~$custom_control_label::before"
.backgroundColor("#007bff")
q"$custom_checkbox $custom_control_input:checked~$custom_control_label::after"
.backgroundImage("url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\")")
}
trait Bootstrap2 extends Bootstrap1 {
q"$custom_checkbox $custom_control_input:indeterminate~$custom_control_label::before"
.backgroundColor("#007bff")
q"$custom_checkbox $custom_control_input:indeterminate~$custom_control_label::after"
.backgroundImage("url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E\")")
q"$custom_checkbox $custom_control_input:disabled:checked~$custom_control_label::before"
.backgroundColor("rgba(0,123,255,0.5)")
q"$custom_checkbox $custom_control_input:disabled:indeterminate~$custom_control_label::before"
.backgroundColor("rgba(0,123,255,0.5)")
q"$custom_radio $custom_control_label::before"
.borderRadius("50%")
q"$custom_radio $custom_control_input:checked~$custom_control_label::before"
.backgroundColor("#007bff")
q"$custom_radio $custom_control_input:checked~$custom_control_label::after"
.backgroundImage("url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E\")")
q"$custom_radio $custom_control_input:disabled:checked~$custom_control_label::before"
.backgroundColor("rgba(0,123,255,0.5)")
q"$custom_select"
.display.inlineBlock
.width("100%")
.height("calc(2.25rem + 2px)")
.padding("0.375rem 1.75rem 0.375rem 0.75rem")
.lineHeight("1.5")
.color("#495057")
.verticalAlign("middle")
.background("#fff url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\") no-repeat right 0.75rem center")
.backgroundSize("8px 10px")
.border("1px solid #ced4da")
.borderRadius("0.25rem")
.style("-webkit-appearance", "none")
.style("-moz-appearance", "none")
.style("appearance", "none")
q"$custom_select:focus"
.borderColor("#80bdff")
.outline("0")
.boxShadow("0 0 0 0.2rem rgba(128,189,255,0.5)")
q"$custom_select:focus::-ms-value"
.color("#495057")
.backgroundColor("#fff")
Seq(
q"$custom_select[multiple]",
q"""$custom_select[size]:not([size="1"])""")
.height("auto")
.paddingRight("0.75rem")
.backgroundImage("none")
q"$custom_select:disabled"
.color("#6c757d")
.backgroundColor("#e9ecef")
q"$custom_select::-ms-expand"
.opacity("0")
val custom_select_sm = rule.cls("custom-select-sm")
.height("calc(1.8125rem + 2px)")
.paddingTop("0.375rem")
.paddingBottom("0.375rem")
.fontSize("75%")
val custom_select_lg = rule.cls("custom-select-lg")
.height("calc(2.875rem + 2px)")
.paddingTop("0.375rem")
.paddingBottom("0.375rem")
.fontSize("125%")
q"$custom_file"
.position.relative
.display.inlineBlock
.width("100%")
.height("calc(2.25rem + 2px)")
.marginBottom("0")
q"$custom_file_input"
.position.relative
.zIndex("2")
.width("100%")
.height("calc(2.25rem + 2px)")
.margin("0")
.opacity("0")
q"$custom_file_input:focus~$custom_file_label"
.borderColor("#80bdff")
.boxShadow("0 0 0 0.2rem rgba(0,123,255,0.25)")
q"$custom_file_input:focus~$custom_file_label::after"
.borderColor("#80bdff")
q"$custom_file_input:disabled~$custom_file_label"
.backgroundColor("#e9ecef")
q"$custom_file_input:lang(en)~$custom_file_label::after"
.content("\"Browse\"")
q"$custom_file_label"
.position.absolute
.top("0")
.right("0")
.left("0")
.zIndex("1")
.height("calc(2.25rem + 2px)")
.padding("0.375rem 0.75rem")
.lineHeight("1.5")
.color("#495057")
.backgroundColor("#fff")
.border("1px solid #ced4da")
.borderRadius("0.25rem")
q"$custom_file_label::after"
.position.absolute
.top("0")
.right("0")
.bottom("0")
.zIndex("3")
.display.block
.height("2.25rem")
.padding("0.375rem 0.75rem")
.lineHeight("1.5")
.color("#495057")
.content("\"Browse\"")
.backgroundColor("#e9ecef")
.borderLeft("1px solid #ced4da")
.borderRadius("0 0.25rem 0.25rem 0")
val custom_range = rule.cls("custom-range")
.width("100%")
.paddingLeft("0")
.backgroundColor("transparent")
.style("-webkit-appearance", "none")
.style("-moz-appearance", "none")
.style("appearance", "none")
q"$custom_range:focus"
.outline("none")
q"$custom_range:focus::-webkit-slider-thumb"
.boxShadow("0 0 0 1px #fff,0 0 0 0.2rem rgba(0,123,255,0.25)")
q"$custom_range:focus::-moz-range-thumb"
.boxShadow("0 0 0 1px #fff,0 0 0 0.2rem rgba(0,123,255,0.25)")
q"$custom_range:focus::-ms-thumb"
.boxShadow("0 0 0 1px #fff,0 0 0 0.2rem rgba(0,123,255,0.25)")
q"$custom_range::-moz-focus-outer"
.border("0")
q"$custom_range::-webkit-slider-thumb"
.width("1rem")
.height("1rem")
.marginTop("-0.25rem")
.backgroundColor("#007bff")
.border("0")
.borderRadius("1rem")
.transition("background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out")
.style("-webkit-appearance", "none")
.style("appearance", "none")
media("screen and (prefers-reduced-motion:reduce)") {
q"$custom_range::-webkit-slider-thumb"
.transition("none")
}
q"$custom_range::-webkit-slider-thumb:active"
.backgroundColor("#b3d7ff")
q"$custom_range::-webkit-slider-runnable-track"
.width("100%")
.height("0.5rem")
.color("transparent")
.cursor.pointer
.backgroundColor("#dee2e6")
.borderColor("transparent")
.borderRadius("1rem")
q"$custom_range::-moz-range-thumb"
.width("1rem")
.height("1rem")
.backgroundColor("#007bff")
.border("0")
.borderRadius("1rem")
.transition("background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out")
.style("-moz-appearance", "none")
.style("appearance", "none")
media("screen and (prefers-reduced-motion:reduce)") {
q"$custom_range::-moz-range-thumb"
.transition("none")
}
q"$custom_range::-moz-range-thumb:active"
.backgroundColor("#b3d7ff")
q"$custom_range::-moz-range-track"
.width("100%")
.height("0.5rem")
.color("transparent")
.cursor.pointer
.backgroundColor("#dee2e6")
.borderColor("transparent")
.borderRadius("1rem")
q"$custom_range::-ms-thumb"
.width("1rem")
.height("1rem")
.marginTop("0")
.marginRight("0.2rem")
.marginLeft("0.2rem")
.backgroundColor("#007bff")
.border("0")
.borderRadius("1rem")
.transition("background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out")
.style("appearance", "none")
media("screen and (prefers-reduced-motion:reduce)") {
q"$custom_range::-ms-thumb"
.transition("none")
}
q"$custom_range::-ms-thumb:active"
.backgroundColor("#b3d7ff")
q"$custom_range::-ms-track"
.width("100%")
.height("0.5rem")
.color("transparent")
.cursor.pointer
.backgroundColor("transparent")
.borderColor("transparent")
.borderWidth("0.5rem")
q"$custom_range::-ms-fill-lower"
.backgroundColor("#dee2e6")
.borderRadius("1rem")
q"$custom_range::-ms-fill-upper"
.marginRight("15px")
.backgroundColor("#dee2e6")
.borderRadius("1rem")
Seq(
q"$custom_control_label::before",
q"$custom_file_label",
q"$custom_select")
.transition("background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out")
media("screen and (prefers-reduced-motion:reduce)") {
Seq(
q"$custom_control_label::before",
q"$custom_file_label",
q"$custom_select")
.transition("none")
}
val nav = rule.cls("nav")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-wrap", "wrap")
.flexWrap.wrap
.paddingLeft("0")
.marginBottom("0")
.listStyle("none")
val nav_link = rule.cls("nav-link")
.display.block
.padding("0.5rem 1rem")
Seq(
q"$nav_link:hover",
q"$nav_link:focus")
.textDecoration.none
q"$nav_link$disabled"
.color("#6c757d")
val nav_tabs = rule.cls("nav-tabs")
.borderBottom("1px solid #dee2e6")
q"$nav_tabs $nav_item"
.marginBottom("-1px")
q"$nav_tabs $nav_link"
.border("1px solid transparent")
.borderTopLeftRadius("0.25rem")
.borderTopRightRadius("0.25rem")
Seq(
q"$nav_tabs $nav_link:hover",
q"$nav_tabs $nav_link:focus")
.borderColor("#e9ecef #e9ecef #dee2e6")
q"$nav_tabs $nav_link$disabled"
.color("#6c757d")
.backgroundColor("transparent")
.borderColor("transparent")
Seq(
q"$nav_tabs $nav_link$active",
q"$nav_tabs $nav_item$show $nav_link")
.color("#495057")
.backgroundColor("#fff")
.borderColor("#dee2e6 #dee2e6 #fff")
q"$nav_tabs $dropdown_menu"
.marginTop("-1px")
.borderTopLeftRadius("0")
.borderTopRightRadius("0")
q"$nav_pills $nav_link"
.borderRadius("0.25rem")
Seq(
q"$nav_pills $nav_link$active",
q"$nav_pills $show>$nav_link")
.color("#fff")
.backgroundColor("#007bff")
q"$nav_fill $nav_item"
.style("-ms-flex", "1 1 auto")
.flex("1 1 auto")
.textAlign.center
q"$nav_justified $nav_item"
.style("-ms-flex-preferred-size", "0")
.flexBasis("0")
.style("-ms-flex-positive", "1")
.flexGrow("1")
.textAlign.center
q"$tab_content>$tab_pane"
.display.none
q"$tab_content>$active"
.display.block
val navbar = rule.cls("navbar")
.position.relative
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-wrap", "wrap")
.flexWrap.wrap
.style("-ms-flex-align", "center")
.alignItems.center
.style("-ms-flex-pack", "justify")
.justifyContent.spaceBetween
.padding("0.5rem 1rem")
Seq(
q"$navbar>$container",
q"$navbar>$container_fluid")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-wrap", "wrap")
.flexWrap.wrap
.style("-ms-flex-align", "center")
.alignItems.center
.style("-ms-flex-pack", "justify")
.justifyContent.spaceBetween
val navbar_brand = rule.cls("navbar-brand")
.display.inlineBlock
.paddingTop("0.3125rem")
.paddingBottom("0.3125rem")
.marginRight("1rem")
.fontSize("1.25rem")
.lineHeight("inherit")
.whiteSpace("nowrap")
Seq(
q"$navbar_brand:hover",
q"$navbar_brand:focus")
.textDecoration.none
val navbar_nav = rule.cls("navbar-nav")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-direction", "column")
.flexDirection.column
.paddingLeft("0")
.marginBottom("0")
.listStyle("none")
q"$navbar_nav $nav_link"
.paddingRight("0")
.paddingLeft("0")
q"$navbar_nav $dropdown_menu"
.position.static
.float.none
val navbar_text = rule.cls("navbar-text")
.display.inlineBlock
.paddingTop("0.5rem")
.paddingBottom("0.5rem")
val navbar_collapse = rule.cls("navbar-collapse")
.style("-ms-flex-preferred-size", "100%")
.flexBasis("100%")
.style("-ms-flex-positive", "1")
.flexGrow("1")
.style("-ms-flex-align", "center")
.alignItems.center
val navbar_toggler = rule.cls("navbar-toggler")
.padding("0.25rem 0.75rem")
.fontSize("1.25rem")
.lineHeight("1")
.backgroundColor("transparent")
.border("1px solid transparent")
.borderRadius("0.25rem")
Seq(
q"$navbar_toggler:hover",
q"$navbar_toggler:focus")
.textDecoration.none
q"$navbar_toggler:not(:disabled):not($disabled)"
.cursor.pointer
val navbar_toggler_icon = rule.cls("navbar-toggler-icon")
.display.inlineBlock
.width("1.5em")
.height("1.5em")
.verticalAlign("middle")
.content("\"\"")
.background("no-repeat center center")
.backgroundSize("100% 100%")
val navbar_expand_sm = rule.cls("navbar-expand-sm")
media("(max-width:575.98px)") {
Seq(
q"$navbar_expand_sm>$container",
q"$navbar_expand_sm>$container_fluid")
.paddingRight("0")
.paddingLeft("0")
}
media("(min-width:576px)") {
q"$navbar_expand_sm"
.style("-ms-flex-flow", "row nowrap")
.flexFlow("row nowrap")
.style("-ms-flex-pack", "start")
.justifyContent("flex-start")
q"$navbar_expand_sm $navbar_nav"
.style("-ms-flex-direction", "row")
.flexDirection.row
q"$navbar_expand_sm $navbar_nav $dropdown_menu"
.position.absolute
q"$navbar_expand_sm $navbar_nav $nav_link"
.paddingRight("0.5rem")
.paddingLeft("0.5rem")
Seq(
q"$navbar_expand_sm>$container",
q"$navbar_expand_sm>$container_fluid")
.style("-ms-flex-wrap", "nowrap")
.flexWrap.nowrap
q"$navbar_expand_sm $navbar_collapse"
.display("-ms-flexbox !important")
.display("flex !important")
.style("-ms-flex-preferred-size", "auto")
.flexBasis("auto")
q"$navbar_expand_sm $navbar_toggler"
.display.none
}
val navbar_expand_md = rule.cls("navbar-expand-md")
media("(max-width:767.98px)") {
Seq(
q"$navbar_expand_md>$container",
q"$navbar_expand_md>$container_fluid")
.paddingRight("0")
.paddingLeft("0")
}
media("(min-width:768px)") {
q"$navbar_expand_md"
.style("-ms-flex-flow", "row nowrap")
.flexFlow("row nowrap")
.style("-ms-flex-pack", "start")
.justifyContent("flex-start")
q"$navbar_expand_md $navbar_nav"
.style("-ms-flex-direction", "row")
.flexDirection.row
q"$navbar_expand_md $navbar_nav $dropdown_menu"
.position.absolute
q"$navbar_expand_md $navbar_nav $nav_link"
.paddingRight("0.5rem")
.paddingLeft("0.5rem")
Seq(
q"$navbar_expand_md>$container",
q"$navbar_expand_md>$container_fluid")
.style("-ms-flex-wrap", "nowrap")
.flexWrap.nowrap
q"$navbar_expand_md $navbar_collapse"
.display("-ms-flexbox !important")
.display("flex !important")
.style("-ms-flex-preferred-size", "auto")
.flexBasis("auto")
q"$navbar_expand_md $navbar_toggler"
.display.none
}
val navbar_expand_lg = rule.cls("navbar-expand-lg")
media("(max-width:991.98px)") {
Seq(
q"$navbar_expand_lg>$container",
q"$navbar_expand_lg>$container_fluid")
.paddingRight("0")
.paddingLeft("0")
}
media("(min-width:992px)") {
q"$navbar_expand_lg"
.style("-ms-flex-flow", "row nowrap")
.flexFlow("row nowrap")
.style("-ms-flex-pack", "start")
.justifyContent("flex-start")
q"$navbar_expand_lg $navbar_nav"
.style("-ms-flex-direction", "row")
.flexDirection.row
q"$navbar_expand_lg $navbar_nav $dropdown_menu"
.position.absolute
q"$navbar_expand_lg $navbar_nav $nav_link"
.paddingRight("0.5rem")
.paddingLeft("0.5rem")
Seq(
q"$navbar_expand_lg>$container",
q"$navbar_expand_lg>$container_fluid")
.style("-ms-flex-wrap", "nowrap")
.flexWrap.nowrap
q"$navbar_expand_lg $navbar_collapse"
.display("-ms-flexbox !important")
.display("flex !important")
.style("-ms-flex-preferred-size", "auto")
.flexBasis("auto")
q"$navbar_expand_lg $navbar_toggler"
.display.none
}
val navbar_expand_xl = rule.cls("navbar-expand-xl")
media("(max-width:1199.98px)") {
Seq(
q"$navbar_expand_xl>$container",
q"$navbar_expand_xl>$container_fluid")
.paddingRight("0")
.paddingLeft("0")
}
media("(min-width:1200px)") {
q"$navbar_expand_xl"
.style("-ms-flex-flow", "row nowrap")
.flexFlow("row nowrap")
.style("-ms-flex-pack", "start")
.justifyContent("flex-start")
q"$navbar_expand_xl $navbar_nav"
.style("-ms-flex-direction", "row")
.flexDirection.row
q"$navbar_expand_xl $navbar_nav $dropdown_menu"
.position.absolute
q"$navbar_expand_xl $navbar_nav $nav_link"
.paddingRight("0.5rem")
.paddingLeft("0.5rem")
Seq(
q"$navbar_expand_xl>$container",
q"$navbar_expand_xl>$container_fluid")
.style("-ms-flex-wrap", "nowrap")
.flexWrap.nowrap
q"$navbar_expand_xl $navbar_collapse"
.display("-ms-flexbox !important")
.display("flex !important")
.style("-ms-flex-preferred-size", "auto")
.flexBasis("auto")
q"$navbar_expand_xl $navbar_toggler"
.display.none
}
val navbar_expand = rule.cls("navbar-expand")
.style("-ms-flex-flow", "row nowrap")
.flexFlow("row nowrap")
.style("-ms-flex-pack", "start")
.justifyContent("flex-start")
Seq(
q"$navbar_expand>$container",
q"$navbar_expand>$container_fluid")
.paddingRight("0")
.paddingLeft("0")
q"$navbar_expand $navbar_nav"
.style("-ms-flex-direction", "row")
.flexDirection.row
q"$navbar_expand $navbar_nav $dropdown_menu"
.position.absolute
q"$navbar_expand $navbar_nav $nav_link"
.paddingRight("0.5rem")
.paddingLeft("0.5rem")
Seq(
q"$navbar_expand>$container",
q"$navbar_expand>$container_fluid")
.style("-ms-flex-wrap", "nowrap")
.flexWrap.nowrap
q"$navbar_expand $navbar_collapse"
.display("-ms-flexbox !important")
.display("flex !important")
.style("-ms-flex-preferred-size", "auto")
.flexBasis("auto")
q"$navbar_expand $navbar_toggler"
.display.none
q"$navbar_light $navbar_brand"
.color("rgba(0,0,0,0.9)")
Seq(
q"$navbar_light $navbar_brand:hover",
q"$navbar_light $navbar_brand:focus")
.color("rgba(0,0,0,0.9)")
q"$navbar_light $navbar_nav $nav_link"
.color("rgba(0,0,0,0.5)")
Seq(
q"$navbar_light $navbar_nav $nav_link:hover",
q"$navbar_light $navbar_nav $nav_link:focus")
.color("rgba(0,0,0,0.7)")
q"$navbar_light $navbar_nav $nav_link$disabled"
.color("rgba(0,0,0,0.3)")
Seq(
q"$navbar_light $navbar_nav $show>$nav_link",
q"$navbar_light $navbar_nav $active>$nav_link",
q"$navbar_light $navbar_nav $nav_link$show",
q"$navbar_light $navbar_nav $nav_link$active")
.color("rgba(0,0,0,0.9)")
q"$navbar_light $navbar_toggler"
.color("rgba(0,0,0,0.5)")
.borderColor("rgba(0,0,0,0.1)")
q"$navbar_light $navbar_toggler_icon"
.backgroundImage("url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\")")
q"$navbar_light $navbar_text"
.color("rgba(0,0,0,0.5)")
q"$navbar_light $navbar_text a"
.color("rgba(0,0,0,0.9)")
Seq(
q"$navbar_light $navbar_text a:hover",
q"$navbar_light $navbar_text a:focus")
.color("rgba(0,0,0,0.9)")
q"$navbar_dark $navbar_brand"
.color("#fff")
Seq(
q"$navbar_dark $navbar_brand:hover",
q"$navbar_dark $navbar_brand:focus")
.color("#fff")
q"$navbar_dark $navbar_nav $nav_link"
.color("rgba(255,255,255,0.5)")
Seq(
q"$navbar_dark $navbar_nav $nav_link:hover",
q"$navbar_dark $navbar_nav $nav_link:focus")
.color("rgba(255,255,255,0.75)")
q"$navbar_dark $navbar_nav $nav_link$disabled"
.color("rgba(255,255,255,0.25)")
Seq(
q"$navbar_dark $navbar_nav $show>$nav_link",
q"$navbar_dark $navbar_nav $active>$nav_link",
q"$navbar_dark $navbar_nav $nav_link$show",
q"$navbar_dark $navbar_nav $nav_link$active")
.color("#fff")
q"$navbar_dark $navbar_toggler"
.color("rgba(255,255,255,0.5)")
.borderColor("rgba(255,255,255,0.1)")
q"$navbar_dark $navbar_toggler_icon"
.backgroundImage("url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\")")
q"$navbar_dark $navbar_text"
.color("rgba(255,255,255,0.5)")
q"$navbar_dark $navbar_text a"
.color("#fff")
Seq(
q"$navbar_dark $navbar_text a:hover",
q"$navbar_dark $navbar_text a:focus")
.color("#fff")
val card = rule.cls("card")
.position.relative
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-direction", "column")
.flexDirection.column
.minWidth("0")
.wordWrap("break-word")
.backgroundColor("#fff")
.backgroundClip.borderBox
.border("1px solid rgba(0,0,0,0.125)")
.borderRadius("0.25rem")
q"$card>hr"
.marginRight("0")
.marginLeft("0")
q"$card>$list_group:first-child $list_group_item:first-child"
.borderTopLeftRadius("0.25rem")
.borderTopRightRadius("0.25rem")
q"$card>$list_group:last-child $list_group_item:last-child"
.borderBottomRightRadius("0.25rem")
.borderBottomLeftRadius("0.25rem")
val card_body = rule.cls("card-body")
.style("-ms-flex", "1 1 auto")
.flex("1 1 auto")
.padding("1.25rem")
val card_title = rule.cls("card-title")
.marginBottom("0.75rem")
val card_subtitle = rule.cls("card-subtitle")
.marginTop("-0.375rem")
.marginBottom("0")
q"$card_text:last-child"
.marginBottom("0")
q"$card_link:hover"
.textDecoration.none
q"$card_link+$card_link"
.marginLeft("1.25rem")
val card_header = rule.cls("card-header")
.padding("0.75rem 1.25rem")
.marginBottom("0")
.backgroundColor("rgba(0,0,0,0.03)")
.borderBottom("1px solid rgba(0,0,0,0.125)")
q"$card_header:first-child"
.borderRadius("calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0")
q"$card_header+$list_group $list_group_item:first-child"
.borderTop("0")
val card_footer = rule.cls("card-footer")
.padding("0.75rem 1.25rem")
.backgroundColor("rgba(0,0,0,0.03)")
.borderTop("1px solid rgba(0,0,0,0.125)")
q"$card_footer:last-child"
.borderRadius("0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)")
val card_header_tabs = rule.cls("card-header-tabs")
.marginRight("-0.625rem")
.marginBottom("-0.75rem")
.marginLeft("-0.625rem")
.borderBottom("0")
val card_header_pills = rule.cls("card-header-pills")
.marginRight("-0.625rem")
.marginLeft("-0.625rem")
val card_img_overlay = rule.cls("card-img-overlay")
.position.absolute
.top("0")
.right("0")
.bottom("0")
.left("0")
.padding("1.25rem")
val card_img = rule.cls("card-img")
.width("100%")
.borderRadius("calc(0.25rem - 1px)")
val card_img_top = rule.cls("card-img-top")
.width("100%")
.borderTopLeftRadius("calc(0.25rem - 1px)")
.borderTopRightRadius("calc(0.25rem - 1px)")
val card_img_bottom = rule.cls("card-img-bottom")
.width("100%")
.borderBottomRightRadius("calc(0.25rem - 1px)")
.borderBottomLeftRadius("calc(0.25rem - 1px)")
val card_deck = rule.cls("card-deck")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-direction", "column")
.flexDirection.column
q"$card_deck $card"
.marginBottom("15px")
media("(min-width:576px)") {
q"$card_deck"
.style("-ms-flex-flow", "row wrap")
.flexFlow("row wrap")
.marginRight("-15px")
.marginLeft("-15px")
q"$card_deck $card"
.display("-ms-flexbox")
.display.flex
.style("-ms-flex", "1 0 0")
.flex("1 0 0")
.style("-ms-flex-direction", "column")
.flexDirection.column
.marginRight("15px")
.marginBottom("0")
.marginLeft("15px")
}
val card_group = rule.cls("card-group")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-direction", "column")
.flexDirection.column
q"$card_group>$card"
.marginBottom("15px")
media("(min-width:576px)") {
q"$card_group"
.style("-ms-flex-flow", "row wrap")
.flexFlow("row wrap")
q"$card_group>$card"
.style("-ms-flex", "1 0 0")
.flex("1 0 0")
.marginBottom("0")
q"$card_group>$card+$card"
.marginLeft("0")
.borderLeft("0")
q"$card_group>$card:first-child"
.borderTopRightRadius("0")
.borderBottomRightRadius("0")
Seq(
q"$card_group>$card:first-child $card_img_top",
q"$card_group>$card:first-child $card_header")
.borderTopRightRadius("0")
Seq(
q"$card_group>$card:first-child $card_img_bottom",
q"$card_group>$card:first-child $card_footer")
.borderBottomRightRadius("0")
q"$card_group>$card:last-child"
.borderTopLeftRadius("0")
.borderBottomLeftRadius("0")
Seq(
q"$card_group>$card:last-child $card_img_top",
q"$card_group>$card:last-child $card_header")
.borderTopLeftRadius("0")
Seq(
q"$card_group>$card:last-child $card_img_bottom",
q"$card_group>$card:last-child $card_footer")
.borderBottomLeftRadius("0")
q"$card_group>$card:only-child"
.borderRadius("0.25rem")
Seq(
q"$card_group>$card:only-child $card_img_top",
q"$card_group>$card:only-child $card_header")
.borderTopLeftRadius("0.25rem")
.borderTopRightRadius("0.25rem")
Seq(
q"$card_group>$card:only-child $card_img_bottom",
q"$card_group>$card:only-child $card_footer")
.borderBottomRightRadius("0.25rem")
.borderBottomLeftRadius("0.25rem")
q"$card_group>$card:not(:first-child):not(:last-child):not(:only-child)"
.borderRadius("0")
Seq(
q"$card_group>$card:not(:first-child):not(:last-child):not(:only-child) $card_img_top",
q"$card_group>$card:not(:first-child):not(:last-child):not(:only-child) $card_img_bottom",
q"$card_group>$card:not(:first-child):not(:last-child):not(:only-child) $card_header",
q"$card_group>$card:not(:first-child):not(:last-child):not(:only-child) $card_footer")
.borderRadius("0")
}
q"$card_columns $card"
.marginBottom("0.75rem")
media("(min-width:576px)") {
q"$card_columns"
.style("-webkit-column-count", "3")
.style("-moz-column-count", "3")
.columnCount("3")
.style("-webkit-column-gap", "1.25rem")
.style("-moz-column-gap", "1.25rem")
.columnGap("1.25rem")
.orphans("1")
.widows("1")
q"$card_columns $card"
.display.inlineBlock
.width("100%")
}
q"$accordion $card:not(:first-of-type):not(:last-of-type)"
.borderBottom("0")
.borderRadius("0")
q"$accordion $card:not(:first-of-type) $card_header:first-child"
.borderRadius("0")
q"$accordion $card:first-of-type"
.borderBottom("0")
.borderBottomRightRadius("0")
.borderBottomLeftRadius("0")
q"$accordion $card:last-of-type"
.borderTopLeftRadius("0")
.borderTopRightRadius("0")
val breadcrumb = rule.cls("breadcrumb")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-wrap", "wrap")
.flexWrap.wrap
.padding("0.75rem 1rem")
.marginBottom("1rem")
.listStyle("none")
.backgroundColor("#e9ecef")
.borderRadius("0.25rem")
q"$breadcrumb_item+$breadcrumb_item"
.paddingLeft("0.5rem")
q"$breadcrumb_item+$breadcrumb_item::before"
.display.inlineBlock
.paddingRight("0.5rem")
.color("#6c757d")
.content("\"/\"")
q"$breadcrumb_item+$breadcrumb_item:hover::before"
.textDecoration("underline")
q"$breadcrumb_item+$breadcrumb_item:hover::before"
.textDecoration.none
q"$breadcrumb_item$active"
.color("#6c757d")
val pagination = rule.cls("pagination")
.display("-ms-flexbox")
.display.flex
.paddingLeft("0")
.listStyle("none")
.borderRadius("0.25rem")
val page_link = rule.cls("page-link")
.position.relative
.display.block
.padding("0.5rem 0.75rem")
.marginLeft("-1px")
.lineHeight("1.25")
.color("#007bff")
.backgroundColor("#fff")
.border("1px solid #dee2e6")
q"$page_link:hover"
.zIndex("2")
.color("#0056b3")
.textDecoration.none
.backgroundColor("#e9ecef")
.borderColor("#dee2e6")
q"$page_link:focus"
.zIndex("2")
.outline("0")
.boxShadow("0 0 0 0.2rem rgba(0,123,255,0.25)")
q"$page_link:not(:disabled):not($disabled)"
.cursor.pointer
q"$page_item:first-child $page_link"
.marginLeft("0")
.borderTopLeftRadius("0.25rem")
.borderBottomLeftRadius("0.25rem")
q"$page_item:last-child $page_link"
.borderTopRightRadius("0.25rem")
.borderBottomRightRadius("0.25rem")
q"$page_item$active $page_link"
.zIndex("1")
.color("#fff")
.backgroundColor("#007bff")
.borderColor("#007bff")
q"$page_item$disabled $page_link"
.color("#6c757d")
.pointerEvents("none")
.cursor("auto")
.backgroundColor("#fff")
.borderColor("#dee2e6")
q"$pagination_lg $page_link"
.padding("0.75rem 1.5rem")
.fontSize("1.25rem")
.lineHeight("1.5")
q"$pagination_lg $page_item:first-child $page_link"
.borderTopLeftRadius("0.3rem")
.borderBottomLeftRadius("0.3rem")
q"$pagination_lg $page_item:last-child $page_link"
.borderTopRightRadius("0.3rem")
.borderBottomRightRadius("0.3rem")
q"$pagination_sm $page_link"
.padding("0.25rem 0.5rem")
.fontSize("0.875rem")
.lineHeight("1.5")
q"$pagination_sm $page_item:first-child $page_link"
.borderTopLeftRadius("0.2rem")
.borderBottomLeftRadius("0.2rem")
q"$pagination_sm $page_item:last-child $page_link"
.borderTopRightRadius("0.2rem")
.borderBottomRightRadius("0.2rem")
val badge = rule.cls("badge")
.display.inlineBlock
.padding("0.25em 0.4em")
.fontSize("75%")
.fontWeight("700")
.lineHeight("1")
.textAlign.center
.whiteSpace("nowrap")
.verticalAlign("baseline")
.borderRadius("0.25rem")
q"$badge:empty"
.display.none
q"$btn $badge"
.position.relative
.top("-1px")
val badge_pill = rule.cls("badge-pill")
.paddingRight("0.6em")
.paddingLeft("0.6em")
.borderRadius("10rem")
val badge_primary = rule.cls("badge-primary")
.color("#fff")
.backgroundColor("#007bff")
Seq(
q"$badge_primary[href]:hover",
q"$badge_primary[href]:focus")
.color("#fff")
.textDecoration.none
.backgroundColor("#0062cc")
val badge_secondary = rule.cls("badge-secondary")
.color("#fff")
.backgroundColor("#6c757d")
Seq(
q"$badge_secondary[href]:hover",
q"$badge_secondary[href]:focus")
.color("#fff")
.textDecoration.none
.backgroundColor("#545b62")
val badge_success = rule.cls("badge-success")
.color("#fff")
.backgroundColor("#28a745")
Seq(
q"$badge_success[href]:hover",
q"$badge_success[href]:focus")
.color("#fff")
.textDecoration.none
.backgroundColor("#1e7e34")
val badge_info = rule.cls("badge-info")
.color("#fff")
.backgroundColor("#17a2b8")
Seq(
q"$badge_info[href]:hover",
q"$badge_info[href]:focus")
.color("#fff")
.textDecoration.none
.backgroundColor("#117a8b")
val badge_warning = rule.cls("badge-warning")
.color("#212529")
.backgroundColor("#ffc107")
Seq(
q"$badge_warning[href]:hover",
q"$badge_warning[href]:focus")
.color("#212529")
.textDecoration.none
.backgroundColor("#d39e00")
val badge_danger = rule.cls("badge-danger")
.color("#fff")
.backgroundColor("#dc3545")
Seq(
q"$badge_danger[href]:hover",
q"$badge_danger[href]:focus")
.color("#fff")
.textDecoration.none
.backgroundColor("#bd2130")
val badge_light = rule.cls("badge-light")
.color("#212529")
.backgroundColor("#f8f9fa")
Seq(
q"$badge_light[href]:hover",
q"$badge_light[href]:focus")
.color("#212529")
.textDecoration.none
.backgroundColor("#dae0e5")
val badge_dark = rule.cls("badge-dark")
.color("#fff")
.backgroundColor("#343a40")
Seq(
q"$badge_dark[href]:hover",
q"$badge_dark[href]:focus")
.color("#fff")
.textDecoration.none
.backgroundColor("#1d2124")
val jumbotron = rule.cls("jumbotron")
.padding("2rem 1rem")
.marginBottom("2rem")
.backgroundColor("#e9ecef")
.borderRadius("0.3rem")
media("(min-width:576px)") {
q"$jumbotron"
.padding("4rem 2rem")
}
val jumbotron_fluid = rule.cls("jumbotron-fluid")
.paddingRight("0")
.paddingLeft("0")
.borderRadius("0")
val alert = rule.cls("alert")
.position.relative
.padding("0.75rem 1.25rem")
.marginBottom("1rem")
.border("1px solid transparent")
.borderRadius("0.25rem")
val alert_heading = rule.cls("alert-heading")
.color("inherit")
val alert_link = rule.cls("alert-link")
.fontWeight("700")
val alert_dismissible = rule.cls("alert-dismissible")
.paddingRight("4rem")
q"$alert_dismissible $close"
.position.absolute
.top("0")
.right("0")
.padding("0.75rem 1.25rem")
.color("inherit")
val alert_primary = rule.cls("alert-primary")
.color("#004085")
.backgroundColor("#cce5ff")
.borderColor("#b8daff")
q"$alert_primary hr"
.borderTopColor("#9fcdff")
q"$alert_primary $alert_link"
.color("#002752")
val alert_secondary = rule.cls("alert-secondary")
.color("#383d41")
.backgroundColor("#e2e3e5")
.borderColor("#d6d8db")
q"$alert_secondary hr"
.borderTopColor("#c8cbcf")
q"$alert_secondary $alert_link"
.color("#202326")
val alert_success = rule.cls("alert-success")
.color("#155724")
.backgroundColor("#d4edda")
.borderColor("#c3e6cb")
q"$alert_success hr"
.borderTopColor("#b1dfbb")
q"$alert_success $alert_link"
.color("#0b2e13")
val alert_info = rule.cls("alert-info")
.color("#0c5460")
.backgroundColor("#d1ecf1")
.borderColor("#bee5eb")
q"$alert_info hr"
.borderTopColor("#abdde5")
q"$alert_info $alert_link"
.color("#062c33")
val alert_warning = rule.cls("alert-warning")
.color("#856404")
.backgroundColor("#fff3cd")
.borderColor("#ffeeba")
q"$alert_warning hr"
.borderTopColor("#ffe8a1")
q"$alert_warning $alert_link"
.color("#533f03")
val alert_danger = rule.cls("alert-danger")
.color("#721c24")
.backgroundColor("#f8d7da")
.borderColor("#f5c6cb")
q"$alert_danger hr"
.borderTopColor("#f1b0b7")
q"$alert_danger $alert_link"
.color("#491217")
val alert_light = rule.cls("alert-light")
.color("#818182")
.backgroundColor("#fefefe")
.borderColor("#fdfdfe")
q"$alert_light hr"
.borderTopColor("#ececf6")
q"$alert_light $alert_link"
.color("#686868")
val alert_dark = rule.cls("alert-dark")
.color("#1b1e21")
.backgroundColor("#d6d8d9")
.borderColor("#c6c8ca")
q"$alert_dark hr"
.borderTopColor("#b9bbbe")
q"$alert_dark $alert_link"
.color("#040505")
q"@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}"
q"@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}"
val progress = rule.cls("progress")
.display("-ms-flexbox")
.display.flex
.height("1rem")
.overflow.hidden
.fontSize("0.75rem")
.backgroundColor("#e9ecef")
.borderRadius("0.25rem")
val progress_bar = rule.cls("progress-bar")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-direction", "column")
.flexDirection.column
.style("-ms-flex-pack", "center")
.justifyContent.center
.color("#fff")
.textAlign.center
.whiteSpace("nowrap")
.backgroundColor("#007bff")
.transition("width 0.6s ease")
media("screen and (prefers-reduced-motion:reduce)") {
q"$progress_bar"
.transition("none")
}
val progress_bar_striped = rule.cls("progress-bar-striped")
.backgroundImage("linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)")
.backgroundSize("1rem 1rem")
val progress_bar_animated = rule.cls("progress-bar-animated")
.style("-webkit-animation", "progress-bar-stripes 1s linear infinite")
.animation("progress-bar-stripes 1s linear infinite")
val media_ = rule.cls("media")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-align", "start")
.alignItems.flexStart
val media_body = rule.cls("media-body")
.style("-ms-flex", "1")
.flex("1")
q"$list_group"
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-direction", "column")
.flexDirection.column
.paddingLeft("0")
.marginBottom("0")
val list_group_item_action = rule.cls("list-group-item-action")
.width("100%")
.color("#495057")
.textAlign("inherit")
Seq(
q"$list_group_item_action:hover",
q"$list_group_item_action:focus")
.color("#495057")
.textDecoration.none
.backgroundColor("#f8f9fa")
q"$list_group_item_action:active"
.color("#212529")
.backgroundColor("#e9ecef")
q"$list_group_item"
.position.relative
.display.block
.padding("0.75rem 1.25rem")
.marginBottom("-1px")
.backgroundColor("#fff")
.border("1px solid rgba(0,0,0,0.125)")
q"$list_group_item:first-child"
.borderTopLeftRadius("0.25rem")
.borderTopRightRadius("0.25rem")
q"$list_group_item:last-child"
.marginBottom("0")
.borderBottomRightRadius("0.25rem")
.borderBottomLeftRadius("0.25rem")
Seq(
q"$list_group_item:hover",
q"$list_group_item:focus")
.zIndex("1")
.textDecoration.none
Seq(
q"$list_group_item$disabled",
q"$list_group_item:disabled")
.color("#6c757d")
.backgroundColor("#fff")
q"$list_group_item$active"
.zIndex("2")
.color("#fff")
.backgroundColor("#007bff")
.borderColor("#007bff")
q"$list_group_flush $list_group_item"
.borderRight("0")
.borderLeft("0")
.borderRadius("0")
q"$list_group_flush:first-child $list_group_item:first-child"
.borderTop("0")
q"$list_group_flush:last-child $list_group_item:last-child"
.borderBottom("0")
val list_group_item_primary = rule.cls("list-group-item-primary")
.color("#004085")
.backgroundColor("#b8daff")
Seq(
q"$list_group_item_primary$list_group_item_action:hover",
q"$list_group_item_primary$list_group_item_action:focus")
.color("#004085")
.backgroundColor("#9fcdff")
q"$list_group_item_primary$list_group_item_action$active"
.color("#fff")
.backgroundColor("#004085")
.borderColor("#004085")
val list_group_item_secondary = rule.cls("list-group-item-secondary")
.color("#383d41")
.backgroundColor("#d6d8db")
Seq(
q"$list_group_item_secondary$list_group_item_action:hover",
q"$list_group_item_secondary$list_group_item_action:focus")
.color("#383d41")
.backgroundColor("#c8cbcf")
q"$list_group_item_secondary$list_group_item_action$active"
.color("#fff")
.backgroundColor("#383d41")
.borderColor("#383d41")
val list_group_item_success = rule.cls("list-group-item-success")
.color("#155724")
.backgroundColor("#c3e6cb")
Seq(
q"$list_group_item_success$list_group_item_action:hover",
q"$list_group_item_success$list_group_item_action:focus")
.color("#155724")
.backgroundColor("#b1dfbb")
q"$list_group_item_success$list_group_item_action$active"
.color("#fff")
.backgroundColor("#155724")
.borderColor("#155724")
val list_group_item_info = rule.cls("list-group-item-info")
.color("#0c5460")
.backgroundColor("#bee5eb")
Seq(
q"$list_group_item_info$list_group_item_action:hover",
q"$list_group_item_info$list_group_item_action:focus")
.color("#0c5460")
.backgroundColor("#abdde5")
q"$list_group_item_info$list_group_item_action$active"
.color("#fff")
.backgroundColor("#0c5460")
.borderColor("#0c5460")
val list_group_item_warning = rule.cls("list-group-item-warning")
.color("#856404")
.backgroundColor("#ffeeba")
Seq(
q"$list_group_item_warning$list_group_item_action:hover",
q"$list_group_item_warning$list_group_item_action:focus")
.color("#856404")
.backgroundColor("#ffe8a1")
q"$list_group_item_warning$list_group_item_action$active"
.color("#fff")
.backgroundColor("#856404")
.borderColor("#856404")
val list_group_item_danger = rule.cls("list-group-item-danger")
.color("#721c24")
.backgroundColor("#f5c6cb")
Seq(
q"$list_group_item_danger$list_group_item_action:hover",
q"$list_group_item_danger$list_group_item_action:focus")
.color("#721c24")
.backgroundColor("#f1b0b7")
q"$list_group_item_danger$list_group_item_action$active"
.color("#fff")
.backgroundColor("#721c24")
.borderColor("#721c24")
val list_group_item_light = rule.cls("list-group-item-light")
.color("#818182")
.backgroundColor("#fdfdfe")
Seq(
q"$list_group_item_light$list_group_item_action:hover",
q"$list_group_item_light$list_group_item_action:focus")
.color("#818182")
.backgroundColor("#ececf6")
q"$list_group_item_light$list_group_item_action$active"
.color("#fff")
.backgroundColor("#818182")
.borderColor("#818182")
val list_group_item_dark = rule.cls("list-group-item-dark")
.color("#1b1e21")
.backgroundColor("#c6c8ca")
Seq(
q"$list_group_item_dark$list_group_item_action:hover",
q"$list_group_item_dark$list_group_item_action:focus")
.color("#1b1e21")
.backgroundColor("#b9bbbe")
q"$list_group_item_dark$list_group_item_action$active"
.color("#fff")
.backgroundColor("#1b1e21")
.borderColor("#1b1e21")
q"$close"
.float.right
.fontSize("1.5rem")
.fontWeight("700")
.lineHeight("1")
.color("#000")
.textShadow("0 1px 0 #fff")
.opacity(".5")
q"$close:not(:disabled):not($disabled)"
.cursor.pointer
Seq(
q"$close:not(:disabled):not($disabled):hover",
q"$close:not(:disabled):not($disabled):focus")
.color("#000")
.textDecoration.none
.opacity(".75")
q"button$close"
.padding("0")
.backgroundColor("transparent")
.border("0")
.style("-webkit-appearance", "none")
val modal_open = rule.cls("modal-open")
.overflow.hidden
q"$modal_open $modal"
.overflowX.hidden
.overflowY.auto
q"$modal"
.position.fixed
.top("0")
.right("0")
.bottom("0")
.left("0")
.zIndex("1050")
.display.none
.overflow.hidden
.outline("0")
val modal_dialog = rule.cls("modal-dialog")
.position.relative
.width("auto")
.margin("0.5rem")
.pointerEvents("none")
q"$modal$fade $modal_dialog"
.transition("-webkit-transform 0.3s ease-out")
.transition("transform 0.3s ease-out")
.transition("transform 0.3s ease-out,-webkit-transform 0.3s ease-out")
.style("-webkit-transform", "translate(0,-25%)")
.transform("translate(0,-25%)")
media("screen and (prefers-reduced-motion:reduce)") {
q"$modal$fade $modal_dialog"
.transition("none")
}
q"$modal$show $modal_dialog"
.style("-webkit-transform", "translate(0,0)")
.transform("translate(0,0)")
val modal_dialog_centered = rule.cls("modal-dialog-centered")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-align", "center")
.alignItems.center
.minHeight("calc(100% - (0.5rem*2))")
q"$modal_dialog_centered::before"
.display.block
.height("calc(100vh - (0.5rem*2))")
.content("\"\"")
val modal_content = rule.cls("modal-content")
.position.relative
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-direction", "column")
.flexDirection.column
.width("100%")
.pointerEvents("auto")
.backgroundColor("#fff")
.backgroundClip.paddingBox
.border("1px solid rgba(0,0,0,0.2)")
.borderRadius("0.3rem")
.outline("0")
val modal_backdrop = rule.cls("modal-backdrop")
.position.fixed
.top("0")
.right("0")
.bottom("0")
.left("0")
.zIndex("1040")
.backgroundColor("#000")
q"$modal_backdrop$fade"
.opacity("0")
q"$modal_backdrop$show"
.opacity("0.5")
val modal_header = rule.cls("modal-header")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-align", "start")
.alignItems.flexStart
.style("-ms-flex-pack", "justify")
.justifyContent.spaceBetween
.padding("1rem")
.borderBottom("1px solid #e9ecef")
.borderTopLeftRadius("0.3rem")
.borderTopRightRadius("0.3rem")
q"$modal_header $close"
.padding("1rem")
.margin("-1rem -1rem -1rem auto")
val modal_title = rule.cls("modal-title")
.marginBottom("0")
.lineHeight("1.5")
val modal_body = rule.cls("modal-body")
.position.relative
.style("-ms-flex", "1 1 auto")
.flex("1 1 auto")
.padding("1rem")
val modal_footer = rule.cls("modal-footer")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-align", "center")
.alignItems.center
.style("-ms-flex-pack", "end")
.justifyContent("flex-end")
.padding("1rem")
.borderTop("1px solid #e9ecef")
q"$modal_footer>:not(:first-child)"
.marginLeft(".25rem")
q"$modal_footer>:not(:last-child)"
.marginRight(".25rem")
val modal_scrollbar_measure = rule.cls("modal-scrollbar-measure")
.position.absolute
.top("-9999px")
.width("50px")
.height("50px")
.overflow.scroll
val modal_sm = rule.cls("modal-sm")
media("(min-width:576px)") {
q"$modal_dialog"
.maxWidth("500px")
.margin("1.75rem auto")
q"$modal_dialog_centered"
.minHeight("calc(100% - (1.75rem*2))")
q"$modal_dialog_centered::before"
.height("calc(100vh - (1.75rem*2))")
q"$modal_sm"
.maxWidth("300px")
}
val modal_lg = rule.cls("modal-lg")
media("(min-width:992px)") {
q"$modal_lg"
.maxWidth("800px")
}
val tooltip = rule.cls("tooltip")
.position.absolute
.zIndex("1070")
.display.block
.margin("0")
.fontFamily("-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"")
.fontStyle("normal")
.fontWeight("400")
.lineHeight("1.5")
.textAlign.left
.textAlign("start")
.textDecoration.none
.textShadow("none")
.textTransform("none")
.letterSpacing("normal")
.wordBreak("normal")
.wordSpacing("normal")
.whiteSpace("normal")
.lineBreak("auto")
.fontSize("0.875rem")
.wordWrap("break-word")
.opacity("0")
q"$tooltip$show"
.opacity("0.9")
q"$tooltip $arrow"
.position.absolute
.display.block
.width("0.8rem")
.height("0.4rem")
q"$tooltip $arrow::before"
.position.absolute
.content("\"\"")
.borderColor("transparent")
.borderStyle("solid")
Seq(
q"$bs_tooltip_top",
q"""$bs_tooltip_auto[x-placement^="top"]""")
.padding("0.4rem 0")
Seq(
q"$bs_tooltip_top $arrow",
q"""$bs_tooltip_auto[x-placement^="top"] $arrow""")
.bottom("0")
Seq(
q"$bs_tooltip_top $arrow::before",
q"""$bs_tooltip_auto[x-placement^="top"] $arrow::before""")
.top("0")
.borderWidth("0.4rem 0.4rem 0")
.borderTopColor("#000")
Seq(
q"$bs_tooltip_right",
q"""$bs_tooltip_auto[x-placement^="right"]""")
.padding("0 0.4rem")
Seq(
q"$bs_tooltip_right $arrow",
q"""$bs_tooltip_auto[x-placement^="right"] $arrow""")
.left("0")
.width("0.4rem")
.height("0.8rem")
Seq(
q"$bs_tooltip_right $arrow::before",
q"""$bs_tooltip_auto[x-placement^="right"] $arrow::before""")
.right("0")
.borderWidth("0.4rem 0.4rem 0.4rem 0")
.borderRightColor("#000")
Seq(
q"$bs_tooltip_bottom",
q"""$bs_tooltip_auto[x-placement^="bottom"]""")
.padding("0.4rem 0")
Seq(
q"$bs_tooltip_bottom $arrow",
q"""$bs_tooltip_auto[x-placement^="bottom"] $arrow""")
.top("0")
Seq(
q"$bs_tooltip_bottom $arrow::before",
q"""$bs_tooltip_auto[x-placement^="bottom"] $arrow::before""")
.bottom("0")
.borderWidth("0 0.4rem 0.4rem")
.borderBottomColor("#000")
Seq(
q"$bs_tooltip_left",
q"""$bs_tooltip_auto[x-placement^="left"]""")
.padding("0 0.4rem")
Seq(
q"$bs_tooltip_left $arrow",
q"""$bs_tooltip_auto[x-placement^="left"] $arrow""")
.right("0")
.width("0.4rem")
.height("0.8rem")
Seq(
q"$bs_tooltip_left $arrow::before",
q"""$bs_tooltip_auto[x-placement^="left"] $arrow::before""")
.left("0")
.borderWidth("0.4rem 0 0.4rem 0.4rem")
.borderLeftColor("#000")
val tooltip_inner = rule.cls("tooltip-inner")
.maxWidth("200px")
.padding("0.25rem 0.5rem")
.color("#fff")
.textAlign.center
.backgroundColor("#000")
.borderRadius("0.25rem")
val popover = rule.cls("popover")
.position.absolute
.top("0")
.left("0")
.zIndex("1060")
.display.block
.maxWidth("276px")
.fontFamily("-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"")
.fontStyle("normal")
.fontWeight("400")
.lineHeight("1.5")
.textAlign.left
.textAlign("start")
.textDecoration.none
.textShadow("none")
.textTransform("none")
.letterSpacing("normal")
.wordBreak("normal")
.wordSpacing("normal")
.whiteSpace("normal")
.lineBreak("auto")
.fontSize("0.875rem")
.wordWrap("break-word")
.backgroundColor("#fff")
.backgroundClip.paddingBox
.border("1px solid rgba(0,0,0,0.2)")
.borderRadius("0.3rem")
q"$popover $arrow"
.position.absolute
.display.block
.width("1rem")
.height("0.5rem")
.margin("0 0.3rem")
Seq(
q"$popover $arrow::before",
q"$popover $arrow::after")
.position.absolute
.display.block
.content("\"\"")
.borderColor("transparent")
.borderStyle("solid")
}
trait Bootstrap3 extends Bootstrap2 {
Seq(
q"$bs_popover_top",
q"""$bs_popover_auto[x-placement^="top"]""")
.marginBottom("0.5rem")
Seq(
q"$bs_popover_top $arrow",
q"""$bs_popover_auto[x-placement^="top"] $arrow""")
.bottom("calc((0.5rem + 1px)*-1)")
Seq(
q"$bs_popover_top $arrow::before",
q"""$bs_popover_auto[x-placement^="top"] $arrow::before""",
q"$bs_popover_top $arrow::after",
q"""$bs_popover_auto[x-placement^="top"] $arrow::after""")
.borderWidth("0.5rem 0.5rem 0")
Seq(
q"$bs_popover_top $arrow::before",
q"""$bs_popover_auto[x-placement^="top"] $arrow::before""")
.bottom("0")
.borderTopColor("rgba(0,0,0,0.25)")
Seq(
q"$bs_popover_top $arrow::after",
q"""$bs_popover_auto[x-placement^="top"] $arrow::after""")
.bottom("1px")
.borderTopColor("#fff")
Seq(
q"$bs_popover_right",
q"""$bs_popover_auto[x-placement^="right"]""")
.marginLeft("0.5rem")
Seq(
q"$bs_popover_right $arrow",
q"""$bs_popover_auto[x-placement^="right"] $arrow""")
.left("calc((0.5rem + 1px)*-1)")
.width("0.5rem")
.height("1rem")
.margin("0.3rem 0")
Seq(
q"$bs_popover_right $arrow::before",
q"""$bs_popover_auto[x-placement^="right"] $arrow::before""",
q"$bs_popover_right $arrow::after",
q"""$bs_popover_auto[x-placement^="right"] $arrow::after""")
.borderWidth("0.5rem 0.5rem 0.5rem 0")
Seq(
q"$bs_popover_right $arrow::before",
q"""$bs_popover_auto[x-placement^="right"] $arrow::before""")
.left("0")
.borderRightColor("rgba(0,0,0,0.25)")
Seq(
q"$bs_popover_right $arrow::after",
q"""$bs_popover_auto[x-placement^="right"] $arrow::after""")
.left("1px")
.borderRightColor("#fff")
Seq(
q"$bs_popover_bottom",
q"""$bs_popover_auto[x-placement^="bottom"]""")
.marginTop("0.5rem")
Seq(
q"$bs_popover_bottom $arrow",
q"""$bs_popover_auto[x-placement^="bottom"] $arrow""")
.top("calc((0.5rem + 1px)*-1)")
Seq(
q"$bs_popover_bottom $arrow::before",
q"""$bs_popover_auto[x-placement^="bottom"] $arrow::before""",
q"$bs_popover_bottom $arrow::after",
q"""$bs_popover_auto[x-placement^="bottom"] $arrow::after""")
.borderWidth("0 0.5rem 0.5rem 0.5rem")
Seq(
q"$bs_popover_bottom $arrow::before",
q"""$bs_popover_auto[x-placement^="bottom"] $arrow::before""")
.top("0")
.borderBottomColor("rgba(0,0,0,0.25)")
Seq(
q"$bs_popover_bottom $arrow::after",
q"""$bs_popover_auto[x-placement^="bottom"] $arrow::after""")
.top("1px")
.borderBottomColor("#fff")
Seq(
q"$bs_popover_bottom $popover_header::before",
q"""$bs_popover_auto[x-placement^="bottom"] $popover_header::before""")
.position.absolute
.top("0")
.left("50%")
.display.block
.width("1rem")
.marginLeft("-0.5rem")
.content("\"\"")
.borderBottom("1px solid #f7f7f7")
Seq(
q"$bs_popover_left",
q"""$bs_popover_auto[x-placement^="left"]""")
.marginRight("0.5rem")
Seq(
q"$bs_popover_left $arrow",
q"""$bs_popover_auto[x-placement^="left"] $arrow""")
.right("calc((0.5rem + 1px)*-1)")
.width("0.5rem")
.height("1rem")
.margin("0.3rem 0")
Seq(
q"$bs_popover_left $arrow::before",
q"""$bs_popover_auto[x-placement^="left"] $arrow::before""",
q"$bs_popover_left $arrow::after",
q"""$bs_popover_auto[x-placement^="left"] $arrow::after""")
.borderWidth("0.5rem 0 0.5rem 0.5rem")
Seq(
q"$bs_popover_left $arrow::before",
q"""$bs_popover_auto[x-placement^="left"] $arrow::before""")
.right("0")
.borderLeftColor("rgba(0,0,0,0.25)")
Seq(
q"$bs_popover_left $arrow::after",
q"""$bs_popover_auto[x-placement^="left"] $arrow::after""")
.right("1px")
.borderLeftColor("#fff")
q"$popover_header"
.padding("0.5rem 0.75rem")
.marginBottom("0")
.fontSize("1rem")
.color("inherit")
.backgroundColor("#f7f7f7")
.borderBottom("1px solid #ebebeb")
.borderTopLeftRadius("calc(0.3rem - 1px)")
.borderTopRightRadius("calc(0.3rem - 1px)")
q"$popover_header:empty"
.display.none
val popover_body = rule.cls("popover-body")
.padding("0.5rem 0.75rem")
.color("#212529")
val carousel = rule.cls("carousel")
.position.relative
val carousel_inner = rule.cls("carousel-inner")
.position.relative
.width("100%")
.overflow.hidden
val carousel_item = rule.cls("carousel-item")
.position.relative
.display.none
.style("-ms-flex-align", "center")
.alignItems.center
.width("100%")
.style("-webkit-backface-visibility", "hidden")
.style("backface-visibility", "hidden")
.style("-webkit-perspective", "1000px")
.perspective("1000px")
Seq(
q"$carousel_item$active",
q"$carousel_item_next",
q"$carousel_item_prev")
.display.block
.transition("-webkit-transform 0.6s ease")
.transition("transform 0.6s ease")
.transition("transform 0.6s ease,-webkit-transform 0.6s ease")
media("screen and (prefers-reduced-motion:reduce)") {
Seq(
q"$carousel_item$active",
q"$carousel_item_next",
q"$carousel_item_prev")
.transition("none")
}
Seq(
q"$carousel_item_next",
q"$carousel_item_prev")
.position.absolute
.top("0")
Seq(
q"$carousel_item_next$carousel_item_left",
q"$carousel_item_prev$carousel_item_right")
.style("-webkit-transform", "translateX(0)")
.transform("translateX(0)")
supports("((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d))") {
Seq(
q"$carousel_item_next$carousel_item_left",
q"$carousel_item_prev$carousel_item_right")
.style("-webkit-transform", "translate3d(0,0,0)")
.transform("translate3d(0,0,0)")
}
Seq(
q"$carousel_item_next",
q"$active$carousel_item_right")
.style("-webkit-transform", "translateX(100%)")
.transform("translateX(100%)")
supports("((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d))") {
Seq(
q"$carousel_item_next",
q"$active$carousel_item_right")
.style("-webkit-transform", "translate3d(100%,0,0)")
.transform("translate3d(100%,0,0)")
}
Seq(
q"$carousel_item_prev",
q"$active$carousel_item_left")
.style("-webkit-transform", "translateX(-100%)")
.transform("translateX(-100%)")
supports("((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d))") {
Seq(
q"$carousel_item_prev",
q"$active$carousel_item_left")
.style("-webkit-transform", "translate3d(-100%,0,0)")
.transform("translate3d(-100%,0,0)")
}
q"$carousel_fade $carousel_item"
.opacity("0")
.transitionDuration(".6s")
.transitionProperty("opacity")
Seq(
q"$carousel_fade $carousel_item$active",
q"$carousel_fade $carousel_item_next$carousel_item_left",
q"$carousel_fade $carousel_item_prev$carousel_item_right")
.opacity("1")
Seq(
q"$carousel_fade $active$carousel_item_left",
q"$carousel_fade $active$carousel_item_right")
.opacity("0")
Seq(
q"$carousel_fade $carousel_item_next",
q"$carousel_fade $carousel_item_prev",
q"$carousel_fade $carousel_item$active",
q"$carousel_fade $active$carousel_item_left",
q"$carousel_fade $active$carousel_item_prev")
.style("-webkit-transform", "translateX(0)")
.transform("translateX(0)")
supports("((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d))") {
Seq(
q"$carousel_fade $carousel_item_next",
q"$carousel_fade $carousel_item_prev",
q"$carousel_fade $carousel_item$active",
q"$carousel_fade $active$carousel_item_left",
q"$carousel_fade $active$carousel_item_prev")
.style("-webkit-transform", "translate3d(0,0,0)")
.transform("translate3d(0,0,0)")
}
Seq(
q"$carousel_control_prev",
q"$carousel_control_next")
.position.absolute
.top("0")
.bottom("0")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-align", "center")
.alignItems.center
.style("-ms-flex-pack", "center")
.justifyContent.center
.width("15%")
.color("#fff")
.textAlign.center
.opacity("0.5")
Seq(
q"$carousel_control_prev:hover",
q"$carousel_control_prev:focus",
q"$carousel_control_next:hover",
q"$carousel_control_next:focus")
.color("#fff")
.textDecoration.none
.outline("0")
.opacity(".9")
q"$carousel_control_prev"
.left("0")
q"$carousel_control_next"
.right("0")
Seq(
q"$carousel_control_prev_icon",
q"$carousel_control_next_icon")
.display.inlineBlock
.width("20px")
.height("20px")
.background("transparent no-repeat center center")
.backgroundSize("100% 100%")
q"$carousel_control_prev_icon"
.backgroundImage("url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\")")
q"$carousel_control_next_icon"
.backgroundImage("url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\")")
val carousel_indicators = rule.cls("carousel-indicators")
.position.absolute
.right("0")
.bottom("10px")
.left("0")
.zIndex("15")
.display("-ms-flexbox")
.display.flex
.style("-ms-flex-pack", "center")
.justifyContent.center
.paddingLeft("0")
.marginRight("15%")
.marginLeft("15%")
.listStyle("none")
q"$carousel_indicators li"
.position.relative
.style("-ms-flex", "0 1 auto")
.flex("0 1 auto")
.width("30px")
.height("3px")
.marginRight("3px")
.marginLeft("3px")
.textIndent("-999px")
.cursor.pointer
.backgroundColor("rgba(255,255,255,0.5)")
q"$carousel_indicators li::before"
.position.absolute
.top("-10px")
.left("0")
.display.inlineBlock
.width("100%")
.height("10px")
.content("\"\"")
q"$carousel_indicators li::after"
.position.absolute
.bottom("-10px")
.left("0")
.display.inlineBlock
.width("100%")
.height("10px")
.content("\"\"")
q"$carousel_indicators $active"
.backgroundColor("#fff")
val carousel_caption = rule.cls("carousel-caption")
.position.absolute
.right("15%")
.bottom("20px")
.left("15%")
.zIndex("10")
.paddingTop("20px")
.paddingBottom("20px")
.color("#fff")
.textAlign.center
val align_baseline = rule.cls("align-baseline")
.verticalAlign("baseline !important")
val align_top = rule.cls("align-top")
.verticalAlign("top !important")
val align_middle = rule.cls("align-middle")
.verticalAlign("middle !important")
val align_bottom = rule.cls("align-bottom")
.verticalAlign("bottom !important")
val align_text_bottom = rule.cls("align-text-bottom")
.verticalAlign("text-bottom !important")
val align_text_top = rule.cls("align-text-top")
.verticalAlign("text-top !important")
val bg_primary = rule.cls("bg-primary")
.backgroundColor("#007bff !important")
Seq(
q"a$bg_primary:hover",
q"a$bg_primary:focus",
q"button$bg_primary:hover",
q"button$bg_primary:focus")
.backgroundColor("#0062cc !important")
val bg_secondary = rule.cls("bg-secondary")
.backgroundColor("#6c757d !important")
Seq(
q"a$bg_secondary:hover",
q"a$bg_secondary:focus",
q"button$bg_secondary:hover",
q"button$bg_secondary:focus")
.backgroundColor("#545b62 !important")
val bg_success = rule.cls("bg-success")
.backgroundColor("#28a745 !important")
Seq(
q"a$bg_success:hover",
q"a$bg_success:focus",
q"button$bg_success:hover",
q"button$bg_success:focus")
.backgroundColor("#1e7e34 !important")
val bg_info = rule.cls("bg-info")
.backgroundColor("#17a2b8 !important")
Seq(
q"a$bg_info:hover",
q"a$bg_info:focus",
q"button$bg_info:hover",
q"button$bg_info:focus")
.backgroundColor("#117a8b !important")
val bg_warning = rule.cls("bg-warning")
.backgroundColor("#ffc107 !important")
Seq(
q"a$bg_warning:hover",
q"a$bg_warning:focus",
q"button$bg_warning:hover",
q"button$bg_warning:focus")
.backgroundColor("#d39e00 !important")
val bg_danger = rule.cls("bg-danger")
.backgroundColor("#dc3545 !important")
Seq(
q"a$bg_danger:hover",
q"a$bg_danger:focus",
q"button$bg_danger:hover",
q"button$bg_danger:focus")
.backgroundColor("#bd2130 !important")
val bg_light = rule.cls("bg-light")
.backgroundColor("#f8f9fa !important")
Seq(
q"a$bg_light:hover",
q"a$bg_light:focus",
q"button$bg_light:hover",
q"button$bg_light:focus")
.backgroundColor("#dae0e5 !important")
val bg_dark = rule.cls("bg-dark")
.backgroundColor("#343a40 !important")
Seq(
q"a$bg_dark:hover",
q"a$bg_dark:focus",
q"button$bg_dark:hover",
q"button$bg_dark:focus")
.backgroundColor("#1d2124 !important")
val bg_white = rule.cls("bg-white")
.backgroundColor("#fff !important")
val bg_transparent = rule.cls("bg-transparent")
.backgroundColor("transparent !important")
val border = rule.cls("border")
.border("1px solid #dee2e6 !important")
val border_top = rule.cls("border-top")
.borderTop("1px solid #dee2e6 !important")
val border_right = rule.cls("border-right")
.borderRight("1px solid #dee2e6 !important")
val border_bottom = rule.cls("border-bottom")
.borderBottom("1px solid #dee2e6 !important")
val border_left = rule.cls("border-left")
.borderLeft("1px solid #dee2e6 !important")
val border_0 = rule.cls("border-0")
.border("0 !important")
val border_top_0 = rule.cls("border-top-0")
.borderTop("0 !important")
val border_right_0 = rule.cls("border-right-0")
.borderRight("0 !important")
val border_bottom_0 = rule.cls("border-bottom-0")
.borderBottom("0 !important")
val border_left_0 = rule.cls("border-left-0")
.borderLeft("0 !important")
val border_primary = rule.cls("border-primary")
.borderColor("#007bff !important")
val border_secondary = rule.cls("border-secondary")
.borderColor("#6c757d !important")
val border_success = rule.cls("border-success")
.borderColor("#28a745 !important")
val border_info = rule.cls("border-info")
.borderColor("#17a2b8 !important")
val border_warning = rule.cls("border-warning")
.borderColor("#ffc107 !important")
val border_danger = rule.cls("border-danger")
.borderColor("#dc3545 !important")
val border_light = rule.cls("border-light")
.borderColor("#f8f9fa !important")
val border_dark = rule.cls("border-dark")
.borderColor("#343a40 !important")
val border_white = rule.cls("border-white")
.borderColor("#fff !important")
val rounded = rule.cls("rounded")
.borderRadius("0.25rem !important")
val rounded_top = rule.cls("rounded-top")
.borderTopLeftRadius("0.25rem !important")
.borderTopRightRadius("0.25rem !important")
val rounded_right = rule.cls("rounded-right")
.borderTopRightRadius("0.25rem !important")
.borderBottomRightRadius("0.25rem !important")
val rounded_bottom = rule.cls("rounded-bottom")
.borderBottomRightRadius("0.25rem !important")
.borderBottomLeftRadius("0.25rem !important")
val rounded_left = rule.cls("rounded-left")
.borderTopLeftRadius("0.25rem !important")
.borderBottomLeftRadius("0.25rem !important")
val rounded_circle = rule.cls("rounded-circle")
.borderRadius("50% !important")
val rounded_0 = rule.cls("rounded-0")
.borderRadius("0 !important")
q"$clearfix::after"
.display.block
.clear.both
.content("\"\"")
val d_none = rule.cls("d-none")
.display("none !important")
val d_inline = rule.cls("d-inline")
.display("inline !important")
val d_inline_block = rule.cls("d-inline-block")
.display("inline-block !important")
val d_block = rule.cls("d-block")
.display("block !important")
val d_table = rule.cls("d-table")
.display("table !important")
val d_table_row = rule.cls("d-table-row")
.display("table-row !important")
val d_table_cell = rule.cls("d-table-cell")
.display("table-cell !important")
val d_flex = rule.cls("d-flex")
.display("-ms-flexbox !important")
.display("flex !important")
val d_inline_flex = rule.cls("d-inline-flex")
.display("-ms-inline-flexbox !important")
.display("inline-flex !important")
val d_sm_block = rule.cls("d-sm-block")
val d_sm_flex = rule.cls("d-sm-flex")
val d_sm_inline = rule.cls("d-sm-inline")
val d_sm_inline_block = rule.cls("d-sm-inline-block")
val d_sm_inline_flex = rule.cls("d-sm-inline-flex")
val d_sm_none = rule.cls("d-sm-none")
val d_sm_table = rule.cls("d-sm-table")
val d_sm_table_cell = rule.cls("d-sm-table-cell")
val d_sm_table_row = rule.cls("d-sm-table-row")
media("(min-width:576px)") {
q"$d_sm_none"
.display("none !important")
q"$d_sm_inline"
.display("inline !important")
q"$d_sm_inline_block"
.display("inline-block !important")
q"$d_sm_block"
.display("block !important")
q"$d_sm_table"
.display("table !important")
q"$d_sm_table_row"
.display("table-row !important")
q"$d_sm_table_cell"
.display("table-cell !important")
q"$d_sm_flex"
.display("-ms-flexbox !important")
.display("flex !important")
q"$d_sm_inline_flex"
.display("-ms-inline-flexbox !important")
.display("inline-flex !important")
}
val d_md_block = rule.cls("d-md-block")
val d_md_flex = rule.cls("d-md-flex")
val d_md_inline = rule.cls("d-md-inline")
val d_md_inline_block = rule.cls("d-md-inline-block")
val d_md_inline_flex = rule.cls("d-md-inline-flex")
val d_md_none = rule.cls("d-md-none")
val d_md_table = rule.cls("d-md-table")
val d_md_table_cell = rule.cls("d-md-table-cell")
val d_md_table_row = rule.cls("d-md-table-row")
media("(min-width:768px)") {
q"$d_md_none"
.display("none !important")
q"$d_md_inline"
.display("inline !important")
q"$d_md_inline_block"
.display("inline-block !important")
q"$d_md_block"
.display("block !important")
q"$d_md_table"
.display("table !important")
q"$d_md_table_row"
.display("table-row !important")
q"$d_md_table_cell"
.display("table-cell !important")
q"$d_md_flex"
.display("-ms-flexbox !important")
.display("flex !important")
q"$d_md_inline_flex"
.display("-ms-inline-flexbox !important")
.display("inline-flex !important")
}
val d_lg_block = rule.cls("d-lg-block")
val d_lg_flex = rule.cls("d-lg-flex")
val d_lg_inline = rule.cls("d-lg-inline")
val d_lg_inline_block = rule.cls("d-lg-inline-block")
val d_lg_inline_flex = rule.cls("d-lg-inline-flex")
val d_lg_none = rule.cls("d-lg-none")
val d_lg_table = rule.cls("d-lg-table")
val d_lg_table_cell = rule.cls("d-lg-table-cell")
val d_lg_table_row = rule.cls("d-lg-table-row")
media("(min-width:992px)") {
q"$d_lg_none"
.display("none !important")
q"$d_lg_inline"
.display("inline !important")
q"$d_lg_inline_block"
.display("inline-block !important")
q"$d_lg_block"
.display("block !important")
q"$d_lg_table"
.display("table !important")
q"$d_lg_table_row"
.display("table-row !important")
q"$d_lg_table_cell"
.display("table-cell !important")
q"$d_lg_flex"
.display("-ms-flexbox !important")
.display("flex !important")
q"$d_lg_inline_flex"
.display("-ms-inline-flexbox !important")
.display("inline-flex !important")
}
val d_xl_block = rule.cls("d-xl-block")
val d_xl_flex = rule.cls("d-xl-flex")
val d_xl_inline = rule.cls("d-xl-inline")
val d_xl_inline_block = rule.cls("d-xl-inline-block")
val d_xl_inline_flex = rule.cls("d-xl-inline-flex")
val d_xl_none = rule.cls("d-xl-none")
val d_xl_table = rule.cls("d-xl-table")
val d_xl_table_cell = rule.cls("d-xl-table-cell")
val d_xl_table_row = rule.cls("d-xl-table-row")
media("(min-width:1200px)") {
q"$d_xl_none"
.display("none !important")
q"$d_xl_inline"
.display("inline !important")
q"$d_xl_inline_block"
.display("inline-block !important")
q"$d_xl_block"
.display("block !important")
q"$d_xl_table"
.display("table !important")
q"$d_xl_table_row"
.display("table-row !important")
q"$d_xl_table_cell"
.display("table-cell !important")
q"$d_xl_flex"
.display("-ms-flexbox !important")
.display("flex !important")
q"$d_xl_inline_flex"
.display("-ms-inline-flexbox !important")
.display("inline-flex !important")
}
val d_print_block = rule.cls("d-print-block")
val d_print_flex = rule.cls("d-print-flex")
val d_print_inline = rule.cls("d-print-inline")
val d_print_inline_block = rule.cls("d-print-inline-block")
val d_print_inline_flex = rule.cls("d-print-inline-flex")
val d_print_none = rule.cls("d-print-none")
val d_print_table = rule.cls("d-print-table")
val d_print_table_cell = rule.cls("d-print-table-cell")
val d_print_table_row = rule.cls("d-print-table-row")
media("print") {
q"$d_print_none"
.display("none !important")
q"$d_print_inline"
.display("inline !important")
q"$d_print_inline_block"
.display("inline-block !important")
q"$d_print_block"
.display("block !important")
q"$d_print_table"
.display("table !important")
q"$d_print_table_row"
.display("table-row !important")
q"$d_print_table_cell"
.display("table-cell !important")
q"$d_print_flex"
.display("-ms-flexbox !important")
.display("flex !important")
q"$d_print_inline_flex"
.display("-ms-inline-flexbox !important")
.display("inline-flex !important")
}
val embed_responsive = rule.cls("embed-responsive")
.position.relative
.display.block
.width("100%")
.padding("0")
.overflow.hidden
q"$embed_responsive::before"
.display.block
.content("\"\"")
Seq(
q"$embed_responsive $embed_responsive_item",
q"$embed_responsive iframe",
q"$embed_responsive embed",
q"$embed_responsive object",
q"$embed_responsive video")
.position.absolute
.top("0")
.bottom("0")
.left("0")
.width("100%")
.height("100%")
.border("0")
q"$embed_responsive_21by9::before"
.paddingTop("42.857143%")
q"$embed_responsive_16by9::before"
.paddingTop("56.25%")
q"$embed_responsive_4by3::before"
.paddingTop("75%")
q"$embed_responsive_1by1::before"
.paddingTop("100%")
val flex_row = rule.cls("flex-row")
.style("-ms-flex-direction", "row !important")
.flexDirection("row !important")
val flex_column = rule.cls("flex-column")
.style("-ms-flex-direction", "column !important")
.flexDirection("column !important")
val flex_row_reverse = rule.cls("flex-row-reverse")
.style("-ms-flex-direction", "row-reverse !important")
.flexDirection("row-reverse !important")
val flex_column_reverse = rule.cls("flex-column-reverse")
.style("-ms-flex-direction", "column-reverse !important")
.flexDirection("column-reverse !important")
val flex_wrap = rule.cls("flex-wrap")
.style("-ms-flex-wrap", "wrap !important")
.flexWrap("wrap !important")
val flex_nowrap = rule.cls("flex-nowrap")
.style("-ms-flex-wrap", "nowrap !important")
.flexWrap("nowrap !important")
val flex_wrap_reverse = rule.cls("flex-wrap-reverse")
.style("-ms-flex-wrap", "wrap-reverse !important")
.flexWrap("wrap-reverse !important")
val flex_fill = rule.cls("flex-fill")
.style("-ms-flex", "1 1 auto !important")
.flex("1 1 auto !important")
val flex_grow_0 = rule.cls("flex-grow-0")
.style("-ms-flex-positive", "0 !important")
.flexGrow("0 !important")
val flex_grow_1 = rule.cls("flex-grow-1")
.style("-ms-flex-positive", "1 !important")
.flexGrow("1 !important")
val flex_shrink_0 = rule.cls("flex-shrink-0")
.style("-ms-flex-negative", "0 !important")
.flexShrink("0 !important")
val flex_shrink_1 = rule.cls("flex-shrink-1")
.style("-ms-flex-negative", "1 !important")
.flexShrink("1 !important")
val justify_content_start = rule.cls("justify-content-start")
.style("-ms-flex-pack", "start !important")
.justifyContent("flex-start !important")
val justify_content_end = rule.cls("justify-content-end")
.style("-ms-flex-pack", "end !important")
.justifyContent("flex-end !important")
val justify_content_center = rule.cls("justify-content-center")
.style("-ms-flex-pack", "center !important")
.justifyContent("center !important")
val justify_content_between = rule.cls("justify-content-between")
.style("-ms-flex-pack", "justify !important")
.justifyContent("space-between !important")
val justify_content_around = rule.cls("justify-content-around")
.style("-ms-flex-pack", "distribute !important")
.justifyContent("space-around !important")
val align_items_start = rule.cls("align-items-start")
.style("-ms-flex-align", "start !important")
.alignItems("flex-start !important")
val align_items_end = rule.cls("align-items-end")
.style("-ms-flex-align", "end !important")
.alignItems("flex-end !important")
val align_items_center = rule.cls("align-items-center")
.style("-ms-flex-align", "center !important")
.alignItems("center !important")
val align_items_baseline = rule.cls("align-items-baseline")
.style("-ms-flex-align", "baseline !important")
.alignItems("baseline !important")
val align_items_stretch = rule.cls("align-items-stretch")
.style("-ms-flex-align", "stretch !important")
.alignItems("stretch !important")
val align_content_start = rule.cls("align-content-start")
.style("-ms-flex-line-pack", "start !important")
.alignContent("flex-start !important")
val align_content_end = rule.cls("align-content-end")
.style("-ms-flex-line-pack", "end !important")
.alignContent("flex-end !important")
val align_content_center = rule.cls("align-content-center")
.style("-ms-flex-line-pack", "center !important")
.alignContent("center !important")
val align_content_between = rule.cls("align-content-between")
.style("-ms-flex-line-pack", "justify !important")
.alignContent("space-between !important")
val align_content_around = rule.cls("align-content-around")
.style("-ms-flex-line-pack", "distribute !important")
.alignContent("space-around !important")
val align_content_stretch = rule.cls("align-content-stretch")
.style("-ms-flex-line-pack", "stretch !important")
.alignContent("stretch !important")
val align_self_auto = rule.cls("align-self-auto")
.style("-ms-flex-item-align", "auto !important")
.alignSelf("auto !important")
val align_self_start = rule.cls("align-self-start")
.style("-ms-flex-item-align", "start !important")
.alignSelf("flex-start !important")
val align_self_end = rule.cls("align-self-end")
.style("-ms-flex-item-align", "end !important")
.alignSelf("flex-end !important")
val align_self_center = rule.cls("align-self-center")
.style("-ms-flex-item-align", "center !important")
.alignSelf("center !important")
val align_self_baseline = rule.cls("align-self-baseline")
.style("-ms-flex-item-align", "baseline !important")
.alignSelf("baseline !important")
val align_self_stretch = rule.cls("align-self-stretch")
.style("-ms-flex-item-align", "stretch !important")
.alignSelf("stretch !important")
val align_content_sm_around = rule.cls("align-content-sm-around")
val align_content_sm_between = rule.cls("align-content-sm-between")
val align_content_sm_center = rule.cls("align-content-sm-center")
val align_content_sm_end = rule.cls("align-content-sm-end")
val align_content_sm_start = rule.cls("align-content-sm-start")
val align_content_sm_stretch = rule.cls("align-content-sm-stretch")
val align_items_sm_baseline = rule.cls("align-items-sm-baseline")
val align_items_sm_center = rule.cls("align-items-sm-center")
val align_items_sm_end = rule.cls("align-items-sm-end")
val align_items_sm_start = rule.cls("align-items-sm-start")
val align_items_sm_stretch = rule.cls("align-items-sm-stretch")
val align_self_sm_auto = rule.cls("align-self-sm-auto")
val align_self_sm_baseline = rule.cls("align-self-sm-baseline")
val align_self_sm_center = rule.cls("align-self-sm-center")
val align_self_sm_end = rule.cls("align-self-sm-end")
val align_self_sm_start = rule.cls("align-self-sm-start")
val align_self_sm_stretch = rule.cls("align-self-sm-stretch")
val flex_sm_column = rule.cls("flex-sm-column")
val flex_sm_column_reverse = rule.cls("flex-sm-column-reverse")
val flex_sm_fill = rule.cls("flex-sm-fill")
val flex_sm_grow_0 = rule.cls("flex-sm-grow-0")
val flex_sm_grow_1 = rule.cls("flex-sm-grow-1")
val flex_sm_nowrap = rule.cls("flex-sm-nowrap")
val flex_sm_row = rule.cls("flex-sm-row")
val flex_sm_row_reverse = rule.cls("flex-sm-row-reverse")
val flex_sm_shrink_0 = rule.cls("flex-sm-shrink-0")
val flex_sm_shrink_1 = rule.cls("flex-sm-shrink-1")
val flex_sm_wrap = rule.cls("flex-sm-wrap")
val flex_sm_wrap_reverse = rule.cls("flex-sm-wrap-reverse")
val justify_content_sm_around = rule.cls("justify-content-sm-around")
val justify_content_sm_between = rule.cls("justify-content-sm-between")
val justify_content_sm_center = rule.cls("justify-content-sm-center")
val justify_content_sm_end = rule.cls("justify-content-sm-end")
val justify_content_sm_start = rule.cls("justify-content-sm-start")
media("(min-width:576px)") {
q"$flex_sm_row"
.style("-ms-flex-direction", "row !important")
.flexDirection("row !important")
q"$flex_sm_column"
.style("-ms-flex-direction", "column !important")
.flexDirection("column !important")
q"$flex_sm_row_reverse"
.style("-ms-flex-direction", "row-reverse !important")
.flexDirection("row-reverse !important")
q"$flex_sm_column_reverse"
.style("-ms-flex-direction", "column-reverse !important")
.flexDirection("column-reverse !important")
q"$flex_sm_wrap"
.style("-ms-flex-wrap", "wrap !important")
.flexWrap("wrap !important")
q"$flex_sm_nowrap"
.style("-ms-flex-wrap", "nowrap !important")
.flexWrap("nowrap !important")
q"$flex_sm_wrap_reverse"
.style("-ms-flex-wrap", "wrap-reverse !important")
.flexWrap("wrap-reverse !important")
q"$flex_sm_fill"
.style("-ms-flex", "1 1 auto !important")
.flex("1 1 auto !important")
q"$flex_sm_grow_0"
.style("-ms-flex-positive", "0 !important")
.flexGrow("0 !important")
q"$flex_sm_grow_1"
.style("-ms-flex-positive", "1 !important")
.flexGrow("1 !important")
q"$flex_sm_shrink_0"
.style("-ms-flex-negative", "0 !important")
.flexShrink("0 !important")
q"$flex_sm_shrink_1"
.style("-ms-flex-negative", "1 !important")
.flexShrink("1 !important")
q"$justify_content_sm_start"
.style("-ms-flex-pack", "start !important")
.justifyContent("flex-start !important")
q"$justify_content_sm_end"
.style("-ms-flex-pack", "end !important")
.justifyContent("flex-end !important")
q"$justify_content_sm_center"
.style("-ms-flex-pack", "center !important")
.justifyContent("center !important")
q"$justify_content_sm_between"
.style("-ms-flex-pack", "justify !important")
.justifyContent("space-between !important")
q"$justify_content_sm_around"
.style("-ms-flex-pack", "distribute !important")
.justifyContent("space-around !important")
q"$align_items_sm_start"
.style("-ms-flex-align", "start !important")
.alignItems("flex-start !important")
q"$align_items_sm_end"
.style("-ms-flex-align", "end !important")
.alignItems("flex-end !important")
q"$align_items_sm_center"
.style("-ms-flex-align", "center !important")
.alignItems("center !important")
q"$align_items_sm_baseline"
.style("-ms-flex-align", "baseline !important")
.alignItems("baseline !important")
q"$align_items_sm_stretch"
.style("-ms-flex-align", "stretch !important")
.alignItems("stretch !important")
q"$align_content_sm_start"
.style("-ms-flex-line-pack", "start !important")
.alignContent("flex-start !important")
q"$align_content_sm_end"
.style("-ms-flex-line-pack", "end !important")
.alignContent("flex-end !important")
q"$align_content_sm_center"
.style("-ms-flex-line-pack", "center !important")
.alignContent("center !important")
q"$align_content_sm_between"
.style("-ms-flex-line-pack", "justify !important")
.alignContent("space-between !important")
q"$align_content_sm_around"
.style("-ms-flex-line-pack", "distribute !important")
.alignContent("space-around !important")
q"$align_content_sm_stretch"
.style("-ms-flex-line-pack", "stretch !important")
.alignContent("stretch !important")
q"$align_self_sm_auto"
.style("-ms-flex-item-align", "auto !important")
.alignSelf("auto !important")
q"$align_self_sm_start"
.style("-ms-flex-item-align", "start !important")
.alignSelf("flex-start !important")
q"$align_self_sm_end"
.style("-ms-flex-item-align", "end !important")
.alignSelf("flex-end !important")
q"$align_self_sm_center"
.style("-ms-flex-item-align", "center !important")
.alignSelf("center !important")
q"$align_self_sm_baseline"
.style("-ms-flex-item-align", "baseline !important")
.alignSelf("baseline !important")
q"$align_self_sm_stretch"
.style("-ms-flex-item-align", "stretch !important")
.alignSelf("stretch !important")
}
val align_content_md_around = rule.cls("align-content-md-around")
val align_content_md_between = rule.cls("align-content-md-between")
val align_content_md_center = rule.cls("align-content-md-center")
val align_content_md_end = rule.cls("align-content-md-end")
val align_content_md_start = rule.cls("align-content-md-start")
val align_content_md_stretch = rule.cls("align-content-md-stretch")
val align_items_md_baseline = rule.cls("align-items-md-baseline")
val align_items_md_center = rule.cls("align-items-md-center")
val align_items_md_end = rule.cls("align-items-md-end")
val align_items_md_start = rule.cls("align-items-md-start")
val align_items_md_stretch = rule.cls("align-items-md-stretch")
val align_self_md_auto = rule.cls("align-self-md-auto")
val align_self_md_baseline = rule.cls("align-self-md-baseline")
val align_self_md_center = rule.cls("align-self-md-center")
val align_self_md_end = rule.cls("align-self-md-end")
val align_self_md_start = rule.cls("align-self-md-start")
val align_self_md_stretch = rule.cls("align-self-md-stretch")
val flex_md_column = rule.cls("flex-md-column")
val flex_md_column_reverse = rule.cls("flex-md-column-reverse")
val flex_md_fill = rule.cls("flex-md-fill")
val flex_md_grow_0 = rule.cls("flex-md-grow-0")
val flex_md_grow_1 = rule.cls("flex-md-grow-1")
val flex_md_nowrap = rule.cls("flex-md-nowrap")
val flex_md_row = rule.cls("flex-md-row")
val flex_md_row_reverse = rule.cls("flex-md-row-reverse")
val flex_md_shrink_0 = rule.cls("flex-md-shrink-0")
val flex_md_shrink_1 = rule.cls("flex-md-shrink-1")
val flex_md_wrap = rule.cls("flex-md-wrap")
val flex_md_wrap_reverse = rule.cls("flex-md-wrap-reverse")
val justify_content_md_around = rule.cls("justify-content-md-around")
val justify_content_md_between = rule.cls("justify-content-md-between")
val justify_content_md_center = rule.cls("justify-content-md-center")
val justify_content_md_end = rule.cls("justify-content-md-end")
val justify_content_md_start = rule.cls("justify-content-md-start")
media("(min-width:768px)") {
q"$flex_md_row"
.style("-ms-flex-direction", "row !important")
.flexDirection("row !important")
q"$flex_md_column"
.style("-ms-flex-direction", "column !important")
.flexDirection("column !important")
q"$flex_md_row_reverse"
.style("-ms-flex-direction", "row-reverse !important")
.flexDirection("row-reverse !important")
q"$flex_md_column_reverse"
.style("-ms-flex-direction", "column-reverse !important")
.flexDirection("column-reverse !important")
q"$flex_md_wrap"
.style("-ms-flex-wrap", "wrap !important")
.flexWrap("wrap !important")
q"$flex_md_nowrap"
.style("-ms-flex-wrap", "nowrap !important")
.flexWrap("nowrap !important")
q"$flex_md_wrap_reverse"
.style("-ms-flex-wrap", "wrap-reverse !important")
.flexWrap("wrap-reverse !important")
q"$flex_md_fill"
.style("-ms-flex", "1 1 auto !important")
.flex("1 1 auto !important")
q"$flex_md_grow_0"
.style("-ms-flex-positive", "0 !important")
.flexGrow("0 !important")
q"$flex_md_grow_1"
.style("-ms-flex-positive", "1 !important")
.flexGrow("1 !important")
q"$flex_md_shrink_0"
.style("-ms-flex-negative", "0 !important")
.flexShrink("0 !important")
q"$flex_md_shrink_1"
.style("-ms-flex-negative", "1 !important")
.flexShrink("1 !important")
q"$justify_content_md_start"
.style("-ms-flex-pack", "start !important")
.justifyContent("flex-start !important")
q"$justify_content_md_end"
.style("-ms-flex-pack", "end !important")
.justifyContent("flex-end !important")
q"$justify_content_md_center"
.style("-ms-flex-pack", "center !important")
.justifyContent("center !important")
q"$justify_content_md_between"
.style("-ms-flex-pack", "justify !important")
.justifyContent("space-between !important")
q"$justify_content_md_around"
.style("-ms-flex-pack", "distribute !important")
.justifyContent("space-around !important")
q"$align_items_md_start"
.style("-ms-flex-align", "start !important")
.alignItems("flex-start !important")
q"$align_items_md_end"
.style("-ms-flex-align", "end !important")
.alignItems("flex-end !important")
q"$align_items_md_center"
.style("-ms-flex-align", "center !important")
.alignItems("center !important")
q"$align_items_md_baseline"
.style("-ms-flex-align", "baseline !important")
.alignItems("baseline !important")
q"$align_items_md_stretch"
.style("-ms-flex-align", "stretch !important")
.alignItems("stretch !important")
q"$align_content_md_start"
.style("-ms-flex-line-pack", "start !important")
.alignContent("flex-start !important")
q"$align_content_md_end"
.style("-ms-flex-line-pack", "end !important")
.alignContent("flex-end !important")
q"$align_content_md_center"
.style("-ms-flex-line-pack", "center !important")
.alignContent("center !important")
q"$align_content_md_between"
.style("-ms-flex-line-pack", "justify !important")
.alignContent("space-between !important")
q"$align_content_md_around"
.style("-ms-flex-line-pack", "distribute !important")
.alignContent("space-around !important")
q"$align_content_md_stretch"
.style("-ms-flex-line-pack", "stretch !important")
.alignContent("stretch !important")
q"$align_self_md_auto"
.style("-ms-flex-item-align", "auto !important")
.alignSelf("auto !important")
q"$align_self_md_start"
.style("-ms-flex-item-align", "start !important")
.alignSelf("flex-start !important")
q"$align_self_md_end"
.style("-ms-flex-item-align", "end !important")
.alignSelf("flex-end !important")
q"$align_self_md_center"
.style("-ms-flex-item-align", "center !important")
.alignSelf("center !important")
q"$align_self_md_baseline"
.style("-ms-flex-item-align", "baseline !important")
.alignSelf("baseline !important")
q"$align_self_md_stretch"
.style("-ms-flex-item-align", "stretch !important")
.alignSelf("stretch !important")
}
val align_content_lg_around = rule.cls("align-content-lg-around")
val align_content_lg_between = rule.cls("align-content-lg-between")
val align_content_lg_center = rule.cls("align-content-lg-center")
val align_content_lg_end = rule.cls("align-content-lg-end")
val align_content_lg_start = rule.cls("align-content-lg-start")
val align_content_lg_stretch = rule.cls("align-content-lg-stretch")
val align_items_lg_baseline = rule.cls("align-items-lg-baseline")
val align_items_lg_center = rule.cls("align-items-lg-center")
val align_items_lg_end = rule.cls("align-items-lg-end")
val align_items_lg_start = rule.cls("align-items-lg-start")
val align_items_lg_stretch = rule.cls("align-items-lg-stretch")
val align_self_lg_auto = rule.cls("align-self-lg-auto")
val align_self_lg_baseline = rule.cls("align-self-lg-baseline")
val align_self_lg_center = rule.cls("align-self-lg-center")
val align_self_lg_end = rule.cls("align-self-lg-end")
val align_self_lg_start = rule.cls("align-self-lg-start")
val align_self_lg_stretch = rule.cls("align-self-lg-stretch")
val flex_lg_column = rule.cls("flex-lg-column")
val flex_lg_column_reverse = rule.cls("flex-lg-column-reverse")
val flex_lg_fill = rule.cls("flex-lg-fill")
val flex_lg_grow_0 = rule.cls("flex-lg-grow-0")
val flex_lg_grow_1 = rule.cls("flex-lg-grow-1")
val flex_lg_nowrap = rule.cls("flex-lg-nowrap")
val flex_lg_row = rule.cls("flex-lg-row")
val flex_lg_row_reverse = rule.cls("flex-lg-row-reverse")
val flex_lg_shrink_0 = rule.cls("flex-lg-shrink-0")
val flex_lg_shrink_1 = rule.cls("flex-lg-shrink-1")
val flex_lg_wrap = rule.cls("flex-lg-wrap")
val flex_lg_wrap_reverse = rule.cls("flex-lg-wrap-reverse")
val justify_content_lg_around = rule.cls("justify-content-lg-around")
val justify_content_lg_between = rule.cls("justify-content-lg-between")
val justify_content_lg_center = rule.cls("justify-content-lg-center")
val justify_content_lg_end = rule.cls("justify-content-lg-end")
val justify_content_lg_start = rule.cls("justify-content-lg-start")
media("(min-width:992px)") {
q"$flex_lg_row"
.style("-ms-flex-direction", "row !important")
.flexDirection("row !important")
q"$flex_lg_column"
.style("-ms-flex-direction", "column !important")
.flexDirection("column !important")
q"$flex_lg_row_reverse"
.style("-ms-flex-direction", "row-reverse !important")
.flexDirection("row-reverse !important")
q"$flex_lg_column_reverse"
.style("-ms-flex-direction", "column-reverse !important")
.flexDirection("column-reverse !important")
q"$flex_lg_wrap"
.style("-ms-flex-wrap", "wrap !important")
.flexWrap("wrap !important")
q"$flex_lg_nowrap"
.style("-ms-flex-wrap", "nowrap !important")
.flexWrap("nowrap !important")
q"$flex_lg_wrap_reverse"
.style("-ms-flex-wrap", "wrap-reverse !important")
.flexWrap("wrap-reverse !important")
q"$flex_lg_fill"
.style("-ms-flex", "1 1 auto !important")
.flex("1 1 auto !important")
q"$flex_lg_grow_0"
.style("-ms-flex-positive", "0 !important")
.flexGrow("0 !important")
q"$flex_lg_grow_1"
.style("-ms-flex-positive", "1 !important")
.flexGrow("1 !important")
q"$flex_lg_shrink_0"
.style("-ms-flex-negative", "0 !important")
.flexShrink("0 !important")
q"$flex_lg_shrink_1"
.style("-ms-flex-negative", "1 !important")
.flexShrink("1 !important")
q"$justify_content_lg_start"
.style("-ms-flex-pack", "start !important")
.justifyContent("flex-start !important")
q"$justify_content_lg_end"
.style("-ms-flex-pack", "end !important")
.justifyContent("flex-end !important")
q"$justify_content_lg_center"
.style("-ms-flex-pack", "center !important")
.justifyContent("center !important")
q"$justify_content_lg_between"
.style("-ms-flex-pack", "justify !important")
.justifyContent("space-between !important")
q"$justify_content_lg_around"
.style("-ms-flex-pack", "distribute !important")
.justifyContent("space-around !important")
q"$align_items_lg_start"
.style("-ms-flex-align", "start !important")
.alignItems("flex-start !important")
q"$align_items_lg_end"
.style("-ms-flex-align", "end !important")
.alignItems("flex-end !important")
q"$align_items_lg_center"
.style("-ms-flex-align", "center !important")
.alignItems("center !important")
q"$align_items_lg_baseline"
.style("-ms-flex-align", "baseline !important")
.alignItems("baseline !important")
q"$align_items_lg_stretch"
.style("-ms-flex-align", "stretch !important")
.alignItems("stretch !important")
q"$align_content_lg_start"
.style("-ms-flex-line-pack", "start !important")
.alignContent("flex-start !important")
q"$align_content_lg_end"
.style("-ms-flex-line-pack", "end !important")
.alignContent("flex-end !important")
q"$align_content_lg_center"
.style("-ms-flex-line-pack", "center !important")
.alignContent("center !important")
q"$align_content_lg_between"
.style("-ms-flex-line-pack", "justify !important")
.alignContent("space-between !important")
q"$align_content_lg_around"
.style("-ms-flex-line-pack", "distribute !important")
.alignContent("space-around !important")
q"$align_content_lg_stretch"
.style("-ms-flex-line-pack", "stretch !important")
.alignContent("stretch !important")
q"$align_self_lg_auto"
.style("-ms-flex-item-align", "auto !important")
.alignSelf("auto !important")
q"$align_self_lg_start"
.style("-ms-flex-item-align", "start !important")
.alignSelf("flex-start !important")
q"$align_self_lg_end"
.style("-ms-flex-item-align", "end !important")
.alignSelf("flex-end !important")
q"$align_self_lg_center"
.style("-ms-flex-item-align", "center !important")
.alignSelf("center !important")
q"$align_self_lg_baseline"
.style("-ms-flex-item-align", "baseline !important")
.alignSelf("baseline !important")
q"$align_self_lg_stretch"
.style("-ms-flex-item-align", "stretch !important")
.alignSelf("stretch !important")
}
val align_content_xl_around = rule.cls("align-content-xl-around")
val align_content_xl_between = rule.cls("align-content-xl-between")
val align_content_xl_center = rule.cls("align-content-xl-center")
val align_content_xl_end = rule.cls("align-content-xl-end")
val align_content_xl_start = rule.cls("align-content-xl-start")
val align_content_xl_stretch = rule.cls("align-content-xl-stretch")
val align_items_xl_baseline = rule.cls("align-items-xl-baseline")
val align_items_xl_center = rule.cls("align-items-xl-center")
val align_items_xl_end = rule.cls("align-items-xl-end")
val align_items_xl_start = rule.cls("align-items-xl-start")
val align_items_xl_stretch = rule.cls("align-items-xl-stretch")
val align_self_xl_auto = rule.cls("align-self-xl-auto")
val align_self_xl_baseline = rule.cls("align-self-xl-baseline")
val align_self_xl_center = rule.cls("align-self-xl-center")
val align_self_xl_end = rule.cls("align-self-xl-end")
val align_self_xl_start = rule.cls("align-self-xl-start")
val align_self_xl_stretch = rule.cls("align-self-xl-stretch")
val flex_xl_column = rule.cls("flex-xl-column")
val flex_xl_column_reverse = rule.cls("flex-xl-column-reverse")
val flex_xl_fill = rule.cls("flex-xl-fill")
val flex_xl_grow_0 = rule.cls("flex-xl-grow-0")
val flex_xl_grow_1 = rule.cls("flex-xl-grow-1")
val flex_xl_nowrap = rule.cls("flex-xl-nowrap")
val flex_xl_row = rule.cls("flex-xl-row")
val flex_xl_row_reverse = rule.cls("flex-xl-row-reverse")
val flex_xl_shrink_0 = rule.cls("flex-xl-shrink-0")
val flex_xl_shrink_1 = rule.cls("flex-xl-shrink-1")
val flex_xl_wrap = rule.cls("flex-xl-wrap")
val flex_xl_wrap_reverse = rule.cls("flex-xl-wrap-reverse")
val justify_content_xl_around = rule.cls("justify-content-xl-around")
val justify_content_xl_between = rule.cls("justify-content-xl-between")
val justify_content_xl_center = rule.cls("justify-content-xl-center")
val justify_content_xl_end = rule.cls("justify-content-xl-end")
val justify_content_xl_start = rule.cls("justify-content-xl-start")
media("(min-width:1200px)") {
q"$flex_xl_row"
.style("-ms-flex-direction", "row !important")
.flexDirection("row !important")
q"$flex_xl_column"
.style("-ms-flex-direction", "column !important")
.flexDirection("column !important")
q"$flex_xl_row_reverse"
.style("-ms-flex-direction", "row-reverse !important")
.flexDirection("row-reverse !important")
q"$flex_xl_column_reverse"
.style("-ms-flex-direction", "column-reverse !important")
.flexDirection("column-reverse !important")
q"$flex_xl_wrap"
.style("-ms-flex-wrap", "wrap !important")
.flexWrap("wrap !important")
q"$flex_xl_nowrap"
.style("-ms-flex-wrap", "nowrap !important")
.flexWrap("nowrap !important")
q"$flex_xl_wrap_reverse"
.style("-ms-flex-wrap", "wrap-reverse !important")
.flexWrap("wrap-reverse !important")
q"$flex_xl_fill"
.style("-ms-flex", "1 1 auto !important")
.flex("1 1 auto !important")
q"$flex_xl_grow_0"
.style("-ms-flex-positive", "0 !important")
.flexGrow("0 !important")
q"$flex_xl_grow_1"
.style("-ms-flex-positive", "1 !important")
.flexGrow("1 !important")
q"$flex_xl_shrink_0"
.style("-ms-flex-negative", "0 !important")
.flexShrink("0 !important")
q"$flex_xl_shrink_1"
.style("-ms-flex-negative", "1 !important")
.flexShrink("1 !important")
q"$justify_content_xl_start"
.style("-ms-flex-pack", "start !important")
.justifyContent("flex-start !important")
q"$justify_content_xl_end"
.style("-ms-flex-pack", "end !important")
.justifyContent("flex-end !important")
q"$justify_content_xl_center"
.style("-ms-flex-pack", "center !important")
.justifyContent("center !important")
q"$justify_content_xl_between"
.style("-ms-flex-pack", "justify !important")
.justifyContent("space-between !important")
q"$justify_content_xl_around"
.style("-ms-flex-pack", "distribute !important")
.justifyContent("space-around !important")
q"$align_items_xl_start"
.style("-ms-flex-align", "start !important")
.alignItems("flex-start !important")
q"$align_items_xl_end"
.style("-ms-flex-align", "end !important")
.alignItems("flex-end !important")
q"$align_items_xl_center"
.style("-ms-flex-align", "center !important")
.alignItems("center !important")
q"$align_items_xl_baseline"
.style("-ms-flex-align", "baseline !important")
.alignItems("baseline !important")
q"$align_items_xl_stretch"
.style("-ms-flex-align", "stretch !important")
.alignItems("stretch !important")
q"$align_content_xl_start"
.style("-ms-flex-line-pack", "start !important")
.alignContent("flex-start !important")
q"$align_content_xl_end"
.style("-ms-flex-line-pack", "end !important")
.alignContent("flex-end !important")
q"$align_content_xl_center"
.style("-ms-flex-line-pack", "center !important")
.alignContent("center !important")
q"$align_content_xl_between"
.style("-ms-flex-line-pack", "justify !important")
.alignContent("space-between !important")
q"$align_content_xl_around"
.style("-ms-flex-line-pack", "distribute !important")
.alignContent("space-around !important")
q"$align_content_xl_stretch"
.style("-ms-flex-line-pack", "stretch !important")
.alignContent("stretch !important")
q"$align_self_xl_auto"
.style("-ms-flex-item-align", "auto !important")
.alignSelf("auto !important")
q"$align_self_xl_start"
.style("-ms-flex-item-align", "start !important")
.alignSelf("flex-start !important")
q"$align_self_xl_end"
.style("-ms-flex-item-align", "end !important")
.alignSelf("flex-end !important")
q"$align_self_xl_center"
.style("-ms-flex-item-align", "center !important")
.alignSelf("center !important")
q"$align_self_xl_baseline"
.style("-ms-flex-item-align", "baseline !important")
.alignSelf("baseline !important")
q"$align_self_xl_stretch"
.style("-ms-flex-item-align", "stretch !important")
.alignSelf("stretch !important")
}
}
trait Bootstrap4 extends Bootstrap3 {
val float_left = rule.cls("float-left")
.float("left !important")
val float_right = rule.cls("float-right")
.float("right !important")
val float_none = rule.cls("float-none")
.float("none !important")
val float_sm_left = rule.cls("float-sm-left")
val float_sm_none = rule.cls("float-sm-none")
val float_sm_right = rule.cls("float-sm-right")
media("(min-width:576px)") {
q"$float_sm_left"
.float("left !important")
q"$float_sm_right"
.float("right !important")
q"$float_sm_none"
.float("none !important")
}
val float_md_left = rule.cls("float-md-left")
val float_md_none = rule.cls("float-md-none")
val float_md_right = rule.cls("float-md-right")
media("(min-width:768px)") {
q"$float_md_left"
.float("left !important")
q"$float_md_right"
.float("right !important")
q"$float_md_none"
.float("none !important")
}
val float_lg_left = rule.cls("float-lg-left")
val float_lg_none = rule.cls("float-lg-none")
val float_lg_right = rule.cls("float-lg-right")
media("(min-width:992px)") {
q"$float_lg_left"
.float("left !important")
q"$float_lg_right"
.float("right !important")
q"$float_lg_none"
.float("none !important")
}
val float_xl_left = rule.cls("float-xl-left")
val float_xl_none = rule.cls("float-xl-none")
val float_xl_right = rule.cls("float-xl-right")
media("(min-width:1200px)") {
q"$float_xl_left"
.float("left !important")
q"$float_xl_right"
.float("right !important")
q"$float_xl_none"
.float("none !important")
}
val position_static = rule.cls("position-static")
.position("static !important")
val position_relative = rule.cls("position-relative")
.position("relative !important")
val position_absolute = rule.cls("position-absolute")
.position("absolute !important")
val position_fixed = rule.cls("position-fixed")
.position("fixed !important")
val position_sticky = rule.cls("position-sticky")
.position("-webkit-sticky !important")
.position("sticky !important")
val fixed_top = rule.cls("fixed-top")
.position.fixed
.top("0")
.right("0")
.left("0")
.zIndex("1030")
val fixed_bottom = rule.cls("fixed-bottom")
.position.fixed
.right("0")
.bottom("0")
.left("0")
.zIndex("1030")
supports("((position:-webkit-sticky) or (position:sticky))") {
q"$sticky_top"
.position("-webkit-sticky")
.position.sticky
.top("0")
.zIndex("1020")
}
val sr_only = rule.cls("sr-only")
.position.absolute
.width("1px")
.height("1px")
.padding("0")
.overflow.hidden
.style("clip", "rect(0,0,0,0)")
.whiteSpace("nowrap")
.border("0")
Seq(
q"$sr_only_focusable:active",
q"$sr_only_focusable:focus")
.position.static
.width("auto")
.height("auto")
.overflow.visible
.style("clip", "auto")
.whiteSpace("normal")
val shadow_sm = rule.cls("shadow-sm")
.boxShadow("0 0.125rem 0.25rem rgba(0,0,0,0.075) !important")
val shadow = rule.cls("shadow")
.boxShadow("0 0.5rem 1rem rgba(0,0,0,0.15) !important")
val shadow_lg = rule.cls("shadow-lg")
.boxShadow("0 1rem 3rem rgba(0,0,0,0.175) !important")
val shadow_none = rule.cls("shadow-none")
.boxShadow("none !important")
val w_25 = rule.cls("w-25")
.width("25% !important")
val w_50 = rule.cls("w-50")
.width("50% !important")
val w_75 = rule.cls("w-75")
.width("75% !important")
val w_100 = rule.cls("w-100")
.width("100% !important")
val w_auto = rule.cls("w-auto")
.width("auto !important")
val h_25 = rule.cls("h-25")
.height("25% !important")
val h_50 = rule.cls("h-50")
.height("50% !important")
val h_75 = rule.cls("h-75")
.height("75% !important")
val h_100 = rule.cls("h-100")
.height("100% !important")
val h_auto = rule.cls("h-auto")
.height("auto !important")
val mw_100 = rule.cls("mw-100")
.maxWidth("100% !important")
val mh_100 = rule.cls("mh-100")
.maxHeight("100% !important")
val m_0 = rule.cls("m-0")
.margin("0 !important")
Seq(
q"$mt_0",
q"$my_0")
.marginTop("0 !important")
Seq(
q"$mr_0",
q"$mx_0")
.marginRight("0 !important")
Seq(
q"$mb_0",
q"$my_0")
.marginBottom("0 !important")
Seq(
q"$ml_0",
q"$mx_0")
.marginLeft("0 !important")
val m_1 = rule.cls("m-1")
.margin("0.25rem !important")
Seq(
q"$mt_1",
q"$my_1")
.marginTop("0.25rem !important")
Seq(
q"$mr_1",
q"$mx_1")
.marginRight("0.25rem !important")
Seq(
q"$mb_1",
q"$my_1")
.marginBottom("0.25rem !important")
Seq(
q"$ml_1",
q"$mx_1")
.marginLeft("0.25rem !important")
val m_2 = rule.cls("m-2")
.margin("0.5rem !important")
Seq(
q"$mt_2",
q"$my_2")
.marginTop("0.5rem !important")
Seq(
q"$mr_2",
q"$mx_2")
.marginRight("0.5rem !important")
Seq(
q"$mb_2",
q"$my_2")
.marginBottom("0.5rem !important")
Seq(
q"$ml_2",
q"$mx_2")
.marginLeft("0.5rem !important")
val m_3 = rule.cls("m-3")
.margin("1rem !important")
Seq(
q"$mt_3",
q"$my_3")
.marginTop("1rem !important")
Seq(
q"$mr_3",
q"$mx_3")
.marginRight("1rem !important")
Seq(
q"$mb_3",
q"$my_3")
.marginBottom("1rem !important")
Seq(
q"$ml_3",
q"$mx_3")
.marginLeft("1rem !important")
val m_4 = rule.cls("m-4")
.margin("1.5rem !important")
Seq(
q"$mt_4",
q"$my_4")
.marginTop("1.5rem !important")
Seq(
q"$mr_4",
q"$mx_4")
.marginRight("1.5rem !important")
Seq(
q"$mb_4",
q"$my_4")
.marginBottom("1.5rem !important")
Seq(
q"$ml_4",
q"$mx_4")
.marginLeft("1.5rem !important")
val m_5 = rule.cls("m-5")
.margin("3rem !important")
Seq(
q"$mt_5",
q"$my_5")
.marginTop("3rem !important")
Seq(
q"$mr_5",
q"$mx_5")
.marginRight("3rem !important")
Seq(
q"$mb_5",
q"$my_5")
.marginBottom("3rem !important")
Seq(
q"$ml_5",
q"$mx_5")
.marginLeft("3rem !important")
val p_0 = rule.cls("p-0")
.padding("0 !important")
Seq(
q"$pt_0",
q"$py_0")
.paddingTop("0 !important")
Seq(
q"$pr_0",
q"$px_0")
.paddingRight("0 !important")
Seq(
q"$pb_0",
q"$py_0")
.paddingBottom("0 !important")
Seq(
q"$pl_0",
q"$px_0")
.paddingLeft("0 !important")
val p_1 = rule.cls("p-1")
.padding("0.25rem !important")
Seq(
q"$pt_1",
q"$py_1")
.paddingTop("0.25rem !important")
Seq(
q"$pr_1",
q"$px_1")
.paddingRight("0.25rem !important")
Seq(
q"$pb_1",
q"$py_1")
.paddingBottom("0.25rem !important")
Seq(
q"$pl_1",
q"$px_1")
.paddingLeft("0.25rem !important")
val p_2 = rule.cls("p-2")
.padding("0.5rem !important")
Seq(
q"$pt_2",
q"$py_2")
.paddingTop("0.5rem !important")
Seq(
q"$pr_2",
q"$px_2")
.paddingRight("0.5rem !important")
Seq(
q"$pb_2",
q"$py_2")
.paddingBottom("0.5rem !important")
Seq(
q"$pl_2",
q"$px_2")
.paddingLeft("0.5rem !important")
val p_3 = rule.cls("p-3")
.padding("1rem !important")
Seq(
q"$pt_3",
q"$py_3")
.paddingTop("1rem !important")
Seq(
q"$pr_3",
q"$px_3")
.paddingRight("1rem !important")
Seq(
q"$pb_3",
q"$py_3")
.paddingBottom("1rem !important")
Seq(
q"$pl_3",
q"$px_3")
.paddingLeft("1rem !important")
val p_4 = rule.cls("p-4")
.padding("1.5rem !important")
Seq(
q"$pt_4",
q"$py_4")
.paddingTop("1.5rem !important")
Seq(
q"$pr_4",
q"$px_4")
.paddingRight("1.5rem !important")
Seq(
q"$pb_4",
q"$py_4")
.paddingBottom("1.5rem !important")
Seq(
q"$pl_4",
q"$px_4")
.paddingLeft("1.5rem !important")
val p_5 = rule.cls("p-5")
.padding("3rem !important")
Seq(
q"$pt_5",
q"$py_5")
.paddingTop("3rem !important")
Seq(
q"$pr_5",
q"$px_5")
.paddingRight("3rem !important")
Seq(
q"$pb_5",
q"$py_5")
.paddingBottom("3rem !important")
Seq(
q"$pl_5",
q"$px_5")
.paddingLeft("3rem !important")
val m_auto = rule.cls("m-auto")
.margin("auto !important")
Seq(
q"$mt_auto",
q"$my_auto")
.marginTop("auto !important")
Seq(
q"$mr_auto",
q"$mx_auto")
.marginRight("auto !important")
Seq(
q"$mb_auto",
q"$my_auto")
.marginBottom("auto !important")
Seq(
q"$ml_auto",
q"$mx_auto")
.marginLeft("auto !important")
val m_sm_0 = rule.cls("m-sm-0")
val m_sm_1 = rule.cls("m-sm-1")
val m_sm_2 = rule.cls("m-sm-2")
val m_sm_3 = rule.cls("m-sm-3")
val m_sm_4 = rule.cls("m-sm-4")
val m_sm_5 = rule.cls("m-sm-5")
val m_sm_auto = rule.cls("m-sm-auto")
val mb_sm_0 = rule.cls("mb-sm-0")
val mb_sm_1 = rule.cls("mb-sm-1")
val mb_sm_2 = rule.cls("mb-sm-2")
val mb_sm_3 = rule.cls("mb-sm-3")
val mb_sm_4 = rule.cls("mb-sm-4")
val mb_sm_5 = rule.cls("mb-sm-5")
val mb_sm_auto = rule.cls("mb-sm-auto")
val ml_sm_0 = rule.cls("ml-sm-0")
val ml_sm_1 = rule.cls("ml-sm-1")
val ml_sm_2 = rule.cls("ml-sm-2")
val ml_sm_3 = rule.cls("ml-sm-3")
val ml_sm_4 = rule.cls("ml-sm-4")
val ml_sm_5 = rule.cls("ml-sm-5")
val ml_sm_auto = rule.cls("ml-sm-auto")
val mr_sm_0 = rule.cls("mr-sm-0")
val mr_sm_1 = rule.cls("mr-sm-1")
val mr_sm_2 = rule.cls("mr-sm-2")
val mr_sm_3 = rule.cls("mr-sm-3")
val mr_sm_4 = rule.cls("mr-sm-4")
val mr_sm_5 = rule.cls("mr-sm-5")
val mr_sm_auto = rule.cls("mr-sm-auto")
val mt_sm_0 = rule.cls("mt-sm-0")
val mt_sm_1 = rule.cls("mt-sm-1")
val mt_sm_2 = rule.cls("mt-sm-2")
val mt_sm_3 = rule.cls("mt-sm-3")
val mt_sm_4 = rule.cls("mt-sm-4")
val mt_sm_5 = rule.cls("mt-sm-5")
val mt_sm_auto = rule.cls("mt-sm-auto")
val mx_sm_0 = rule.cls("mx-sm-0")
val mx_sm_1 = rule.cls("mx-sm-1")
val mx_sm_2 = rule.cls("mx-sm-2")
val mx_sm_3 = rule.cls("mx-sm-3")
val mx_sm_4 = rule.cls("mx-sm-4")
val mx_sm_5 = rule.cls("mx-sm-5")
val mx_sm_auto = rule.cls("mx-sm-auto")
val my_sm_0 = rule.cls("my-sm-0")
val my_sm_1 = rule.cls("my-sm-1")
val my_sm_2 = rule.cls("my-sm-2")
val my_sm_3 = rule.cls("my-sm-3")
val my_sm_4 = rule.cls("my-sm-4")
val my_sm_5 = rule.cls("my-sm-5")
val my_sm_auto = rule.cls("my-sm-auto")
val p_sm_0 = rule.cls("p-sm-0")
val p_sm_1 = rule.cls("p-sm-1")
val p_sm_2 = rule.cls("p-sm-2")
val p_sm_3 = rule.cls("p-sm-3")
val p_sm_4 = rule.cls("p-sm-4")
val p_sm_5 = rule.cls("p-sm-5")
val pb_sm_0 = rule.cls("pb-sm-0")
val pb_sm_1 = rule.cls("pb-sm-1")
val pb_sm_2 = rule.cls("pb-sm-2")
val pb_sm_3 = rule.cls("pb-sm-3")
val pb_sm_4 = rule.cls("pb-sm-4")
val pb_sm_5 = rule.cls("pb-sm-5")
val pl_sm_0 = rule.cls("pl-sm-0")
val pl_sm_1 = rule.cls("pl-sm-1")
val pl_sm_2 = rule.cls("pl-sm-2")
val pl_sm_3 = rule.cls("pl-sm-3")
val pl_sm_4 = rule.cls("pl-sm-4")
val pl_sm_5 = rule.cls("pl-sm-5")
val pr_sm_0 = rule.cls("pr-sm-0")
val pr_sm_1 = rule.cls("pr-sm-1")
val pr_sm_2 = rule.cls("pr-sm-2")
val pr_sm_3 = rule.cls("pr-sm-3")
val pr_sm_4 = rule.cls("pr-sm-4")
val pr_sm_5 = rule.cls("pr-sm-5")
val pt_sm_0 = rule.cls("pt-sm-0")
val pt_sm_1 = rule.cls("pt-sm-1")
val pt_sm_2 = rule.cls("pt-sm-2")
val pt_sm_3 = rule.cls("pt-sm-3")
val pt_sm_4 = rule.cls("pt-sm-4")
val pt_sm_5 = rule.cls("pt-sm-5")
val px_sm_0 = rule.cls("px-sm-0")
val px_sm_1 = rule.cls("px-sm-1")
val px_sm_2 = rule.cls("px-sm-2")
val px_sm_3 = rule.cls("px-sm-3")
val px_sm_4 = rule.cls("px-sm-4")
val px_sm_5 = rule.cls("px-sm-5")
val py_sm_0 = rule.cls("py-sm-0")
val py_sm_1 = rule.cls("py-sm-1")
val py_sm_2 = rule.cls("py-sm-2")
val py_sm_3 = rule.cls("py-sm-3")
val py_sm_4 = rule.cls("py-sm-4")
val py_sm_5 = rule.cls("py-sm-5")
media("(min-width:576px)") {
q"$m_sm_0"
.margin("0 !important")
Seq(
q"$mt_sm_0",
q"$my_sm_0")
.marginTop("0 !important")
Seq(
q"$mr_sm_0",
q"$mx_sm_0")
.marginRight("0 !important")
Seq(
q"$mb_sm_0",
q"$my_sm_0")
.marginBottom("0 !important")
Seq(
q"$ml_sm_0",
q"$mx_sm_0")
.marginLeft("0 !important")
q"$m_sm_1"
.margin("0.25rem !important")
Seq(
q"$mt_sm_1",
q"$my_sm_1")
.marginTop("0.25rem !important")
Seq(
q"$mr_sm_1",
q"$mx_sm_1")
.marginRight("0.25rem !important")
Seq(
q"$mb_sm_1",
q"$my_sm_1")
.marginBottom("0.25rem !important")
Seq(
q"$ml_sm_1",
q"$mx_sm_1")
.marginLeft("0.25rem !important")
q"$m_sm_2"
.margin("0.5rem !important")
Seq(
q"$mt_sm_2",
q"$my_sm_2")
.marginTop("0.5rem !important")
Seq(
q"$mr_sm_2",
q"$mx_sm_2")
.marginRight("0.5rem !important")
Seq(
q"$mb_sm_2",
q"$my_sm_2")
.marginBottom("0.5rem !important")
Seq(
q"$ml_sm_2",
q"$mx_sm_2")
.marginLeft("0.5rem !important")
q"$m_sm_3"
.margin("1rem !important")
Seq(
q"$mt_sm_3",
q"$my_sm_3")
.marginTop("1rem !important")
Seq(
q"$mr_sm_3",
q"$mx_sm_3")
.marginRight("1rem !important")
Seq(
q"$mb_sm_3",
q"$my_sm_3")
.marginBottom("1rem !important")
Seq(
q"$ml_sm_3",
q"$mx_sm_3")
.marginLeft("1rem !important")
q"$m_sm_4"
.margin("1.5rem !important")
Seq(
q"$mt_sm_4",
q"$my_sm_4")
.marginTop("1.5rem !important")
Seq(
q"$mr_sm_4",
q"$mx_sm_4")
.marginRight("1.5rem !important")
Seq(
q"$mb_sm_4",
q"$my_sm_4")
.marginBottom("1.5rem !important")
Seq(
q"$ml_sm_4",
q"$mx_sm_4")
.marginLeft("1.5rem !important")
q"$m_sm_5"
.margin("3rem !important")
Seq(
q"$mt_sm_5",
q"$my_sm_5")
.marginTop("3rem !important")
Seq(
q"$mr_sm_5",
q"$mx_sm_5")
.marginRight("3rem !important")
Seq(
q"$mb_sm_5",
q"$my_sm_5")
.marginBottom("3rem !important")
Seq(
q"$ml_sm_5",
q"$mx_sm_5")
.marginLeft("3rem !important")
q"$p_sm_0"
.padding("0 !important")
Seq(
q"$pt_sm_0",
q"$py_sm_0")
.paddingTop("0 !important")
Seq(
q"$pr_sm_0",
q"$px_sm_0")
.paddingRight("0 !important")
Seq(
q"$pb_sm_0",
q"$py_sm_0")
.paddingBottom("0 !important")
Seq(
q"$pl_sm_0",
q"$px_sm_0")
.paddingLeft("0 !important")
q"$p_sm_1"
.padding("0.25rem !important")
Seq(
q"$pt_sm_1",
q"$py_sm_1")
.paddingTop("0.25rem !important")
Seq(
q"$pr_sm_1",
q"$px_sm_1")
.paddingRight("0.25rem !important")
Seq(
q"$pb_sm_1",
q"$py_sm_1")
.paddingBottom("0.25rem !important")
Seq(
q"$pl_sm_1",
q"$px_sm_1")
.paddingLeft("0.25rem !important")
q"$p_sm_2"
.padding("0.5rem !important")
Seq(
q"$pt_sm_2",
q"$py_sm_2")
.paddingTop("0.5rem !important")
Seq(
q"$pr_sm_2",
q"$px_sm_2")
.paddingRight("0.5rem !important")
Seq(
q"$pb_sm_2",
q"$py_sm_2")
.paddingBottom("0.5rem !important")
Seq(
q"$pl_sm_2",
q"$px_sm_2")
.paddingLeft("0.5rem !important")
q"$p_sm_3"
.padding("1rem !important")
Seq(
q"$pt_sm_3",
q"$py_sm_3")
.paddingTop("1rem !important")
Seq(
q"$pr_sm_3",
q"$px_sm_3")
.paddingRight("1rem !important")
Seq(
q"$pb_sm_3",
q"$py_sm_3")
.paddingBottom("1rem !important")
Seq(
q"$pl_sm_3",
q"$px_sm_3")
.paddingLeft("1rem !important")
q"$p_sm_4"
.padding("1.5rem !important")
Seq(
q"$pt_sm_4",
q"$py_sm_4")
.paddingTop("1.5rem !important")
Seq(
q"$pr_sm_4",
q"$px_sm_4")
.paddingRight("1.5rem !important")
Seq(
q"$pb_sm_4",
q"$py_sm_4")
.paddingBottom("1.5rem !important")
Seq(
q"$pl_sm_4",
q"$px_sm_4")
.paddingLeft("1.5rem !important")
q"$p_sm_5"
.padding("3rem !important")
Seq(
q"$pt_sm_5",
q"$py_sm_5")
.paddingTop("3rem !important")
Seq(
q"$pr_sm_5",
q"$px_sm_5")
.paddingRight("3rem !important")
Seq(
q"$pb_sm_5",
q"$py_sm_5")
.paddingBottom("3rem !important")
Seq(
q"$pl_sm_5",
q"$px_sm_5")
.paddingLeft("3rem !important")
q"$m_sm_auto"
.margin("auto !important")
Seq(
q"$mt_sm_auto",
q"$my_sm_auto")
.marginTop("auto !important")
Seq(
q"$mr_sm_auto",
q"$mx_sm_auto")
.marginRight("auto !important")
Seq(
q"$mb_sm_auto",
q"$my_sm_auto")
.marginBottom("auto !important")
Seq(
q"$ml_sm_auto",
q"$mx_sm_auto")
.marginLeft("auto !important")
}
val m_md_0 = rule.cls("m-md-0")
val m_md_1 = rule.cls("m-md-1")
val m_md_2 = rule.cls("m-md-2")
val m_md_3 = rule.cls("m-md-3")
val m_md_4 = rule.cls("m-md-4")
val m_md_5 = rule.cls("m-md-5")
val m_md_auto = rule.cls("m-md-auto")
val mb_md_0 = rule.cls("mb-md-0")
val mb_md_1 = rule.cls("mb-md-1")
val mb_md_2 = rule.cls("mb-md-2")
val mb_md_3 = rule.cls("mb-md-3")
val mb_md_4 = rule.cls("mb-md-4")
val mb_md_5 = rule.cls("mb-md-5")
val mb_md_auto = rule.cls("mb-md-auto")
val ml_md_0 = rule.cls("ml-md-0")
val ml_md_1 = rule.cls("ml-md-1")
val ml_md_2 = rule.cls("ml-md-2")
val ml_md_3 = rule.cls("ml-md-3")
val ml_md_4 = rule.cls("ml-md-4")
val ml_md_5 = rule.cls("ml-md-5")
val ml_md_auto = rule.cls("ml-md-auto")
val mr_md_0 = rule.cls("mr-md-0")
val mr_md_1 = rule.cls("mr-md-1")
val mr_md_2 = rule.cls("mr-md-2")
val mr_md_3 = rule.cls("mr-md-3")
val mr_md_4 = rule.cls("mr-md-4")
val mr_md_5 = rule.cls("mr-md-5")
val mr_md_auto = rule.cls("mr-md-auto")
val mt_md_0 = rule.cls("mt-md-0")
val mt_md_1 = rule.cls("mt-md-1")
val mt_md_2 = rule.cls("mt-md-2")
val mt_md_3 = rule.cls("mt-md-3")
val mt_md_4 = rule.cls("mt-md-4")
val mt_md_5 = rule.cls("mt-md-5")
val mt_md_auto = rule.cls("mt-md-auto")
val mx_md_0 = rule.cls("mx-md-0")
val mx_md_1 = rule.cls("mx-md-1")
val mx_md_2 = rule.cls("mx-md-2")
val mx_md_3 = rule.cls("mx-md-3")
val mx_md_4 = rule.cls("mx-md-4")
val mx_md_5 = rule.cls("mx-md-5")
val mx_md_auto = rule.cls("mx-md-auto")
val my_md_0 = rule.cls("my-md-0")
val my_md_1 = rule.cls("my-md-1")
val my_md_2 = rule.cls("my-md-2")
val my_md_3 = rule.cls("my-md-3")
val my_md_4 = rule.cls("my-md-4")
val my_md_5 = rule.cls("my-md-5")
val my_md_auto = rule.cls("my-md-auto")
val p_md_0 = rule.cls("p-md-0")
val p_md_1 = rule.cls("p-md-1")
val p_md_2 = rule.cls("p-md-2")
val p_md_3 = rule.cls("p-md-3")
val p_md_4 = rule.cls("p-md-4")
val p_md_5 = rule.cls("p-md-5")
val pb_md_0 = rule.cls("pb-md-0")
val pb_md_1 = rule.cls("pb-md-1")
val pb_md_2 = rule.cls("pb-md-2")
val pb_md_3 = rule.cls("pb-md-3")
val pb_md_4 = rule.cls("pb-md-4")
val pb_md_5 = rule.cls("pb-md-5")
val pl_md_0 = rule.cls("pl-md-0")
val pl_md_1 = rule.cls("pl-md-1")
val pl_md_2 = rule.cls("pl-md-2")
val pl_md_3 = rule.cls("pl-md-3")
val pl_md_4 = rule.cls("pl-md-4")
val pl_md_5 = rule.cls("pl-md-5")
val pr_md_0 = rule.cls("pr-md-0")
val pr_md_1 = rule.cls("pr-md-1")
val pr_md_2 = rule.cls("pr-md-2")
val pr_md_3 = rule.cls("pr-md-3")
val pr_md_4 = rule.cls("pr-md-4")
val pr_md_5 = rule.cls("pr-md-5")
val pt_md_0 = rule.cls("pt-md-0")
val pt_md_1 = rule.cls("pt-md-1")
val pt_md_2 = rule.cls("pt-md-2")
val pt_md_3 = rule.cls("pt-md-3")
val pt_md_4 = rule.cls("pt-md-4")
val pt_md_5 = rule.cls("pt-md-5")
val px_md_0 = rule.cls("px-md-0")
val px_md_1 = rule.cls("px-md-1")
val px_md_2 = rule.cls("px-md-2")
val px_md_3 = rule.cls("px-md-3")
val px_md_4 = rule.cls("px-md-4")
val px_md_5 = rule.cls("px-md-5")
val py_md_0 = rule.cls("py-md-0")
val py_md_1 = rule.cls("py-md-1")
val py_md_2 = rule.cls("py-md-2")
val py_md_3 = rule.cls("py-md-3")
val py_md_4 = rule.cls("py-md-4")
val py_md_5 = rule.cls("py-md-5")
media("(min-width:768px)") {
q"$m_md_0"
.margin("0 !important")
Seq(
q"$mt_md_0",
q"$my_md_0")
.marginTop("0 !important")
Seq(
q"$mr_md_0",
q"$mx_md_0")
.marginRight("0 !important")
Seq(
q"$mb_md_0",
q"$my_md_0")
.marginBottom("0 !important")
Seq(
q"$ml_md_0",
q"$mx_md_0")
.marginLeft("0 !important")
q"$m_md_1"
.margin("0.25rem !important")
Seq(
q"$mt_md_1",
q"$my_md_1")
.marginTop("0.25rem !important")
Seq(
q"$mr_md_1",
q"$mx_md_1")
.marginRight("0.25rem !important")
Seq(
q"$mb_md_1",
q"$my_md_1")
.marginBottom("0.25rem !important")
Seq(
q"$ml_md_1",
q"$mx_md_1")
.marginLeft("0.25rem !important")
q"$m_md_2"
.margin("0.5rem !important")
Seq(
q"$mt_md_2",
q"$my_md_2")
.marginTop("0.5rem !important")
Seq(
q"$mr_md_2",
q"$mx_md_2")
.marginRight("0.5rem !important")
Seq(
q"$mb_md_2",
q"$my_md_2")
.marginBottom("0.5rem !important")
Seq(
q"$ml_md_2",
q"$mx_md_2")
.marginLeft("0.5rem !important")
q"$m_md_3"
.margin("1rem !important")
Seq(
q"$mt_md_3",
q"$my_md_3")
.marginTop("1rem !important")
Seq(
q"$mr_md_3",
q"$mx_md_3")
.marginRight("1rem !important")
Seq(
q"$mb_md_3",
q"$my_md_3")
.marginBottom("1rem !important")
Seq(
q"$ml_md_3",
q"$mx_md_3")
.marginLeft("1rem !important")
q"$m_md_4"
.margin("1.5rem !important")
Seq(
q"$mt_md_4",
q"$my_md_4")
.marginTop("1.5rem !important")
Seq(
q"$mr_md_4",
q"$mx_md_4")
.marginRight("1.5rem !important")
Seq(
q"$mb_md_4",
q"$my_md_4")
.marginBottom("1.5rem !important")
Seq(
q"$ml_md_4",
q"$mx_md_4")
.marginLeft("1.5rem !important")
q"$m_md_5"
.margin("3rem !important")
Seq(
q"$mt_md_5",
q"$my_md_5")
.marginTop("3rem !important")
Seq(
q"$mr_md_5",
q"$mx_md_5")
.marginRight("3rem !important")
Seq(
q"$mb_md_5",
q"$my_md_5")
.marginBottom("3rem !important")
Seq(
q"$ml_md_5",
q"$mx_md_5")
.marginLeft("3rem !important")
q"$p_md_0"
.padding("0 !important")
Seq(
q"$pt_md_0",
q"$py_md_0")
.paddingTop("0 !important")
Seq(
q"$pr_md_0",
q"$px_md_0")
.paddingRight("0 !important")
Seq(
q"$pb_md_0",
q"$py_md_0")
.paddingBottom("0 !important")
Seq(
q"$pl_md_0",
q"$px_md_0")
.paddingLeft("0 !important")
q"$p_md_1"
.padding("0.25rem !important")
Seq(
q"$pt_md_1",
q"$py_md_1")
.paddingTop("0.25rem !important")
Seq(
q"$pr_md_1",
q"$px_md_1")
.paddingRight("0.25rem !important")
Seq(
q"$pb_md_1",
q"$py_md_1")
.paddingBottom("0.25rem !important")
Seq(
q"$pl_md_1",
q"$px_md_1")
.paddingLeft("0.25rem !important")
q"$p_md_2"
.padding("0.5rem !important")
Seq(
q"$pt_md_2",
q"$py_md_2")
.paddingTop("0.5rem !important")
Seq(
q"$pr_md_2",
q"$px_md_2")
.paddingRight("0.5rem !important")
Seq(
q"$pb_md_2",
q"$py_md_2")
.paddingBottom("0.5rem !important")
Seq(
q"$pl_md_2",
q"$px_md_2")
.paddingLeft("0.5rem !important")
q"$p_md_3"
.padding("1rem !important")
Seq(
q"$pt_md_3",
q"$py_md_3")
.paddingTop("1rem !important")
Seq(
q"$pr_md_3",
q"$px_md_3")
.paddingRight("1rem !important")
Seq(
q"$pb_md_3",
q"$py_md_3")
.paddingBottom("1rem !important")
Seq(
q"$pl_md_3",
q"$px_md_3")
.paddingLeft("1rem !important")
q"$p_md_4"
.padding("1.5rem !important")
Seq(
q"$pt_md_4",
q"$py_md_4")
.paddingTop("1.5rem !important")
Seq(
q"$pr_md_4",
q"$px_md_4")
.paddingRight("1.5rem !important")
Seq(
q"$pb_md_4",
q"$py_md_4")
.paddingBottom("1.5rem !important")
Seq(
q"$pl_md_4",
q"$px_md_4")
.paddingLeft("1.5rem !important")
q"$p_md_5"
.padding("3rem !important")
Seq(
q"$pt_md_5",
q"$py_md_5")
.paddingTop("3rem !important")
Seq(
q"$pr_md_5",
q"$px_md_5")
.paddingRight("3rem !important")
Seq(
q"$pb_md_5",
q"$py_md_5")
.paddingBottom("3rem !important")
Seq(
q"$pl_md_5",
q"$px_md_5")
.paddingLeft("3rem !important")
q"$m_md_auto"
.margin("auto !important")
Seq(
q"$mt_md_auto",
q"$my_md_auto")
.marginTop("auto !important")
Seq(
q"$mr_md_auto",
q"$mx_md_auto")
.marginRight("auto !important")
Seq(
q"$mb_md_auto",
q"$my_md_auto")
.marginBottom("auto !important")
Seq(
q"$ml_md_auto",
q"$mx_md_auto")
.marginLeft("auto !important")
}
val m_lg_0 = rule.cls("m-lg-0")
val m_lg_1 = rule.cls("m-lg-1")
val m_lg_2 = rule.cls("m-lg-2")
val m_lg_3 = rule.cls("m-lg-3")
val m_lg_4 = rule.cls("m-lg-4")
val m_lg_5 = rule.cls("m-lg-5")
val m_lg_auto = rule.cls("m-lg-auto")
val mb_lg_0 = rule.cls("mb-lg-0")
val mb_lg_1 = rule.cls("mb-lg-1")
val mb_lg_2 = rule.cls("mb-lg-2")
val mb_lg_3 = rule.cls("mb-lg-3")
val mb_lg_4 = rule.cls("mb-lg-4")
val mb_lg_5 = rule.cls("mb-lg-5")
val mb_lg_auto = rule.cls("mb-lg-auto")
val ml_lg_0 = rule.cls("ml-lg-0")
val ml_lg_1 = rule.cls("ml-lg-1")
val ml_lg_2 = rule.cls("ml-lg-2")
val ml_lg_3 = rule.cls("ml-lg-3")
val ml_lg_4 = rule.cls("ml-lg-4")
val ml_lg_5 = rule.cls("ml-lg-5")
val ml_lg_auto = rule.cls("ml-lg-auto")
val mr_lg_0 = rule.cls("mr-lg-0")
val mr_lg_1 = rule.cls("mr-lg-1")
val mr_lg_2 = rule.cls("mr-lg-2")
val mr_lg_3 = rule.cls("mr-lg-3")
val mr_lg_4 = rule.cls("mr-lg-4")
val mr_lg_5 = rule.cls("mr-lg-5")
val mr_lg_auto = rule.cls("mr-lg-auto")
val mt_lg_0 = rule.cls("mt-lg-0")
val mt_lg_1 = rule.cls("mt-lg-1")
val mt_lg_2 = rule.cls("mt-lg-2")
val mt_lg_3 = rule.cls("mt-lg-3")
val mt_lg_4 = rule.cls("mt-lg-4")
val mt_lg_5 = rule.cls("mt-lg-5")
val mt_lg_auto = rule.cls("mt-lg-auto")
val mx_lg_0 = rule.cls("mx-lg-0")
val mx_lg_1 = rule.cls("mx-lg-1")
val mx_lg_2 = rule.cls("mx-lg-2")
val mx_lg_3 = rule.cls("mx-lg-3")
val mx_lg_4 = rule.cls("mx-lg-4")
val mx_lg_5 = rule.cls("mx-lg-5")
val mx_lg_auto = rule.cls("mx-lg-auto")
val my_lg_0 = rule.cls("my-lg-0")
val my_lg_1 = rule.cls("my-lg-1")
val my_lg_2 = rule.cls("my-lg-2")
val my_lg_3 = rule.cls("my-lg-3")
val my_lg_4 = rule.cls("my-lg-4")
val my_lg_5 = rule.cls("my-lg-5")
val my_lg_auto = rule.cls("my-lg-auto")
val p_lg_0 = rule.cls("p-lg-0")
val p_lg_1 = rule.cls("p-lg-1")
val p_lg_2 = rule.cls("p-lg-2")
val p_lg_3 = rule.cls("p-lg-3")
val p_lg_4 = rule.cls("p-lg-4")
val p_lg_5 = rule.cls("p-lg-5")
val pb_lg_0 = rule.cls("pb-lg-0")
val pb_lg_1 = rule.cls("pb-lg-1")
val pb_lg_2 = rule.cls("pb-lg-2")
val pb_lg_3 = rule.cls("pb-lg-3")
val pb_lg_4 = rule.cls("pb-lg-4")
val pb_lg_5 = rule.cls("pb-lg-5")
val pl_lg_0 = rule.cls("pl-lg-0")
val pl_lg_1 = rule.cls("pl-lg-1")
val pl_lg_2 = rule.cls("pl-lg-2")
val pl_lg_3 = rule.cls("pl-lg-3")
val pl_lg_4 = rule.cls("pl-lg-4")
val pl_lg_5 = rule.cls("pl-lg-5")
val pr_lg_0 = rule.cls("pr-lg-0")
val pr_lg_1 = rule.cls("pr-lg-1")
val pr_lg_2 = rule.cls("pr-lg-2")
val pr_lg_3 = rule.cls("pr-lg-3")
val pr_lg_4 = rule.cls("pr-lg-4")
val pr_lg_5 = rule.cls("pr-lg-5")
val pt_lg_0 = rule.cls("pt-lg-0")
val pt_lg_1 = rule.cls("pt-lg-1")
val pt_lg_2 = rule.cls("pt-lg-2")
val pt_lg_3 = rule.cls("pt-lg-3")
val pt_lg_4 = rule.cls("pt-lg-4")
val pt_lg_5 = rule.cls("pt-lg-5")
val px_lg_0 = rule.cls("px-lg-0")
val px_lg_1 = rule.cls("px-lg-1")
val px_lg_2 = rule.cls("px-lg-2")
val px_lg_3 = rule.cls("px-lg-3")
val px_lg_4 = rule.cls("px-lg-4")
val px_lg_5 = rule.cls("px-lg-5")
val py_lg_0 = rule.cls("py-lg-0")
val py_lg_1 = rule.cls("py-lg-1")
val py_lg_2 = rule.cls("py-lg-2")
val py_lg_3 = rule.cls("py-lg-3")
val py_lg_4 = rule.cls("py-lg-4")
val py_lg_5 = rule.cls("py-lg-5")
media("(min-width:992px)") {
q"$m_lg_0"
.margin("0 !important")
Seq(
q"$mt_lg_0",
q"$my_lg_0")
.marginTop("0 !important")
Seq(
q"$mr_lg_0",
q"$mx_lg_0")
.marginRight("0 !important")
Seq(
q"$mb_lg_0",
q"$my_lg_0")
.marginBottom("0 !important")
Seq(
q"$ml_lg_0",
q"$mx_lg_0")
.marginLeft("0 !important")
q"$m_lg_1"
.margin("0.25rem !important")
Seq(
q"$mt_lg_1",
q"$my_lg_1")
.marginTop("0.25rem !important")
Seq(
q"$mr_lg_1",
q"$mx_lg_1")
.marginRight("0.25rem !important")
Seq(
q"$mb_lg_1",
q"$my_lg_1")
.marginBottom("0.25rem !important")
Seq(
q"$ml_lg_1",
q"$mx_lg_1")
.marginLeft("0.25rem !important")
q"$m_lg_2"
.margin("0.5rem !important")
Seq(
q"$mt_lg_2",
q"$my_lg_2")
.marginTop("0.5rem !important")
Seq(
q"$mr_lg_2",
q"$mx_lg_2")
.marginRight("0.5rem !important")
Seq(
q"$mb_lg_2",
q"$my_lg_2")
.marginBottom("0.5rem !important")
Seq(
q"$ml_lg_2",
q"$mx_lg_2")
.marginLeft("0.5rem !important")
q"$m_lg_3"
.margin("1rem !important")
Seq(
q"$mt_lg_3",
q"$my_lg_3")
.marginTop("1rem !important")
Seq(
q"$mr_lg_3",
q"$mx_lg_3")
.marginRight("1rem !important")
Seq(
q"$mb_lg_3",
q"$my_lg_3")
.marginBottom("1rem !important")
Seq(
q"$ml_lg_3",
q"$mx_lg_3")
.marginLeft("1rem !important")
q"$m_lg_4"
.margin("1.5rem !important")
Seq(
q"$mt_lg_4",
q"$my_lg_4")
.marginTop("1.5rem !important")
Seq(
q"$mr_lg_4",
q"$mx_lg_4")
.marginRight("1.5rem !important")
Seq(
q"$mb_lg_4",
q"$my_lg_4")
.marginBottom("1.5rem !important")
Seq(
q"$ml_lg_4",
q"$mx_lg_4")
.marginLeft("1.5rem !important")
q"$m_lg_5"
.margin("3rem !important")
Seq(
q"$mt_lg_5",
q"$my_lg_5")
.marginTop("3rem !important")
Seq(
q"$mr_lg_5",
q"$mx_lg_5")
.marginRight("3rem !important")
Seq(
q"$mb_lg_5",
q"$my_lg_5")
.marginBottom("3rem !important")
Seq(
q"$ml_lg_5",
q"$mx_lg_5")
.marginLeft("3rem !important")
q"$p_lg_0"
.padding("0 !important")
Seq(
q"$pt_lg_0",
q"$py_lg_0")
.paddingTop("0 !important")
Seq(
q"$pr_lg_0",
q"$px_lg_0")
.paddingRight("0 !important")
Seq(
q"$pb_lg_0",
q"$py_lg_0")
.paddingBottom("0 !important")
Seq(
q"$pl_lg_0",
q"$px_lg_0")
.paddingLeft("0 !important")
q"$p_lg_1"
.padding("0.25rem !important")
Seq(
q"$pt_lg_1",
q"$py_lg_1")
.paddingTop("0.25rem !important")
Seq(
q"$pr_lg_1",
q"$px_lg_1")
.paddingRight("0.25rem !important")
Seq(
q"$pb_lg_1",
q"$py_lg_1")
.paddingBottom("0.25rem !important")
Seq(
q"$pl_lg_1",
q"$px_lg_1")
.paddingLeft("0.25rem !important")
q"$p_lg_2"
.padding("0.5rem !important")
Seq(
q"$pt_lg_2",
q"$py_lg_2")
.paddingTop("0.5rem !important")
Seq(
q"$pr_lg_2",
q"$px_lg_2")
.paddingRight("0.5rem !important")
Seq(
q"$pb_lg_2",
q"$py_lg_2")
.paddingBottom("0.5rem !important")
Seq(
q"$pl_lg_2",
q"$px_lg_2")
.paddingLeft("0.5rem !important")
q"$p_lg_3"
.padding("1rem !important")
Seq(
q"$pt_lg_3",
q"$py_lg_3")
.paddingTop("1rem !important")
Seq(
q"$pr_lg_3",
q"$px_lg_3")
.paddingRight("1rem !important")
Seq(
q"$pb_lg_3",
q"$py_lg_3")
.paddingBottom("1rem !important")
Seq(
q"$pl_lg_3",
q"$px_lg_3")
.paddingLeft("1rem !important")
q"$p_lg_4"
.padding("1.5rem !important")
Seq(
q"$pt_lg_4",
q"$py_lg_4")
.paddingTop("1.5rem !important")
Seq(
q"$pr_lg_4",
q"$px_lg_4")
.paddingRight("1.5rem !important")
Seq(
q"$pb_lg_4",
q"$py_lg_4")
.paddingBottom("1.5rem !important")
Seq(
q"$pl_lg_4",
q"$px_lg_4")
.paddingLeft("1.5rem !important")
q"$p_lg_5"
.padding("3rem !important")
Seq(
q"$pt_lg_5",
q"$py_lg_5")
.paddingTop("3rem !important")
Seq(
q"$pr_lg_5",
q"$px_lg_5")
.paddingRight("3rem !important")
Seq(
q"$pb_lg_5",
q"$py_lg_5")
.paddingBottom("3rem !important")
Seq(
q"$pl_lg_5",
q"$px_lg_5")
.paddingLeft("3rem !important")
q"$m_lg_auto"
.margin("auto !important")
Seq(
q"$mt_lg_auto",
q"$my_lg_auto")
.marginTop("auto !important")
Seq(
q"$mr_lg_auto",
q"$mx_lg_auto")
.marginRight("auto !important")
Seq(
q"$mb_lg_auto",
q"$my_lg_auto")
.marginBottom("auto !important")
Seq(
q"$ml_lg_auto",
q"$mx_lg_auto")
.marginLeft("auto !important")
}
val m_xl_0 = rule.cls("m-xl-0")
val m_xl_1 = rule.cls("m-xl-1")
val m_xl_2 = rule.cls("m-xl-2")
val m_xl_3 = rule.cls("m-xl-3")
val m_xl_4 = rule.cls("m-xl-4")
val m_xl_5 = rule.cls("m-xl-5")
val m_xl_auto = rule.cls("m-xl-auto")
val mb_xl_0 = rule.cls("mb-xl-0")
val mb_xl_1 = rule.cls("mb-xl-1")
val mb_xl_2 = rule.cls("mb-xl-2")
val mb_xl_3 = rule.cls("mb-xl-3")
val mb_xl_4 = rule.cls("mb-xl-4")
val mb_xl_5 = rule.cls("mb-xl-5")
val mb_xl_auto = rule.cls("mb-xl-auto")
val ml_xl_0 = rule.cls("ml-xl-0")
val ml_xl_1 = rule.cls("ml-xl-1")
val ml_xl_2 = rule.cls("ml-xl-2")
val ml_xl_3 = rule.cls("ml-xl-3")
val ml_xl_4 = rule.cls("ml-xl-4")
val ml_xl_5 = rule.cls("ml-xl-5")
val ml_xl_auto = rule.cls("ml-xl-auto")
val mr_xl_0 = rule.cls("mr-xl-0")
val mr_xl_1 = rule.cls("mr-xl-1")
val mr_xl_2 = rule.cls("mr-xl-2")
val mr_xl_3 = rule.cls("mr-xl-3")
val mr_xl_4 = rule.cls("mr-xl-4")
val mr_xl_5 = rule.cls("mr-xl-5")
val mr_xl_auto = rule.cls("mr-xl-auto")
val mt_xl_0 = rule.cls("mt-xl-0")
val mt_xl_1 = rule.cls("mt-xl-1")
val mt_xl_2 = rule.cls("mt-xl-2")
val mt_xl_3 = rule.cls("mt-xl-3")
val mt_xl_4 = rule.cls("mt-xl-4")
val mt_xl_5 = rule.cls("mt-xl-5")
val mt_xl_auto = rule.cls("mt-xl-auto")
val mx_xl_0 = rule.cls("mx-xl-0")
val mx_xl_1 = rule.cls("mx-xl-1")
val mx_xl_2 = rule.cls("mx-xl-2")
val mx_xl_3 = rule.cls("mx-xl-3")
val mx_xl_4 = rule.cls("mx-xl-4")
val mx_xl_5 = rule.cls("mx-xl-5")
val mx_xl_auto = rule.cls("mx-xl-auto")
val my_xl_0 = rule.cls("my-xl-0")
val my_xl_1 = rule.cls("my-xl-1")
val my_xl_2 = rule.cls("my-xl-2")
val my_xl_3 = rule.cls("my-xl-3")
val my_xl_4 = rule.cls("my-xl-4")
val my_xl_5 = rule.cls("my-xl-5")
val my_xl_auto = rule.cls("my-xl-auto")
val p_xl_0 = rule.cls("p-xl-0")
val p_xl_1 = rule.cls("p-xl-1")
val p_xl_2 = rule.cls("p-xl-2")
val p_xl_3 = rule.cls("p-xl-3")
val p_xl_4 = rule.cls("p-xl-4")
val p_xl_5 = rule.cls("p-xl-5")
val pb_xl_0 = rule.cls("pb-xl-0")
val pb_xl_1 = rule.cls("pb-xl-1")
val pb_xl_2 = rule.cls("pb-xl-2")
val pb_xl_3 = rule.cls("pb-xl-3")
val pb_xl_4 = rule.cls("pb-xl-4")
val pb_xl_5 = rule.cls("pb-xl-5")
val pl_xl_0 = rule.cls("pl-xl-0")
val pl_xl_1 = rule.cls("pl-xl-1")
val pl_xl_2 = rule.cls("pl-xl-2")
val pl_xl_3 = rule.cls("pl-xl-3")
val pl_xl_4 = rule.cls("pl-xl-4")
val pl_xl_5 = rule.cls("pl-xl-5")
val pr_xl_0 = rule.cls("pr-xl-0")
val pr_xl_1 = rule.cls("pr-xl-1")
val pr_xl_2 = rule.cls("pr-xl-2")
val pr_xl_3 = rule.cls("pr-xl-3")
val pr_xl_4 = rule.cls("pr-xl-4")
val pr_xl_5 = rule.cls("pr-xl-5")
val pt_xl_0 = rule.cls("pt-xl-0")
val pt_xl_1 = rule.cls("pt-xl-1")
val pt_xl_2 = rule.cls("pt-xl-2")
val pt_xl_3 = rule.cls("pt-xl-3")
val pt_xl_4 = rule.cls("pt-xl-4")
val pt_xl_5 = rule.cls("pt-xl-5")
val px_xl_0 = rule.cls("px-xl-0")
val px_xl_1 = rule.cls("px-xl-1")
val px_xl_2 = rule.cls("px-xl-2")
val px_xl_3 = rule.cls("px-xl-3")
val px_xl_4 = rule.cls("px-xl-4")
val px_xl_5 = rule.cls("px-xl-5")
val py_xl_0 = rule.cls("py-xl-0")
val py_xl_1 = rule.cls("py-xl-1")
val py_xl_2 = rule.cls("py-xl-2")
val py_xl_3 = rule.cls("py-xl-3")
val py_xl_4 = rule.cls("py-xl-4")
val py_xl_5 = rule.cls("py-xl-5")
media("(min-width:1200px)") {
q"$m_xl_0"
.margin("0 !important")
Seq(
q"$mt_xl_0",
q"$my_xl_0")
.marginTop("0 !important")
Seq(
q"$mr_xl_0",
q"$mx_xl_0")
.marginRight("0 !important")
Seq(
q"$mb_xl_0",
q"$my_xl_0")
.marginBottom("0 !important")
Seq(
q"$ml_xl_0",
q"$mx_xl_0")
.marginLeft("0 !important")
q"$m_xl_1"
.margin("0.25rem !important")
Seq(
q"$mt_xl_1",
q"$my_xl_1")
.marginTop("0.25rem !important")
Seq(
q"$mr_xl_1",
q"$mx_xl_1")
.marginRight("0.25rem !important")
Seq(
q"$mb_xl_1",
q"$my_xl_1")
.marginBottom("0.25rem !important")
Seq(
q"$ml_xl_1",
q"$mx_xl_1")
.marginLeft("0.25rem !important")
q"$m_xl_2"
.margin("0.5rem !important")
Seq(
q"$mt_xl_2",
q"$my_xl_2")
.marginTop("0.5rem !important")
Seq(
q"$mr_xl_2",
q"$mx_xl_2")
.marginRight("0.5rem !important")
Seq(
q"$mb_xl_2",
q"$my_xl_2")
.marginBottom("0.5rem !important")
Seq(
q"$ml_xl_2",
q"$mx_xl_2")
.marginLeft("0.5rem !important")
q"$m_xl_3"
.margin("1rem !important")
Seq(
q"$mt_xl_3",
q"$my_xl_3")
.marginTop("1rem !important")
Seq(
q"$mr_xl_3",
q"$mx_xl_3")
.marginRight("1rem !important")
Seq(
q"$mb_xl_3",
q"$my_xl_3")
.marginBottom("1rem !important")
Seq(
q"$ml_xl_3",
q"$mx_xl_3")
.marginLeft("1rem !important")
q"$m_xl_4"
.margin("1.5rem !important")
Seq(
q"$mt_xl_4",
q"$my_xl_4")
.marginTop("1.5rem !important")
Seq(
q"$mr_xl_4",
q"$mx_xl_4")
.marginRight("1.5rem !important")
Seq(
q"$mb_xl_4",
q"$my_xl_4")
.marginBottom("1.5rem !important")
Seq(
q"$ml_xl_4",
q"$mx_xl_4")
.marginLeft("1.5rem !important")
q"$m_xl_5"
.margin("3rem !important")
Seq(
q"$mt_xl_5",
q"$my_xl_5")
.marginTop("3rem !important")
Seq(
q"$mr_xl_5",
q"$mx_xl_5")
.marginRight("3rem !important")
Seq(
q"$mb_xl_5",
q"$my_xl_5")
.marginBottom("3rem !important")
Seq(
q"$ml_xl_5",
q"$mx_xl_5")
.marginLeft("3rem !important")
q"$p_xl_0"
.padding("0 !important")
Seq(
q"$pt_xl_0",
q"$py_xl_0")
.paddingTop("0 !important")
Seq(
q"$pr_xl_0",
q"$px_xl_0")
.paddingRight("0 !important")
Seq(
q"$pb_xl_0",
q"$py_xl_0")
.paddingBottom("0 !important")
Seq(
q"$pl_xl_0",
q"$px_xl_0")
.paddingLeft("0 !important")
q"$p_xl_1"
.padding("0.25rem !important")
Seq(
q"$pt_xl_1",
q"$py_xl_1")
.paddingTop("0.25rem !important")
Seq(
q"$pr_xl_1",
q"$px_xl_1")
.paddingRight("0.25rem !important")
Seq(
q"$pb_xl_1",
q"$py_xl_1")
.paddingBottom("0.25rem !important")
Seq(
q"$pl_xl_1",
q"$px_xl_1")
.paddingLeft("0.25rem !important")
q"$p_xl_2"
.padding("0.5rem !important")
Seq(
q"$pt_xl_2",
q"$py_xl_2")
.paddingTop("0.5rem !important")
Seq(
q"$pr_xl_2",
q"$px_xl_2")
.paddingRight("0.5rem !important")
Seq(
q"$pb_xl_2",
q"$py_xl_2")
.paddingBottom("0.5rem !important")
Seq(
q"$pl_xl_2",
q"$px_xl_2")
.paddingLeft("0.5rem !important")
q"$p_xl_3"
.padding("1rem !important")
Seq(
q"$pt_xl_3",
q"$py_xl_3")
.paddingTop("1rem !important")
Seq(
q"$pr_xl_3",
q"$px_xl_3")
.paddingRight("1rem !important")
Seq(
q"$pb_xl_3",
q"$py_xl_3")
.paddingBottom("1rem !important")
Seq(
q"$pl_xl_3",
q"$px_xl_3")
.paddingLeft("1rem !important")
q"$p_xl_4"
.padding("1.5rem !important")
Seq(
q"$pt_xl_4",
q"$py_xl_4")
.paddingTop("1.5rem !important")
Seq(
q"$pr_xl_4",
q"$px_xl_4")
.paddingRight("1.5rem !important")
Seq(
q"$pb_xl_4",
q"$py_xl_4")
.paddingBottom("1.5rem !important")
Seq(
q"$pl_xl_4",
q"$px_xl_4")
.paddingLeft("1.5rem !important")
q"$p_xl_5"
.padding("3rem !important")
Seq(
q"$pt_xl_5",
q"$py_xl_5")
.paddingTop("3rem !important")
Seq(
q"$pr_xl_5",
q"$px_xl_5")
.paddingRight("3rem !important")
Seq(
q"$pb_xl_5",
q"$py_xl_5")
.paddingBottom("3rem !important")
Seq(
q"$pl_xl_5",
q"$px_xl_5")
.paddingLeft("3rem !important")
q"$m_xl_auto"
.margin("auto !important")
Seq(
q"$mt_xl_auto",
q"$my_xl_auto")
.marginTop("auto !important")
Seq(
q"$mr_xl_auto",
q"$mx_xl_auto")
.marginRight("auto !important")
Seq(
q"$mb_xl_auto",
q"$my_xl_auto")
.marginBottom("auto !important")
Seq(
q"$ml_xl_auto",
q"$mx_xl_auto")
.marginLeft("auto !important")
}
val text_monospace = rule.cls("text-monospace")
.fontFamily("SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace")
val text_justify = rule.cls("text-justify")
.textAlign("justify !important")
val text_nowrap = rule.cls("text-nowrap")
.whiteSpace("nowrap !important")
val text_truncate = rule.cls("text-truncate")
.overflow.hidden
.textOverflow("ellipsis")
.whiteSpace("nowrap")
val text_left = rule.cls("text-left")
.textAlign("left !important")
val text_right = rule.cls("text-right")
.textAlign("right !important")
val text_center = rule.cls("text-center")
.textAlign("center !important")
val text_sm_center = rule.cls("text-sm-center")
val text_sm_left = rule.cls("text-sm-left")
val text_sm_right = rule.cls("text-sm-right")
media("(min-width:576px)") {
q"$text_sm_left"
.textAlign("left !important")
q"$text_sm_right"
.textAlign("right !important")
q"$text_sm_center"
.textAlign("center !important")
}
val text_md_center = rule.cls("text-md-center")
val text_md_left = rule.cls("text-md-left")
val text_md_right = rule.cls("text-md-right")
media("(min-width:768px)") {
q"$text_md_left"
.textAlign("left !important")
q"$text_md_right"
.textAlign("right !important")
q"$text_md_center"
.textAlign("center !important")
}
val text_lg_center = rule.cls("text-lg-center")
val text_lg_left = rule.cls("text-lg-left")
val text_lg_right = rule.cls("text-lg-right")
media("(min-width:992px)") {
q"$text_lg_left"
.textAlign("left !important")
q"$text_lg_right"
.textAlign("right !important")
q"$text_lg_center"
.textAlign("center !important")
}
val text_xl_center = rule.cls("text-xl-center")
val text_xl_left = rule.cls("text-xl-left")
val text_xl_right = rule.cls("text-xl-right")
media("(min-width:1200px)") {
q"$text_xl_left"
.textAlign("left !important")
q"$text_xl_right"
.textAlign("right !important")
q"$text_xl_center"
.textAlign("center !important")
}
val text_lowercase = rule.cls("text-lowercase")
.textTransform("lowercase !important")
val text_uppercase = rule.cls("text-uppercase")
.textTransform("uppercase !important")
val text_capitalize = rule.cls("text-capitalize")
.textTransform("capitalize !important")
val font_weight_light = rule.cls("font-weight-light")
.fontWeight("300 !important")
val font_weight_normal = rule.cls("font-weight-normal")
.fontWeight("400 !important")
val font_weight_bold = rule.cls("font-weight-bold")
.fontWeight("700 !important")
val font_italic = rule.cls("font-italic")
.fontStyle("italic !important")
val text_white = rule.cls("text-white")
.color("#fff !important")
val text_primary = rule.cls("text-primary")
.color("#007bff !important")
Seq(
q"a$text_primary:hover",
q"a$text_primary:focus")
.color("#0062cc !important")
val text_secondary = rule.cls("text-secondary")
.color("#6c757d !important")
Seq(
q"a$text_secondary:hover",
q"a$text_secondary:focus")
.color("#545b62 !important")
val text_success = rule.cls("text-success")
.color("#28a745 !important")
Seq(
q"a$text_success:hover",
q"a$text_success:focus")
.color("#1e7e34 !important")
val text_info = rule.cls("text-info")
.color("#17a2b8 !important")
Seq(
q"a$text_info:hover",
q"a$text_info:focus")
.color("#117a8b !important")
val text_warning = rule.cls("text-warning")
.color("#ffc107 !important")
Seq(
q"a$text_warning:hover",
q"a$text_warning:focus")
.color("#d39e00 !important")
val text_danger = rule.cls("text-danger")
.color("#dc3545 !important")
Seq(
q"a$text_danger:hover",
q"a$text_danger:focus")
.color("#bd2130 !important")
val text_light = rule.cls("text-light")
.color("#f8f9fa !important")
Seq(
q"a$text_light:hover",
q"a$text_light:focus")
.color("#dae0e5 !important")
val text_dark = rule.cls("text-dark")
.color("#343a40 !important")
Seq(
q"a$text_dark:hover",
q"a$text_dark:focus")
.color("#1d2124 !important")
val text_body = rule.cls("text-body")
.color("#212529 !important")
val text_muted = rule.cls("text-muted")
.color("#6c757d !important")
val text_black_50 = rule.cls("text-black-50")
.color("rgba(0,0,0,0.5) !important")
val text_white_50 = rule.cls("text-white-50")
.color("rgba(255,255,255,0.5) !important")
val text_hide = rule.cls("text-hide")
.font("0/0 a")
.color("transparent")
.textShadow("none")
.backgroundColor("transparent")
.border("0")
val visible = rule.cls("visible")
.visibility("visible !important")
val invisible = rule.cls("invisible")
.visibility("hidden !important")
media("print") {
Seq(
q"*",
q"*::before",
q"*::after")
.textShadow("none !important")
.boxShadow("none !important")
q"a:not($btn)"
.textDecoration("underline")
q"abbr[title]::after"
.content("\" (\" attr(title) \")\"")
q"pre"
.whiteSpace("pre-wrap !important")
Seq(
q"pre",
q"blockquote")
.border("1px solid #adb5bd")
.pageBreakInside("avoid")
q"thead"
.display("table-header-group")
Seq(
q"tr",
q"img")
.pageBreakInside("avoid")
Seq(
q"p",
q"h2",
q"h3")
.orphans("3")
.widows("3")
Seq(
q"h2",
q"h3")
.pageBreakAfter("avoid")
q"@page{size:a3}"
q"body"
.minWidth("992px !important")
q"$container"
.minWidth("992px !important")
q"$navbar"
.display.none
q"$badge"
.border("1px solid #000")
q"$table"
.borderCollapse("collapse !important")
Seq(
q"$table td",
q"$table th")
.backgroundColor("#fff !important")
Seq(
q"$table_bordered th",
q"$table_bordered td")
.border("1px solid #dee2e6 !important")
q"$table_dark"
.color("inherit")
Seq(
q"$table_dark th",
q"$table_dark td",
q"$table_dark thead th",
q"$table_dark tbody+tbody")
.borderColor("#dee2e6")
q"$table $thead_dark th"
.color("inherit")
.borderColor("#dee2e6")
}
}
class Bootstrap extends Bootstrap4
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment