Skip to content

Instantly share code, notes, and snippets.

@scf37

scf37/TestModule2.scala

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