-
-
Save leemunroe/e02ffbbf9cef530f7ca019e89b4e8127 to your computer and use it in GitHub Desktop.
This file has been truncated, but you can view the full file.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset "UTF-8"; | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Config | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Canvas | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| canvas.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Utilities & Mixins | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| utilities/normalize.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| html { | |
| font-family: sans-serif; | |
| -ms-text-size-adjust: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| } | |
| body { | |
| margin: 0; | |
| } | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| main, | |
| nav, | |
| section, | |
| summary { | |
| display: block; | |
| } | |
| audio, | |
| canvas, | |
| progress, | |
| video { | |
| display: inline-block; | |
| vertical-align: baseline; | |
| } | |
| audio:not([controls]) { | |
| display: none; | |
| height: 0; | |
| } | |
| [hidden], | |
| template { | |
| display: none; | |
| } | |
| a { | |
| background: transparent; | |
| } | |
| a:active, | |
| a:hover { | |
| outline: 0; | |
| } | |
| abbr[title] { | |
| border-bottom: 1px dotted; | |
| } | |
| b, | |
| strong { | |
| ont-weight: bold; | |
| } | |
| dfn { | |
| font-style: italic; | |
| } | |
| h1 { | |
| font-size: 2em; | |
| margin: 0.67em 0; | |
| } | |
| mark { | |
| background: #ff0; | |
| color: #000; | |
| } | |
| small { | |
| font-size: 80%; | |
| } | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| img { | |
| border: 0; | |
| } | |
| svg:not(:root) { | |
| overflow: hidden; | |
| } | |
| figure { | |
| margin: 1em 40px; | |
| } | |
| hr { | |
| box-sizing: content-box; | |
| height: 0; | |
| } | |
| pre { | |
| overflow: auto; | |
| } | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family: monospace, monospace; | |
| font-size: 1em; | |
| } | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| color: inherit; | |
| font: inherit; | |
| margin: 0; | |
| } | |
| button:active, | |
| input:active, | |
| optgroup:active, | |
| select:active, | |
| textarea:active, | |
| button:focus, | |
| input:focus, | |
| optgroup:focus, | |
| select:focus, | |
| textarea:focus, | |
| button:hover, | |
| input:hover, | |
| optgroup:hover, | |
| select:hover, | |
| textarea:hover { | |
| outline: 0; | |
| } | |
| button { | |
| overflow: visible; | |
| } | |
| button, | |
| select { | |
| text-transform: none; | |
| } | |
| button, | |
| html input[type="button"] { | |
| -webkit-appearance: button; | |
| cursor: pointer; | |
| } | |
| button[disabled], | |
| html input[disabled] { | |
| cursor: default; | |
| } | |
| button input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; | |
| } | |
| input { | |
| line-height: normal; | |
| } | |
| input[type="reset"], | |
| input[type="submit"] { | |
| -webkit-appearance: button; | |
| cursor: pointer; | |
| } | |
| input[type="checkbox"], | |
| input[type="radio"] { | |
| box-sizing: border-box; | |
| padding: 0; | |
| } | |
| input[type="number"]::-webkit-inner-spin-button, | |
| input[type="number"]::-webkit-outer-spin-button { | |
| height: auto; | |
| } | |
| input[type="search"] { | |
| -webkit-appearance: textfield; | |
| box-sizing: content-box; | |
| } | |
| input[type="search"]::-webkit-search-cancel-button, | |
| input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| fieldset { | |
| border: 1px solid #c0c0c0; | |
| margin: 0 2px; | |
| padding: 0.35em 0.625em 0.75em; | |
| } | |
| legend { | |
| border: 0; | |
| padding: 0; | |
| } | |
| textarea { | |
| overflow: auto; | |
| } | |
| optgroup { | |
| font-weight: bold; | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| td, | |
| th { | |
| padding: 0; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| utilities/mixins-animation.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Animation | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Animation Keyframes: Fade In | |
| ----------------------------------------------------------------------------- */ | |
| @keyframes fade-in { | |
| 0% { | |
| opacity: 0.0; | |
| } | |
| 100% { | |
| opacity: 1.0; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Animation Keyframes: Fade Out | |
| ----------------------------------------------------------------------------- */ | |
| @keyframes fade-out { | |
| 0% { | |
| opacity: 1.0; | |
| } | |
| 100% { | |
| opacity: 0.0; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Animation Keyframes: Zoom In | |
| ----------------------------------------------------------------------------- */ | |
| @keyframes zoom-in { | |
| 0% { | |
| opacity: 0; | |
| transform: scale3d(0.5, 0.5, 0.5); | |
| } | |
| 50% { | |
| opacity: 1.0; | |
| transform: scale3d(1, 1, 1); | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Animation Keyframes: Zoom Out | |
| ----------------------------------------------------------------------------- */ | |
| @keyframes zoom-out { | |
| 0% { | |
| opacity: 1.0; | |
| transform: scale3d(1, 1, 1); | |
| } | |
| 50% { | |
| opacity: 0; | |
| transform: scale3d(0.5, 0.5, 0.5); | |
| } | |
| 100% { | |
| opacity: 0; | |
| transform: scale3d(0.5, 0.5, 0.5); | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| utilities/mixins-colors.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Lighten and Darken Colors | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Gradients | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Border Gradient | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| utilities/mixins-layout.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Element Spacing | |
| -- | |
| Using CNVS-specific variable structure, applies padding and margin to an element | |
| specified by the @class variable. If a @modifier is defined, then added classes | |
| are created to apply the modifier spacing properties in just a single | |
| direction (e.g. h2.short-top). Similarly, if @screen-size is defined, the | |
| space is adjusted to fit that screen-size, and direction-specific modifier | |
| classes are created just for that screen-size (e.g. h2.short-top-screen-small). | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Property Variant | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Clearfix | |
| ----------------------------------------------------------------------------- */ | |
| .clearfix, | |
| .row { | |
| *zoom: 1; | |
| } | |
| .clearfix:before, | |
| .clearfix:after, | |
| .row:before, | |
| .row:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .clearfix:after, | |
| .row:after { | |
| clear: both; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| IE7 Fixes | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Focus | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Center Block Elements | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Sizing | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Transformations | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Generate Index Suffixed Properties for Flex Items | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Row | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Grid | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Column Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Calculate Grid Columns | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Calculate Grid Column Width | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Calculate Grid Column Push | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Calculate Grid Column Pull | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Calculate Grid Column Push | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Single Corner Border Radius | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Single Side Border Radius | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| utilities/mixins-shapes.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Triangle | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Triangle Size | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Triangle Color | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| utilities/mixins-styling.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Shape Style Variant | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| utilities/mixins-typography.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Text Size Variant | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Text Style Variant | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Text Overflow | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Hide Text | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Placeholder Text | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| layout/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout Breakpoints | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Spacing Unit | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Z-Index | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Screen Resolution | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| layout/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Foundation | |
| ----------------------------------------------------------------------------- */ | |
| *, | |
| *:before, | |
| *:after { | |
| box-sizing: border-box; | |
| } | |
| body { | |
| margin: 0px; | |
| height: 100%; | |
| overflow-x: hidden; | |
| position: relative; | |
| background-color: #ffffff; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Canvas | |
| ----------------------------------------------------------------------------- */ | |
| .canvas { | |
| position: relative; | |
| background-color: #ffffff; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Canvas Pod | |
| ----------------------------------------------------------------------------- */ | |
| .fill { | |
| width: 100%; | |
| position: relative; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Visibility | |
| ----------------------------------------------------------------------------- */ | |
| .invisible { | |
| visibility: hidden; | |
| position: absolute !important; | |
| left: -9999px !important; | |
| } | |
| .hide { | |
| display: none !important; | |
| } | |
| .show { | |
| display: block !important; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Flush Margins | |
| ----------------------------------------------------------------------------- */ | |
| .flush { | |
| margin: 0px !important; | |
| } | |
| .flush-vertical { | |
| margin-top: 0px !important; | |
| margin-bottom: 0px !important; | |
| } | |
| .flush-horizontal { | |
| margin-left: 0px !important; | |
| margin-right: 0px !important; | |
| } | |
| .flush-top { | |
| margin-top: 0px !important; | |
| } | |
| .flush-bottom { | |
| margin-bottom: 0px !important; | |
| } | |
| .flush-left { | |
| margin-left: 0px !important; | |
| } | |
| .flush-right { | |
| margin-right: 0px !important; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Positioning | |
| ----------------------------------------------------------------------------- */ | |
| .pull-right { | |
| float: right; | |
| } | |
| .pull-left { | |
| float: left; | |
| } | |
| .center { | |
| text-align: center; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Hidden | |
| ----------------------------------------------------------------------------- */ | |
| .hidden-up { | |
| display: none !important; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Narrower than Mini (@layout-screen-small-min-width) | |
| ----------------------------------------------------------------------------- */ | |
| @media (max-width: 480px - 1) { | |
| /* ----------------------------------------------------------------------------- | |
| Hidden | |
| ----------------------------------------------------------------------------- */ | |
| .hidden-down { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Flush Margins | |
| ----------------------------------------------------------------------------- */ | |
| .flush-screen-small { | |
| margin: 0px !important; | |
| } | |
| .flush-vertical-screen-small { | |
| margin-top: 0px !important; | |
| margin-bottom: 0px !important; | |
| } | |
| .flush-horizontal-screen-small { | |
| margin-left: 0px !important; | |
| margin-right: 0px !important; | |
| } | |
| .flush-top-screen-small { | |
| margin-top: 0px !important; | |
| } | |
| .flush-bottom-screen-small { | |
| margin-bottom: 0px !important; | |
| } | |
| .flush-left-screen-small { | |
| margin-left: 0px !important; | |
| } | |
| .flush-right-screen-small { | |
| margin-right: 0px !important; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Hidden | |
| ----------------------------------------------------------------------------- */ | |
| .hidden-mini-up { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Narrower than Small (@layout-screen-large-min-width) | |
| ----------------------------------------------------------------------------- */ | |
| @media (max-width: 767px) { | |
| /* ----------------------------------------------------------------------------- | |
| Hidden | |
| ----------------------------------------------------------------------------- */ | |
| .hidden-mini-down { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Flush Margins | |
| ----------------------------------------------------------------------------- */ | |
| .flush-screen-medium { | |
| margin: 0px !important; | |
| } | |
| .flush-vertical-screen-medium { | |
| margin-top: 0px !important; | |
| margin-bottom: 0px !important; | |
| } | |
| .flush-horizontal-screen-medium { | |
| margin-left: 0px !important; | |
| margin-right: 0px !important; | |
| } | |
| .flush-top-screen-medium { | |
| margin-top: 0px !important; | |
| } | |
| .flush-bottom-screen-medium { | |
| margin-bottom: 0px !important; | |
| } | |
| .flush-left-screen-medium { | |
| margin-left: 0px !important; | |
| } | |
| .flush-right-screen-medium { | |
| margin-right: 0px !important; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Hidden | |
| ----------------------------------------------------------------------------- */ | |
| .hidden-small-up { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Narrower than Medium (@layout-screen-large-min-width) | |
| ----------------------------------------------------------------------------- */ | |
| @media (max-width: 991px) { | |
| /* ----------------------------------------------------------------------------- | |
| Hidden | |
| ----------------------------------------------------------------------------- */ | |
| .hidden-small-down { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Flush Margins | |
| ----------------------------------------------------------------------------- */ | |
| .flush-screen-large { | |
| margin: 0px !important; | |
| } | |
| .flush-vertical-screen-large { | |
| margin-top: 0px !important; | |
| margin-bottom: 0px !important; | |
| } | |
| .flush-horizontal-screen-large { | |
| margin-left: 0px !important; | |
| margin-right: 0px !important; | |
| } | |
| .flush-top-screen-large { | |
| margin-top: 0px !important; | |
| } | |
| .flush-bottom-screen-large { | |
| margin-bottom: 0px !important; | |
| } | |
| .flush-left-screen-large { | |
| margin-left: 0px !important; | |
| } | |
| .flush-right-screen-large { | |
| margin-right: 0px !important; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Hidden | |
| ----------------------------------------------------------------------------- */ | |
| .hidden-medium-up { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Narrower than Large (@layout-screen-jumbo-min-width) | |
| ----------------------------------------------------------------------------- */ | |
| @media (max-width: 1399px) { | |
| /* ----------------------------------------------------------------------------- | |
| Hidden | |
| ----------------------------------------------------------------------------- */ | |
| .hidden-medium-down { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Flush Margins | |
| ----------------------------------------------------------------------------- */ | |
| .flush-screen-jumbo { | |
| margin: 0px !important; | |
| } | |
| .flush-vertical-screen-jumbo { | |
| margin-top: 0px !important; | |
| margin-bottom: 0px !important; | |
| } | |
| .flush-horizontal-screen-jumbo { | |
| margin-left: 0px !important; | |
| margin-right: 0px !important; | |
| } | |
| .flush-top-screen-jumbo { | |
| margin-top: 0px !important; | |
| } | |
| .flush-bottom-screen-jumbo { | |
| margin-bottom: 0px !important; | |
| } | |
| .flush-left-screen-jumbo { | |
| margin-left: 0px !important; | |
| } | |
| .flush-right-screen-jumbo { | |
| margin-right: 0px !important; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Hidden | |
| ----------------------------------------------------------------------------- */ | |
| .hidden-large-up { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Hidden | |
| ----------------------------------------------------------------------------- */ | |
| .hidden-large-down { | |
| display: none !important; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Print Visibility | |
| ----------------------------------------------------------------------------- */ | |
| @media print { | |
| .visible-print-block { | |
| display: block !important; | |
| } | |
| .visible-print-inline { | |
| display: inline !important; | |
| } | |
| .visible-print-inline-block { | |
| display: inline-block !important; | |
| } | |
| .hidden-print { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Grid | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| container/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| container/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Container | |
| ----------------------------------------------------------------------------- */ | |
| .container { | |
| margin-top: 0px; | |
| margin-bottom: 0px; | |
| margin-left: 24px; | |
| margin-right: 24px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Container | |
| ----------------------------------------------------------------------------- */ | |
| .container { | |
| margin-left: 24px; | |
| margin-right: 24px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Container | |
| ----------------------------------------------------------------------------- */ | |
| .container { | |
| margin-left: 0; | |
| margin-right: 0; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Container | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Container | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Grid | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| grid/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Grid | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| grid/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Grid | |
| ----------------------------------------------------------------------------- */ | |
| .column-1, .column-small-1, .column-medium-1, .column-large-1, .column-jumbo-1, .column-2, .column-small-2, .column-medium-2, .column-large-2, .column-jumbo-2, .column-3, .column-small-3, .column-medium-3, .column-large-3, .column-jumbo-3, .column-4, .column-small-4, .column-medium-4, .column-large-4, .column-jumbo-4, .column-5, .column-small-5, .column-medium-5, .column-large-5, .column-jumbo-5, .column-6, .column-small-6, .column-medium-6, .column-large-6, .column-jumbo-6, .column-7, .column-small-7, .column-medium-7, .column-large-7, .column-jumbo-7, .column-8, .column-small-8, .column-medium-8, .column-large-8, .column-jumbo-8, .column-9, .column-small-9, .column-medium-9, .column-large-9, .column-jumbo-9, .column-10, .column-small-10, .column-medium-10, .column-large-10, .column-jumbo-10, .column-11, .column-small-11, .column-medium-11, .column-large-11, .column-jumbo-11, .column-12, .column-small-12, .column-medium-12, .column-large-12, .column-jumbo-12 { | |
| position: relative; | |
| min-height: 1px; | |
| padding-left: 6px; | |
| padding-right: 6px; | |
| } | |
| .column-1, .column-small-1, .column-medium-1, .column-large-1, .column-jumbo-1, .column-2, .column-small-2, .column-medium-2, .column-large-2, .column-jumbo-2, .column-3, .column-small-3, .column-medium-3, .column-large-3, .column-jumbo-3, .column-4, .column-small-4, .column-medium-4, .column-large-4, .column-jumbo-4, .column-5, .column-small-5, .column-medium-5, .column-large-5, .column-jumbo-5, .column-6, .column-small-6, .column-medium-6, .column-large-6, .column-jumbo-6, .column-7, .column-small-7, .column-medium-7, .column-large-7, .column-jumbo-7, .column-8, .column-small-8, .column-medium-8, .column-large-8, .column-jumbo-8, .column-9, .column-small-9, .column-medium-9, .column-large-9, .column-jumbo-9, .column-10, .column-small-10, .column-medium-10, .column-large-10, .column-jumbo-10, .column-11, .column-small-11, .column-medium-11, .column-large-11, .column-jumbo-11, .column-12, .column-small-12, .column-medium-12, .column-large-12, .column-jumbo-12 { | |
| padding-left: 6px; | |
| padding-right: 6px; | |
| } | |
| .column-12 { | |
| float: left; | |
| width: 100%; | |
| } | |
| .column-11 { | |
| float: left; | |
| width: 91.66666667%; | |
| } | |
| .column-10 { | |
| float: left; | |
| width: 83.33333333%; | |
| } | |
| .column-9 { | |
| float: left; | |
| width: 75%; | |
| } | |
| .column-8 { | |
| float: left; | |
| width: 66.66666667%; | |
| } | |
| .column-7 { | |
| float: left; | |
| width: 58.33333333%; | |
| } | |
| .column-6 { | |
| float: left; | |
| width: 50%; | |
| } | |
| .column-5 { | |
| float: left; | |
| width: 41.66666667%; | |
| } | |
| .column-4 { | |
| float: left; | |
| width: 33.33333333%; | |
| } | |
| .column-3 { | |
| float: left; | |
| width: 25%; | |
| } | |
| .column-2 { | |
| float: left; | |
| width: 16.66666667%; | |
| } | |
| .column-1 { | |
| float: left; | |
| width: 8.33333333%; | |
| } | |
| .column-0 { | |
| float: left; | |
| width: 0%; | |
| } | |
| .column-push-12 { | |
| left: 100%; | |
| } | |
| .column-push-11 { | |
| left: 91.66666667%; | |
| } | |
| .column-push-10 { | |
| left: 83.33333333%; | |
| } | |
| .column-push-9 { | |
| left: 75%; | |
| } | |
| .column-push-8 { | |
| left: 66.66666667%; | |
| } | |
| .column-push-7 { | |
| left: 58.33333333%; | |
| } | |
| .column-push-6 { | |
| left: 50%; | |
| } | |
| .column-push-5 { | |
| left: 41.66666667%; | |
| } | |
| .column-push-4 { | |
| left: 33.33333333%; | |
| } | |
| .column-push-3 { | |
| left: 25%; | |
| } | |
| .column-push-2 { | |
| left: 16.66666667%; | |
| } | |
| .column-push-1 { | |
| left: 8.33333333%; | |
| } | |
| .column-push-0 { | |
| left: auto; | |
| } | |
| .column-pull-12 { | |
| right: -100%; | |
| } | |
| .column-pull-11 { | |
| right: -91.66666667%; | |
| } | |
| .column-pull-10 { | |
| right: -83.33333333%; | |
| } | |
| .column-pull-9 { | |
| right: -75%; | |
| } | |
| .column-pull-8 { | |
| right: -66.66666667%; | |
| } | |
| .column-pull-7 { | |
| right: -58.33333333%; | |
| } | |
| .column-pull-6 { | |
| right: -50%; | |
| } | |
| .column-pull-5 { | |
| right: -41.66666667%; | |
| } | |
| .column-pull-4 { | |
| right: -33.33333333%; | |
| } | |
| .column-pull-3 { | |
| right: -25%; | |
| } | |
| .column-pull-2 { | |
| right: -16.66666667%; | |
| } | |
| .column-pull-1 { | |
| right: -8.33333333%; | |
| } | |
| .column-pull-0 { | |
| right: auto; | |
| } | |
| .column-offset-12 { | |
| margin-left: 100%; | |
| } | |
| .column-offset-11 { | |
| margin-left: 91.66666667%; | |
| } | |
| .column-offset-10 { | |
| margin-left: 83.33333333%; | |
| } | |
| .column-offset-9 { | |
| margin-left: 75%; | |
| } | |
| .column-offset-8 { | |
| margin-left: 66.66666667%; | |
| } | |
| .column-offset-7 { | |
| margin-left: 58.33333333%; | |
| } | |
| .column-offset-6 { | |
| margin-left: 50%; | |
| } | |
| .column-offset-5 { | |
| margin-left: 41.66666667%; | |
| } | |
| .column-offset-4 { | |
| margin-left: 33.33333333%; | |
| } | |
| .column-offset-3 { | |
| margin-left: 25%; | |
| } | |
| .column-offset-2 { | |
| margin-left: 16.66666667%; | |
| } | |
| .column-offset-1 { | |
| margin-left: 8.33333333%; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Row | |
| ----------------------------------------------------------------------------- */ | |
| .row { | |
| margin-left: -6px; | |
| margin-right: -6px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Grid | |
| ----------------------------------------------------------------------------- */ | |
| .column-1, .column-small-1, .column-medium-1, .column-large-1, .column-jumbo-1, .column-2, .column-small-2, .column-medium-2, .column-large-2, .column-jumbo-2, .column-3, .column-small-3, .column-medium-3, .column-large-3, .column-jumbo-3, .column-4, .column-small-4, .column-medium-4, .column-large-4, .column-jumbo-4, .column-5, .column-small-5, .column-medium-5, .column-large-5, .column-jumbo-5, .column-6, .column-small-6, .column-medium-6, .column-large-6, .column-jumbo-6, .column-7, .column-small-7, .column-medium-7, .column-large-7, .column-jumbo-7, .column-8, .column-small-8, .column-medium-8, .column-large-8, .column-jumbo-8, .column-9, .column-small-9, .column-medium-9, .column-large-9, .column-jumbo-9, .column-10, .column-small-10, .column-medium-10, .column-large-10, .column-jumbo-10, .column-11, .column-small-11, .column-medium-11, .column-large-11, .column-jumbo-11, .column-12, .column-small-12, .column-medium-12, .column-large-12, .column-jumbo-12 { | |
| padding-left: 6px; | |
| padding-right: 6px; | |
| } | |
| .column-small-12 { | |
| float: left; | |
| width: 100%; | |
| } | |
| .column-small-11 { | |
| float: left; | |
| width: 91.66666667%; | |
| } | |
| .column-small-10 { | |
| float: left; | |
| width: 83.33333333%; | |
| } | |
| .column-small-9 { | |
| float: left; | |
| width: 75%; | |
| } | |
| .column-small-8 { | |
| float: left; | |
| width: 66.66666667%; | |
| } | |
| .column-small-7 { | |
| float: left; | |
| width: 58.33333333%; | |
| } | |
| .column-small-6 { | |
| float: left; | |
| width: 50%; | |
| } | |
| .column-small-5 { | |
| float: left; | |
| width: 41.66666667%; | |
| } | |
| .column-small-4 { | |
| float: left; | |
| width: 33.33333333%; | |
| } | |
| .column-small-3 { | |
| float: left; | |
| width: 25%; | |
| } | |
| .column-small-2 { | |
| float: left; | |
| width: 16.66666667%; | |
| } | |
| .column-small-1 { | |
| float: left; | |
| width: 8.33333333%; | |
| } | |
| .column-small-0 { | |
| float: left; | |
| width: 0%; | |
| } | |
| .column-small-push-12 { | |
| left: 100%; | |
| } | |
| .column-small-push-11 { | |
| left: 91.66666667%; | |
| } | |
| .column-small-push-10 { | |
| left: 83.33333333%; | |
| } | |
| .column-small-push-9 { | |
| left: 75%; | |
| } | |
| .column-small-push-8 { | |
| left: 66.66666667%; | |
| } | |
| .column-small-push-7 { | |
| left: 58.33333333%; | |
| } | |
| .column-small-push-6 { | |
| left: 50%; | |
| } | |
| .column-small-push-5 { | |
| left: 41.66666667%; | |
| } | |
| .column-small-push-4 { | |
| left: 33.33333333%; | |
| } | |
| .column-small-push-3 { | |
| left: 25%; | |
| } | |
| .column-small-push-2 { | |
| left: 16.66666667%; | |
| } | |
| .column-small-push-1 { | |
| left: 8.33333333%; | |
| } | |
| .column-small-push-0 { | |
| left: auto; | |
| } | |
| .column-small-pull-12 { | |
| right: -100%; | |
| } | |
| .column-small-pull-11 { | |
| right: -91.66666667%; | |
| } | |
| .column-small-pull-10 { | |
| right: -83.33333333%; | |
| } | |
| .column-small-pull-9 { | |
| right: -75%; | |
| } | |
| .column-small-pull-8 { | |
| right: -66.66666667%; | |
| } | |
| .column-small-pull-7 { | |
| right: -58.33333333%; | |
| } | |
| .column-small-pull-6 { | |
| right: -50%; | |
| } | |
| .column-small-pull-5 { | |
| right: -41.66666667%; | |
| } | |
| .column-small-pull-4 { | |
| right: -33.33333333%; | |
| } | |
| .column-small-pull-3 { | |
| right: -25%; | |
| } | |
| .column-small-pull-2 { | |
| right: -16.66666667%; | |
| } | |
| .column-small-pull-1 { | |
| right: -8.33333333%; | |
| } | |
| .column-small-pull-0 { | |
| right: auto; | |
| } | |
| .column-small-offset-12 { | |
| margin-left: 100%; | |
| } | |
| .column-small-offset-11 { | |
| margin-left: 91.66666667%; | |
| } | |
| .column-small-offset-10 { | |
| margin-left: 83.33333333%; | |
| } | |
| .column-small-offset-9 { | |
| margin-left: 75%; | |
| } | |
| .column-small-offset-8 { | |
| margin-left: 66.66666667%; | |
| } | |
| .column-small-offset-7 { | |
| margin-left: 58.33333333%; | |
| } | |
| .column-small-offset-6 { | |
| margin-left: 50%; | |
| } | |
| .column-small-offset-5 { | |
| margin-left: 41.66666667%; | |
| } | |
| .column-small-offset-4 { | |
| margin-left: 33.33333333%; | |
| } | |
| .column-small-offset-3 { | |
| margin-left: 25%; | |
| } | |
| .column-small-offset-2 { | |
| margin-left: 16.66666667%; | |
| } | |
| .column-small-offset-1 { | |
| margin-left: 8.33333333%; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Row | |
| ----------------------------------------------------------------------------- */ | |
| .row { | |
| margin-left: -6px; | |
| margin-right: -6px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Column Overflow | |
| ----------------------------------------------------------------------------- */ | |
| .column-overflow[class*="column-small-"] { | |
| margin-top: 0px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Grid | |
| ----------------------------------------------------------------------------- */ | |
| .column-1, .column-small-1, .column-medium-1, .column-large-1, .column-jumbo-1, .column-2, .column-small-2, .column-medium-2, .column-large-2, .column-jumbo-2, .column-3, .column-small-3, .column-medium-3, .column-large-3, .column-jumbo-3, .column-4, .column-small-4, .column-medium-4, .column-large-4, .column-jumbo-4, .column-5, .column-small-5, .column-medium-5, .column-large-5, .column-jumbo-5, .column-6, .column-small-6, .column-medium-6, .column-large-6, .column-jumbo-6, .column-7, .column-small-7, .column-medium-7, .column-large-7, .column-jumbo-7, .column-8, .column-small-8, .column-medium-8, .column-large-8, .column-jumbo-8, .column-9, .column-small-9, .column-medium-9, .column-large-9, .column-jumbo-9, .column-10, .column-small-10, .column-medium-10, .column-large-10, .column-jumbo-10, .column-11, .column-small-11, .column-medium-11, .column-large-11, .column-jumbo-11, .column-12, .column-small-12, .column-medium-12, .column-large-12, .column-jumbo-12 { | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| } | |
| .column-medium-12 { | |
| float: left; | |
| width: 100%; | |
| } | |
| .column-medium-11 { | |
| float: left; | |
| width: 91.66666667%; | |
| } | |
| .column-medium-10 { | |
| float: left; | |
| width: 83.33333333%; | |
| } | |
| .column-medium-9 { | |
| float: left; | |
| width: 75%; | |
| } | |
| .column-medium-8 { | |
| float: left; | |
| width: 66.66666667%; | |
| } | |
| .column-medium-7 { | |
| float: left; | |
| width: 58.33333333%; | |
| } | |
| .column-medium-6 { | |
| float: left; | |
| width: 50%; | |
| } | |
| .column-medium-5 { | |
| float: left; | |
| width: 41.66666667%; | |
| } | |
| .column-medium-4 { | |
| float: left; | |
| width: 33.33333333%; | |
| } | |
| .column-medium-3 { | |
| float: left; | |
| width: 25%; | |
| } | |
| .column-medium-2 { | |
| float: left; | |
| width: 16.66666667%; | |
| } | |
| .column-medium-1 { | |
| float: left; | |
| width: 8.33333333%; | |
| } | |
| .column-medium-0 { | |
| float: left; | |
| width: 0%; | |
| } | |
| .column-medium-push-12 { | |
| left: 100%; | |
| } | |
| .column-medium-push-11 { | |
| left: 91.66666667%; | |
| } | |
| .column-medium-push-10 { | |
| left: 83.33333333%; | |
| } | |
| .column-medium-push-9 { | |
| left: 75%; | |
| } | |
| .column-medium-push-8 { | |
| left: 66.66666667%; | |
| } | |
| .column-medium-push-7 { | |
| left: 58.33333333%; | |
| } | |
| .column-medium-push-6 { | |
| left: 50%; | |
| } | |
| .column-medium-push-5 { | |
| left: 41.66666667%; | |
| } | |
| .column-medium-push-4 { | |
| left: 33.33333333%; | |
| } | |
| .column-medium-push-3 { | |
| left: 25%; | |
| } | |
| .column-medium-push-2 { | |
| left: 16.66666667%; | |
| } | |
| .column-medium-push-1 { | |
| left: 8.33333333%; | |
| } | |
| .column-medium-push-0 { | |
| left: auto; | |
| } | |
| .column-medium-pull-12 { | |
| right: -100%; | |
| } | |
| .column-medium-pull-11 { | |
| right: -91.66666667%; | |
| } | |
| .column-medium-pull-10 { | |
| right: -83.33333333%; | |
| } | |
| .column-medium-pull-9 { | |
| right: -75%; | |
| } | |
| .column-medium-pull-8 { | |
| right: -66.66666667%; | |
| } | |
| .column-medium-pull-7 { | |
| right: -58.33333333%; | |
| } | |
| .column-medium-pull-6 { | |
| right: -50%; | |
| } | |
| .column-medium-pull-5 { | |
| right: -41.66666667%; | |
| } | |
| .column-medium-pull-4 { | |
| right: -33.33333333%; | |
| } | |
| .column-medium-pull-3 { | |
| right: -25%; | |
| } | |
| .column-medium-pull-2 { | |
| right: -16.66666667%; | |
| } | |
| .column-medium-pull-1 { | |
| right: -8.33333333%; | |
| } | |
| .column-medium-pull-0 { | |
| right: auto; | |
| } | |
| .column-medium-offset-12 { | |
| margin-left: 100%; | |
| } | |
| .column-medium-offset-11 { | |
| margin-left: 91.66666667%; | |
| } | |
| .column-medium-offset-10 { | |
| margin-left: 83.33333333%; | |
| } | |
| .column-medium-offset-9 { | |
| margin-left: 75%; | |
| } | |
| .column-medium-offset-8 { | |
| margin-left: 66.66666667%; | |
| } | |
| .column-medium-offset-7 { | |
| margin-left: 58.33333333%; | |
| } | |
| .column-medium-offset-6 { | |
| margin-left: 50%; | |
| } | |
| .column-medium-offset-5 { | |
| margin-left: 41.66666667%; | |
| } | |
| .column-medium-offset-4 { | |
| margin-left: 33.33333333%; | |
| } | |
| .column-medium-offset-3 { | |
| margin-left: 25%; | |
| } | |
| .column-medium-offset-2 { | |
| margin-left: 16.66666667%; | |
| } | |
| .column-medium-offset-1 { | |
| margin-left: 8.33333333%; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Row | |
| ----------------------------------------------------------------------------- */ | |
| .row { | |
| margin-left: -12px; | |
| margin-right: -12px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Column Overflow | |
| ----------------------------------------------------------------------------- */ | |
| .column-overflow[class*="column-medium-"] { | |
| margin-top: 0px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Grid | |
| ----------------------------------------------------------------------------- */ | |
| .column-1, .column-small-1, .column-medium-1, .column-large-1, .column-jumbo-1, .column-2, .column-small-2, .column-medium-2, .column-large-2, .column-jumbo-2, .column-3, .column-small-3, .column-medium-3, .column-large-3, .column-jumbo-3, .column-4, .column-small-4, .column-medium-4, .column-large-4, .column-jumbo-4, .column-5, .column-small-5, .column-medium-5, .column-large-5, .column-jumbo-5, .column-6, .column-small-6, .column-medium-6, .column-large-6, .column-jumbo-6, .column-7, .column-small-7, .column-medium-7, .column-large-7, .column-jumbo-7, .column-8, .column-small-8, .column-medium-8, .column-large-8, .column-jumbo-8, .column-9, .column-small-9, .column-medium-9, .column-large-9, .column-jumbo-9, .column-10, .column-small-10, .column-medium-10, .column-large-10, .column-jumbo-10, .column-11, .column-small-11, .column-medium-11, .column-large-11, .column-jumbo-11, .column-12, .column-small-12, .column-medium-12, .column-large-12, .column-jumbo-12 { | |
| padding-left: 16px; | |
| padding-right: 16px; | |
| } | |
| .column-large-12 { | |
| float: left; | |
| width: 100%; | |
| } | |
| .column-large-11 { | |
| float: left; | |
| width: 91.66666667%; | |
| } | |
| .column-large-10 { | |
| float: left; | |
| width: 83.33333333%; | |
| } | |
| .column-large-9 { | |
| float: left; | |
| width: 75%; | |
| } | |
| .column-large-8 { | |
| float: left; | |
| width: 66.66666667%; | |
| } | |
| .column-large-7 { | |
| float: left; | |
| width: 58.33333333%; | |
| } | |
| .column-large-6 { | |
| float: left; | |
| width: 50%; | |
| } | |
| .column-large-5 { | |
| float: left; | |
| width: 41.66666667%; | |
| } | |
| .column-large-4 { | |
| float: left; | |
| width: 33.33333333%; | |
| } | |
| .column-large-3 { | |
| float: left; | |
| width: 25%; | |
| } | |
| .column-large-2 { | |
| float: left; | |
| width: 16.66666667%; | |
| } | |
| .column-large-1 { | |
| float: left; | |
| width: 8.33333333%; | |
| } | |
| .column-large-0 { | |
| float: left; | |
| width: 0%; | |
| } | |
| .column-large-push-12 { | |
| left: 100%; | |
| } | |
| .column-large-push-11 { | |
| left: 91.66666667%; | |
| } | |
| .column-large-push-10 { | |
| left: 83.33333333%; | |
| } | |
| .column-large-push-9 { | |
| left: 75%; | |
| } | |
| .column-large-push-8 { | |
| left: 66.66666667%; | |
| } | |
| .column-large-push-7 { | |
| left: 58.33333333%; | |
| } | |
| .column-large-push-6 { | |
| left: 50%; | |
| } | |
| .column-large-push-5 { | |
| left: 41.66666667%; | |
| } | |
| .column-large-push-4 { | |
| left: 33.33333333%; | |
| } | |
| .column-large-push-3 { | |
| left: 25%; | |
| } | |
| .column-large-push-2 { | |
| left: 16.66666667%; | |
| } | |
| .column-large-push-1 { | |
| left: 8.33333333%; | |
| } | |
| .column-large-push-0 { | |
| left: auto; | |
| } | |
| .column-large-pull-12 { | |
| right: -100%; | |
| } | |
| .column-large-pull-11 { | |
| right: -91.66666667%; | |
| } | |
| .column-large-pull-10 { | |
| right: -83.33333333%; | |
| } | |
| .column-large-pull-9 { | |
| right: -75%; | |
| } | |
| .column-large-pull-8 { | |
| right: -66.66666667%; | |
| } | |
| .column-large-pull-7 { | |
| right: -58.33333333%; | |
| } | |
| .column-large-pull-6 { | |
| right: -50%; | |
| } | |
| .column-large-pull-5 { | |
| right: -41.66666667%; | |
| } | |
| .column-large-pull-4 { | |
| right: -33.33333333%; | |
| } | |
| .column-large-pull-3 { | |
| right: -25%; | |
| } | |
| .column-large-pull-2 { | |
| right: -16.66666667%; | |
| } | |
| .column-large-pull-1 { | |
| right: -8.33333333%; | |
| } | |
| .column-large-pull-0 { | |
| right: auto; | |
| } | |
| .column-large-offset-12 { | |
| margin-left: 100%; | |
| } | |
| .column-large-offset-11 { | |
| margin-left: 91.66666667%; | |
| } | |
| .column-large-offset-10 { | |
| margin-left: 83.33333333%; | |
| } | |
| .column-large-offset-9 { | |
| margin-left: 75%; | |
| } | |
| .column-large-offset-8 { | |
| margin-left: 66.66666667%; | |
| } | |
| .column-large-offset-7 { | |
| margin-left: 58.33333333%; | |
| } | |
| .column-large-offset-6 { | |
| margin-left: 50%; | |
| } | |
| .column-large-offset-5 { | |
| margin-left: 41.66666667%; | |
| } | |
| .column-large-offset-4 { | |
| margin-left: 33.33333333%; | |
| } | |
| .column-large-offset-3 { | |
| margin-left: 25%; | |
| } | |
| .column-large-offset-2 { | |
| margin-left: 16.66666667%; | |
| } | |
| .column-large-offset-1 { | |
| margin-left: 8.33333333%; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Row | |
| ----------------------------------------------------------------------------- */ | |
| .row { | |
| margin-left: -16px; | |
| margin-right: -16px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Column Overflow | |
| ----------------------------------------------------------------------------- */ | |
| .column-overflow[class*="column-large-"] { | |
| margin-top: 0px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Grid | |
| ----------------------------------------------------------------------------- */ | |
| .column-1, .column-small-1, .column-medium-1, .column-large-1, .column-jumbo-1, .column-2, .column-small-2, .column-medium-2, .column-large-2, .column-jumbo-2, .column-3, .column-small-3, .column-medium-3, .column-large-3, .column-jumbo-3, .column-4, .column-small-4, .column-medium-4, .column-large-4, .column-jumbo-4, .column-5, .column-small-5, .column-medium-5, .column-large-5, .column-jumbo-5, .column-6, .column-small-6, .column-medium-6, .column-large-6, .column-jumbo-6, .column-7, .column-small-7, .column-medium-7, .column-large-7, .column-jumbo-7, .column-8, .column-small-8, .column-medium-8, .column-large-8, .column-jumbo-8, .column-9, .column-small-9, .column-medium-9, .column-large-9, .column-jumbo-9, .column-10, .column-small-10, .column-medium-10, .column-large-10, .column-jumbo-10, .column-11, .column-small-11, .column-medium-11, .column-large-11, .column-jumbo-11, .column-12, .column-small-12, .column-medium-12, .column-large-12, .column-jumbo-12 { | |
| padding-left: 19px; | |
| padding-right: 19px; | |
| } | |
| .column-jumbo-12 { | |
| float: left; | |
| width: 100%; | |
| } | |
| .column-jumbo-11 { | |
| float: left; | |
| width: 91.66666667%; | |
| } | |
| .column-jumbo-10 { | |
| float: left; | |
| width: 83.33333333%; | |
| } | |
| .column-jumbo-9 { | |
| float: left; | |
| width: 75%; | |
| } | |
| .column-jumbo-8 { | |
| float: left; | |
| width: 66.66666667%; | |
| } | |
| .column-jumbo-7 { | |
| float: left; | |
| width: 58.33333333%; | |
| } | |
| .column-jumbo-6 { | |
| float: left; | |
| width: 50%; | |
| } | |
| .column-jumbo-5 { | |
| float: left; | |
| width: 41.66666667%; | |
| } | |
| .column-jumbo-4 { | |
| float: left; | |
| width: 33.33333333%; | |
| } | |
| .column-jumbo-3 { | |
| float: left; | |
| width: 25%; | |
| } | |
| .column-jumbo-2 { | |
| float: left; | |
| width: 16.66666667%; | |
| } | |
| .column-jumbo-1 { | |
| float: left; | |
| width: 8.33333333%; | |
| } | |
| .column-jumbo-0 { | |
| float: left; | |
| width: 0%; | |
| } | |
| .column-jumbo-push-12 { | |
| left: 100%; | |
| } | |
| .column-jumbo-push-11 { | |
| left: 91.66666667%; | |
| } | |
| .column-jumbo-push-10 { | |
| left: 83.33333333%; | |
| } | |
| .column-jumbo-push-9 { | |
| left: 75%; | |
| } | |
| .column-jumbo-push-8 { | |
| left: 66.66666667%; | |
| } | |
| .column-jumbo-push-7 { | |
| left: 58.33333333%; | |
| } | |
| .column-jumbo-push-6 { | |
| left: 50%; | |
| } | |
| .column-jumbo-push-5 { | |
| left: 41.66666667%; | |
| } | |
| .column-jumbo-push-4 { | |
| left: 33.33333333%; | |
| } | |
| .column-jumbo-push-3 { | |
| left: 25%; | |
| } | |
| .column-jumbo-push-2 { | |
| left: 16.66666667%; | |
| } | |
| .column-jumbo-push-1 { | |
| left: 8.33333333%; | |
| } | |
| .column-jumbo-push-0 { | |
| left: auto; | |
| } | |
| .column-jumbo-pull-12 { | |
| right: -100%; | |
| } | |
| .column-jumbo-pull-11 { | |
| right: -91.66666667%; | |
| } | |
| .column-jumbo-pull-10 { | |
| right: -83.33333333%; | |
| } | |
| .column-jumbo-pull-9 { | |
| right: -75%; | |
| } | |
| .column-jumbo-pull-8 { | |
| right: -66.66666667%; | |
| } | |
| .column-jumbo-pull-7 { | |
| right: -58.33333333%; | |
| } | |
| .column-jumbo-pull-6 { | |
| right: -50%; | |
| } | |
| .column-jumbo-pull-5 { | |
| right: -41.66666667%; | |
| } | |
| .column-jumbo-pull-4 { | |
| right: -33.33333333%; | |
| } | |
| .column-jumbo-pull-3 { | |
| right: -25%; | |
| } | |
| .column-jumbo-pull-2 { | |
| right: -16.66666667%; | |
| } | |
| .column-jumbo-pull-1 { | |
| right: -8.33333333%; | |
| } | |
| .column-jumbo-pull-0 { | |
| right: auto; | |
| } | |
| .column-jumbo-offset-12 { | |
| margin-left: 100%; | |
| } | |
| .column-jumbo-offset-11 { | |
| margin-left: 91.66666667%; | |
| } | |
| .column-jumbo-offset-10 { | |
| margin-left: 83.33333333%; | |
| } | |
| .column-jumbo-offset-9 { | |
| margin-left: 75%; | |
| } | |
| .column-jumbo-offset-8 { | |
| margin-left: 66.66666667%; | |
| } | |
| .column-jumbo-offset-7 { | |
| margin-left: 58.33333333%; | |
| } | |
| .column-jumbo-offset-6 { | |
| margin-left: 50%; | |
| } | |
| .column-jumbo-offset-5 { | |
| margin-left: 41.66666667%; | |
| } | |
| .column-jumbo-offset-4 { | |
| margin-left: 33.33333333%; | |
| } | |
| .column-jumbo-offset-3 { | |
| margin-left: 25%; | |
| } | |
| .column-jumbo-offset-2 { | |
| margin-left: 16.66666667%; | |
| } | |
| .column-jumbo-offset-1 { | |
| margin-left: 8.33333333%; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Row | |
| ----------------------------------------------------------------------------- */ | |
| .row { | |
| margin-left: -19px; | |
| margin-right: -19px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Column Overflow | |
| ----------------------------------------------------------------------------- */ | |
| .column-overflow[class*="column-jumbo-"] { | |
| margin-top: 0px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Flex | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| flex/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| flex/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Flex | |
| ----------------------------------------------------------------------------- */ | |
| .flex { | |
| display: -ms-flexbox !important; | |
| display: flex !important; | |
| } | |
| .flex:before, | |
| .flex:after { | |
| display: none !important; | |
| } | |
| .flex-inline { | |
| display: flex-inline !important; | |
| } | |
| .flex-inline:before, | |
| .flex-inline:after { | |
| display: none; | |
| } | |
| .flex-direction-left-to-right { | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| } | |
| .flex-direction-right-to-left { | |
| -ms-flex-direction: row-reverse; | |
| flex-direction: row-reverse; | |
| } | |
| .flex-direction-top-to-bottom { | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| } | |
| .flex-direction-bottom-to-top { | |
| -ms-flex-direction: column-reverse; | |
| flex-direction: column-reverse; | |
| } | |
| .flex-wrap-items { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .flex-wrap-items-reverse { | |
| -ms-flex-wrap: wrap-reverse; | |
| flex-wrap: wrap-reverse; | |
| } | |
| .flex-wrap-items-none { | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| } | |
| .flex-align-items-start { | |
| -ms-flex-align: start; | |
| -ms-grid-row-align: flex-start; | |
| align-items: flex-start; | |
| } | |
| .flex-align-items-center { | |
| -ms-flex-align: center; | |
| -ms-grid-row-align: center; | |
| align-items: center; | |
| } | |
| .flex-align-items-end { | |
| -ms-flex-align: end; | |
| -ms-grid-row-align: flex-end; | |
| align-items: flex-end; | |
| } | |
| .flex-align-items-stretch { | |
| -ms-flex-align: stretch; | |
| -ms-grid-row-align: stretch; | |
| align-items: stretch; | |
| } | |
| .flex-align-items-baseline { | |
| -ms-flex-align: baseline; | |
| -ms-grid-row-align: baseline; | |
| align-items: baseline; | |
| } | |
| .flex-justify-items-start { | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| } | |
| .flex-justify-items-end { | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; | |
| } | |
| .flex-justify-items-center { | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| } | |
| .flex-justify-items-space-between { | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| .flex-justify-items-space-around { | |
| -ms-flex-pack: distribute; | |
| justify-content: space-around; | |
| } | |
| .flex-align-content-start { | |
| -ms-flex-line-pack: start; | |
| align-content: flex-start; | |
| } | |
| .flex-align-content-center { | |
| -ms-flex-line-pack: center; | |
| align-content: center; | |
| } | |
| .flex-align-content-end { | |
| -ms-flex-line-pack: end; | |
| align-content: flex-end; | |
| } | |
| .flex-align-content-stretch { | |
| -ms-flex-line-pack: stretch; | |
| align-content: stretch; | |
| } | |
| .flex-align-content-space-between { | |
| -ms-flex-line-pack: justify; | |
| align-content: space-between; | |
| } | |
| .flex-align-content-space-around { | |
| -ms-flex-line-pack: distribute; | |
| align-content: space-around; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Flex Item | |
| ----------------------------------------------------------------------------- */ | |
| .flex-item-order-100 { | |
| -ms-flex-order: 100; | |
| order: 100; | |
| } | |
| .flex-item-order-99 { | |
| -ms-flex-order: 99; | |
| order: 99; | |
| } | |
| .flex-item-order-98 { | |
| -ms-flex-order: 98; | |
| order: 98; | |
| } | |
| .flex-item-order-97 { | |
| -ms-flex-order: 97; | |
| order: 97; | |
| } | |
| .flex-item-order-96 { | |
| -ms-flex-order: 96; | |
| order: 96; | |
| } | |
| .flex-item-order-95 { | |
| -ms-flex-order: 95; | |
| order: 95; | |
| } | |
| .flex-item-order-94 { | |
| -ms-flex-order: 94; | |
| order: 94; | |
| } | |
| .flex-item-order-93 { | |
| -ms-flex-order: 93; | |
| order: 93; | |
| } | |
| .flex-item-order-92 { | |
| -ms-flex-order: 92; | |
| order: 92; | |
| } | |
| .flex-item-order-91 { | |
| -ms-flex-order: 91; | |
| order: 91; | |
| } | |
| .flex-item-order-90 { | |
| -ms-flex-order: 90; | |
| order: 90; | |
| } | |
| .flex-item-order-89 { | |
| -ms-flex-order: 89; | |
| order: 89; | |
| } | |
| .flex-item-order-88 { | |
| -ms-flex-order: 88; | |
| order: 88; | |
| } | |
| .flex-item-order-87 { | |
| -ms-flex-order: 87; | |
| order: 87; | |
| } | |
| .flex-item-order-86 { | |
| -ms-flex-order: 86; | |
| order: 86; | |
| } | |
| .flex-item-order-85 { | |
| -ms-flex-order: 85; | |
| order: 85; | |
| } | |
| .flex-item-order-84 { | |
| -ms-flex-order: 84; | |
| order: 84; | |
| } | |
| .flex-item-order-83 { | |
| -ms-flex-order: 83; | |
| order: 83; | |
| } | |
| .flex-item-order-82 { | |
| -ms-flex-order: 82; | |
| order: 82; | |
| } | |
| .flex-item-order-81 { | |
| -ms-flex-order: 81; | |
| order: 81; | |
| } | |
| .flex-item-order-80 { | |
| -ms-flex-order: 80; | |
| order: 80; | |
| } | |
| .flex-item-order-79 { | |
| -ms-flex-order: 79; | |
| order: 79; | |
| } | |
| .flex-item-order-78 { | |
| -ms-flex-order: 78; | |
| order: 78; | |
| } | |
| .flex-item-order-77 { | |
| -ms-flex-order: 77; | |
| order: 77; | |
| } | |
| .flex-item-order-76 { | |
| -ms-flex-order: 76; | |
| order: 76; | |
| } | |
| .flex-item-order-75 { | |
| -ms-flex-order: 75; | |
| order: 75; | |
| } | |
| .flex-item-order-74 { | |
| -ms-flex-order: 74; | |
| order: 74; | |
| } | |
| .flex-item-order-73 { | |
| -ms-flex-order: 73; | |
| order: 73; | |
| } | |
| .flex-item-order-72 { | |
| -ms-flex-order: 72; | |
| order: 72; | |
| } | |
| .flex-item-order-71 { | |
| -ms-flex-order: 71; | |
| order: 71; | |
| } | |
| .flex-item-order-70 { | |
| -ms-flex-order: 70; | |
| order: 70; | |
| } | |
| .flex-item-order-69 { | |
| -ms-flex-order: 69; | |
| order: 69; | |
| } | |
| .flex-item-order-68 { | |
| -ms-flex-order: 68; | |
| order: 68; | |
| } | |
| .flex-item-order-67 { | |
| -ms-flex-order: 67; | |
| order: 67; | |
| } | |
| .flex-item-order-66 { | |
| -ms-flex-order: 66; | |
| order: 66; | |
| } | |
| .flex-item-order-65 { | |
| -ms-flex-order: 65; | |
| order: 65; | |
| } | |
| .flex-item-order-64 { | |
| -ms-flex-order: 64; | |
| order: 64; | |
| } | |
| .flex-item-order-63 { | |
| -ms-flex-order: 63; | |
| order: 63; | |
| } | |
| .flex-item-order-62 { | |
| -ms-flex-order: 62; | |
| order: 62; | |
| } | |
| .flex-item-order-61 { | |
| -ms-flex-order: 61; | |
| order: 61; | |
| } | |
| .flex-item-order-60 { | |
| -ms-flex-order: 60; | |
| order: 60; | |
| } | |
| .flex-item-order-59 { | |
| -ms-flex-order: 59; | |
| order: 59; | |
| } | |
| .flex-item-order-58 { | |
| -ms-flex-order: 58; | |
| order: 58; | |
| } | |
| .flex-item-order-57 { | |
| -ms-flex-order: 57; | |
| order: 57; | |
| } | |
| .flex-item-order-56 { | |
| -ms-flex-order: 56; | |
| order: 56; | |
| } | |
| .flex-item-order-55 { | |
| -ms-flex-order: 55; | |
| order: 55; | |
| } | |
| .flex-item-order-54 { | |
| -ms-flex-order: 54; | |
| order: 54; | |
| } | |
| .flex-item-order-53 { | |
| -ms-flex-order: 53; | |
| order: 53; | |
| } | |
| .flex-item-order-52 { | |
| -ms-flex-order: 52; | |
| order: 52; | |
| } | |
| .flex-item-order-51 { | |
| -ms-flex-order: 51; | |
| order: 51; | |
| } | |
| .flex-item-order-50 { | |
| -ms-flex-order: 50; | |
| order: 50; | |
| } | |
| .flex-item-order-49 { | |
| -ms-flex-order: 49; | |
| order: 49; | |
| } | |
| .flex-item-order-48 { | |
| -ms-flex-order: 48; | |
| order: 48; | |
| } | |
| .flex-item-order-47 { | |
| -ms-flex-order: 47; | |
| order: 47; | |
| } | |
| .flex-item-order-46 { | |
| -ms-flex-order: 46; | |
| order: 46; | |
| } | |
| .flex-item-order-45 { | |
| -ms-flex-order: 45; | |
| order: 45; | |
| } | |
| .flex-item-order-44 { | |
| -ms-flex-order: 44; | |
| order: 44; | |
| } | |
| .flex-item-order-43 { | |
| -ms-flex-order: 43; | |
| order: 43; | |
| } | |
| .flex-item-order-42 { | |
| -ms-flex-order: 42; | |
| order: 42; | |
| } | |
| .flex-item-order-41 { | |
| -ms-flex-order: 41; | |
| order: 41; | |
| } | |
| .flex-item-order-40 { | |
| -ms-flex-order: 40; | |
| order: 40; | |
| } | |
| .flex-item-order-39 { | |
| -ms-flex-order: 39; | |
| order: 39; | |
| } | |
| .flex-item-order-38 { | |
| -ms-flex-order: 38; | |
| order: 38; | |
| } | |
| .flex-item-order-37 { | |
| -ms-flex-order: 37; | |
| order: 37; | |
| } | |
| .flex-item-order-36 { | |
| -ms-flex-order: 36; | |
| order: 36; | |
| } | |
| .flex-item-order-35 { | |
| -ms-flex-order: 35; | |
| order: 35; | |
| } | |
| .flex-item-order-34 { | |
| -ms-flex-order: 34; | |
| order: 34; | |
| } | |
| .flex-item-order-33 { | |
| -ms-flex-order: 33; | |
| order: 33; | |
| } | |
| .flex-item-order-32 { | |
| -ms-flex-order: 32; | |
| order: 32; | |
| } | |
| .flex-item-order-31 { | |
| -ms-flex-order: 31; | |
| order: 31; | |
| } | |
| .flex-item-order-30 { | |
| -ms-flex-order: 30; | |
| order: 30; | |
| } | |
| .flex-item-order-29 { | |
| -ms-flex-order: 29; | |
| order: 29; | |
| } | |
| .flex-item-order-28 { | |
| -ms-flex-order: 28; | |
| order: 28; | |
| } | |
| .flex-item-order-27 { | |
| -ms-flex-order: 27; | |
| order: 27; | |
| } | |
| .flex-item-order-26 { | |
| -ms-flex-order: 26; | |
| order: 26; | |
| } | |
| .flex-item-order-25 { | |
| -ms-flex-order: 25; | |
| order: 25; | |
| } | |
| .flex-item-order-24 { | |
| -ms-flex-order: 24; | |
| order: 24; | |
| } | |
| .flex-item-order-23 { | |
| -ms-flex-order: 23; | |
| order: 23; | |
| } | |
| .flex-item-order-22 { | |
| -ms-flex-order: 22; | |
| order: 22; | |
| } | |
| .flex-item-order-21 { | |
| -ms-flex-order: 21; | |
| order: 21; | |
| } | |
| .flex-item-order-20 { | |
| -ms-flex-order: 20; | |
| order: 20; | |
| } | |
| .flex-item-order-19 { | |
| -ms-flex-order: 19; | |
| order: 19; | |
| } | |
| .flex-item-order-18 { | |
| -ms-flex-order: 18; | |
| order: 18; | |
| } | |
| .flex-item-order-17 { | |
| -ms-flex-order: 17; | |
| order: 17; | |
| } | |
| .flex-item-order-16 { | |
| -ms-flex-order: 16; | |
| order: 16; | |
| } | |
| .flex-item-order-15 { | |
| -ms-flex-order: 15; | |
| order: 15; | |
| } | |
| .flex-item-order-14 { | |
| -ms-flex-order: 14; | |
| order: 14; | |
| } | |
| .flex-item-order-13 { | |
| -ms-flex-order: 13; | |
| order: 13; | |
| } | |
| .flex-item-order-12 { | |
| -ms-flex-order: 12; | |
| order: 12; | |
| } | |
| .flex-item-order-11 { | |
| -ms-flex-order: 11; | |
| order: 11; | |
| } | |
| .flex-item-order-10 { | |
| -ms-flex-order: 10; | |
| order: 10; | |
| } | |
| .flex-item-order-9 { | |
| -ms-flex-order: 9; | |
| order: 9; | |
| } | |
| .flex-item-order-8 { | |
| -ms-flex-order: 8; | |
| order: 8; | |
| } | |
| .flex-item-order-7 { | |
| -ms-flex-order: 7; | |
| order: 7; | |
| } | |
| .flex-item-order-6 { | |
| -ms-flex-order: 6; | |
| order: 6; | |
| } | |
| .flex-item-order-5 { | |
| -ms-flex-order: 5; | |
| order: 5; | |
| } | |
| .flex-item-order-4 { | |
| -ms-flex-order: 4; | |
| order: 4; | |
| } | |
| .flex-item-order-3 { | |
| -ms-flex-order: 3; | |
| order: 3; | |
| } | |
| .flex-item-order-2 { | |
| -ms-flex-order: 2; | |
| order: 2; | |
| } | |
| .flex-item-order-1 { | |
| -ms-flex-order: 1; | |
| order: 1; | |
| } | |
| .flex-item-order-0 { | |
| -ms-flex-order: 0; | |
| order: 0; | |
| } | |
| .flex-item-order--1 { | |
| -ms-flex-order: -1; | |
| order: -1; | |
| } | |
| .flex-item-order--2 { | |
| -ms-flex-order: -2; | |
| order: -2; | |
| } | |
| .flex-item-order--3 { | |
| -ms-flex-order: -3; | |
| order: -3; | |
| } | |
| .flex-item-order--4 { | |
| -ms-flex-order: -4; | |
| order: -4; | |
| } | |
| .flex-item-order--5 { | |
| -ms-flex-order: -5; | |
| order: -5; | |
| } | |
| .flex-item-order--6 { | |
| -ms-flex-order: -6; | |
| order: -6; | |
| } | |
| .flex-item-order--7 { | |
| -ms-flex-order: -7; | |
| order: -7; | |
| } | |
| .flex-item-order--8 { | |
| -ms-flex-order: -8; | |
| order: -8; | |
| } | |
| .flex-item-order--9 { | |
| -ms-flex-order: -9; | |
| order: -9; | |
| } | |
| .flex-item-order--10 { | |
| -ms-flex-order: -10; | |
| order: -10; | |
| } | |
| .flex-item-order--11 { | |
| -ms-flex-order: -11; | |
| order: -11; | |
| } | |
| .flex-item-order--12 { | |
| -ms-flex-order: -12; | |
| order: -12; | |
| } | |
| .flex-item-order--13 { | |
| -ms-flex-order: -13; | |
| order: -13; | |
| } | |
| .flex-item-order--14 { | |
| -ms-flex-order: -14; | |
| order: -14; | |
| } | |
| .flex-item-order--15 { | |
| -ms-flex-order: -15; | |
| order: -15; | |
| } | |
| .flex-item-order--16 { | |
| -ms-flex-order: -16; | |
| order: -16; | |
| } | |
| .flex-item-order--17 { | |
| -ms-flex-order: -17; | |
| order: -17; | |
| } | |
| .flex-item-order--18 { | |
| -ms-flex-order: -18; | |
| order: -18; | |
| } | |
| .flex-item-order--19 { | |
| -ms-flex-order: -19; | |
| order: -19; | |
| } | |
| .flex-item-order--20 { | |
| -ms-flex-order: -20; | |
| order: -20; | |
| } | |
| .flex-item-order--21 { | |
| -ms-flex-order: -21; | |
| order: -21; | |
| } | |
| .flex-item-order--22 { | |
| -ms-flex-order: -22; | |
| order: -22; | |
| } | |
| .flex-item-order--23 { | |
| -ms-flex-order: -23; | |
| order: -23; | |
| } | |
| .flex-item-order--24 { | |
| -ms-flex-order: -24; | |
| order: -24; | |
| } | |
| .flex-item-order--25 { | |
| -ms-flex-order: -25; | |
| order: -25; | |
| } | |
| .flex-item-order--26 { | |
| -ms-flex-order: -26; | |
| order: -26; | |
| } | |
| .flex-item-order--27 { | |
| -ms-flex-order: -27; | |
| order: -27; | |
| } | |
| .flex-item-order--28 { | |
| -ms-flex-order: -28; | |
| order: -28; | |
| } | |
| .flex-item-order--29 { | |
| -ms-flex-order: -29; | |
| order: -29; | |
| } | |
| .flex-item-order--30 { | |
| -ms-flex-order: -30; | |
| order: -30; | |
| } | |
| .flex-item-order--31 { | |
| -ms-flex-order: -31; | |
| order: -31; | |
| } | |
| .flex-item-order--32 { | |
| -ms-flex-order: -32; | |
| order: -32; | |
| } | |
| .flex-item-order--33 { | |
| -ms-flex-order: -33; | |
| order: -33; | |
| } | |
| .flex-item-order--34 { | |
| -ms-flex-order: -34; | |
| order: -34; | |
| } | |
| .flex-item-order--35 { | |
| -ms-flex-order: -35; | |
| order: -35; | |
| } | |
| .flex-item-order--36 { | |
| -ms-flex-order: -36; | |
| order: -36; | |
| } | |
| .flex-item-order--37 { | |
| -ms-flex-order: -37; | |
| order: -37; | |
| } | |
| .flex-item-order--38 { | |
| -ms-flex-order: -38; | |
| order: -38; | |
| } | |
| .flex-item-order--39 { | |
| -ms-flex-order: -39; | |
| order: -39; | |
| } | |
| .flex-item-order--40 { | |
| -ms-flex-order: -40; | |
| order: -40; | |
| } | |
| .flex-item-order--41 { | |
| -ms-flex-order: -41; | |
| order: -41; | |
| } | |
| .flex-item-order--42 { | |
| -ms-flex-order: -42; | |
| order: -42; | |
| } | |
| .flex-item-order--43 { | |
| -ms-flex-order: -43; | |
| order: -43; | |
| } | |
| .flex-item-order--44 { | |
| -ms-flex-order: -44; | |
| order: -44; | |
| } | |
| .flex-item-order--45 { | |
| -ms-flex-order: -45; | |
| order: -45; | |
| } | |
| .flex-item-order--46 { | |
| -ms-flex-order: -46; | |
| order: -46; | |
| } | |
| .flex-item-order--47 { | |
| -ms-flex-order: -47; | |
| order: -47; | |
| } | |
| .flex-item-order--48 { | |
| -ms-flex-order: -48; | |
| order: -48; | |
| } | |
| .flex-item-order--49 { | |
| -ms-flex-order: -49; | |
| order: -49; | |
| } | |
| .flex-item-order--50 { | |
| -ms-flex-order: -50; | |
| order: -50; | |
| } | |
| .flex-item-order--51 { | |
| -ms-flex-order: -51; | |
| order: -51; | |
| } | |
| .flex-item-order--52 { | |
| -ms-flex-order: -52; | |
| order: -52; | |
| } | |
| .flex-item-order--53 { | |
| -ms-flex-order: -53; | |
| order: -53; | |
| } | |
| .flex-item-order--54 { | |
| -ms-flex-order: -54; | |
| order: -54; | |
| } | |
| .flex-item-order--55 { | |
| -ms-flex-order: -55; | |
| order: -55; | |
| } | |
| .flex-item-order--56 { | |
| -ms-flex-order: -56; | |
| order: -56; | |
| } | |
| .flex-item-order--57 { | |
| -ms-flex-order: -57; | |
| order: -57; | |
| } | |
| .flex-item-order--58 { | |
| -ms-flex-order: -58; | |
| order: -58; | |
| } | |
| .flex-item-order--59 { | |
| -ms-flex-order: -59; | |
| order: -59; | |
| } | |
| .flex-item-order--60 { | |
| -ms-flex-order: -60; | |
| order: -60; | |
| } | |
| .flex-item-order--61 { | |
| -ms-flex-order: -61; | |
| order: -61; | |
| } | |
| .flex-item-order--62 { | |
| -ms-flex-order: -62; | |
| order: -62; | |
| } | |
| .flex-item-order--63 { | |
| -ms-flex-order: -63; | |
| order: -63; | |
| } | |
| .flex-item-order--64 { | |
| -ms-flex-order: -64; | |
| order: -64; | |
| } | |
| .flex-item-order--65 { | |
| -ms-flex-order: -65; | |
| order: -65; | |
| } | |
| .flex-item-order--66 { | |
| -ms-flex-order: -66; | |
| order: -66; | |
| } | |
| .flex-item-order--67 { | |
| -ms-flex-order: -67; | |
| order: -67; | |
| } | |
| .flex-item-order--68 { | |
| -ms-flex-order: -68; | |
| order: -68; | |
| } | |
| .flex-item-order--69 { | |
| -ms-flex-order: -69; | |
| order: -69; | |
| } | |
| .flex-item-order--70 { | |
| -ms-flex-order: -70; | |
| order: -70; | |
| } | |
| .flex-item-order--71 { | |
| -ms-flex-order: -71; | |
| order: -71; | |
| } | |
| .flex-item-order--72 { | |
| -ms-flex-order: -72; | |
| order: -72; | |
| } | |
| .flex-item-order--73 { | |
| -ms-flex-order: -73; | |
| order: -73; | |
| } | |
| .flex-item-order--74 { | |
| -ms-flex-order: -74; | |
| order: -74; | |
| } | |
| .flex-item-order--75 { | |
| -ms-flex-order: -75; | |
| order: -75; | |
| } | |
| .flex-item-order--76 { | |
| -ms-flex-order: -76; | |
| order: -76; | |
| } | |
| .flex-item-order--77 { | |
| -ms-flex-order: -77; | |
| order: -77; | |
| } | |
| .flex-item-order--78 { | |
| -ms-flex-order: -78; | |
| order: -78; | |
| } | |
| .flex-item-order--79 { | |
| -ms-flex-order: -79; | |
| order: -79; | |
| } | |
| .flex-item-order--80 { | |
| -ms-flex-order: -80; | |
| order: -80; | |
| } | |
| .flex-item-order--81 { | |
| -ms-flex-order: -81; | |
| order: -81; | |
| } | |
| .flex-item-order--82 { | |
| -ms-flex-order: -82; | |
| order: -82; | |
| } | |
| .flex-item-order--83 { | |
| -ms-flex-order: -83; | |
| order: -83; | |
| } | |
| .flex-item-order--84 { | |
| -ms-flex-order: -84; | |
| order: -84; | |
| } | |
| .flex-item-order--85 { | |
| -ms-flex-order: -85; | |
| order: -85; | |
| } | |
| .flex-item-order--86 { | |
| -ms-flex-order: -86; | |
| order: -86; | |
| } | |
| .flex-item-order--87 { | |
| -ms-flex-order: -87; | |
| order: -87; | |
| } | |
| .flex-item-order--88 { | |
| -ms-flex-order: -88; | |
| order: -88; | |
| } | |
| .flex-item-order--89 { | |
| -ms-flex-order: -89; | |
| order: -89; | |
| } | |
| .flex-item-order--90 { | |
| -ms-flex-order: -90; | |
| order: -90; | |
| } | |
| .flex-item-order--91 { | |
| -ms-flex-order: -91; | |
| order: -91; | |
| } | |
| .flex-item-order--92 { | |
| -ms-flex-order: -92; | |
| order: -92; | |
| } | |
| .flex-item-order--93 { | |
| -ms-flex-order: -93; | |
| order: -93; | |
| } | |
| .flex-item-order--94 { | |
| -ms-flex-order: -94; | |
| order: -94; | |
| } | |
| .flex-item-order--95 { | |
| -ms-flex-order: -95; | |
| order: -95; | |
| } | |
| .flex-item-order--96 { | |
| -ms-flex-order: -96; | |
| order: -96; | |
| } | |
| .flex-item-order--97 { | |
| -ms-flex-order: -97; | |
| order: -97; | |
| } | |
| .flex-item-order--98 { | |
| -ms-flex-order: -98; | |
| order: -98; | |
| } | |
| .flex-item-order--99 { | |
| -ms-flex-order: -99; | |
| order: -99; | |
| } | |
| .flex-item-order--100 { | |
| -ms-flex-order: -100; | |
| order: -100; | |
| } | |
| .flex-item-grow-10 { | |
| -ms-flex-positive: 10; | |
| flex-grow: 10; | |
| } | |
| .flex-item-grow-9 { | |
| -ms-flex-positive: 9; | |
| flex-grow: 9; | |
| } | |
| .flex-item-grow-8 { | |
| -ms-flex-positive: 8; | |
| flex-grow: 8; | |
| } | |
| .flex-item-grow-7 { | |
| -ms-flex-positive: 7; | |
| flex-grow: 7; | |
| } | |
| .flex-item-grow-6 { | |
| -ms-flex-positive: 6; | |
| flex-grow: 6; | |
| } | |
| .flex-item-grow-5 { | |
| -ms-flex-positive: 5; | |
| flex-grow: 5; | |
| } | |
| .flex-item-grow-4 { | |
| -ms-flex-positive: 4; | |
| flex-grow: 4; | |
| } | |
| .flex-item-grow-3 { | |
| -ms-flex-positive: 3; | |
| flex-grow: 3; | |
| } | |
| .flex-item-grow-2 { | |
| -ms-flex-positive: 2; | |
| flex-grow: 2; | |
| } | |
| .flex-item-grow-1 { | |
| -ms-flex-positive: 1; | |
| flex-grow: 1; | |
| } | |
| .flex-item-grow-0 { | |
| -ms-flex-positive: 0; | |
| flex-grow: 0; | |
| } | |
| .flex-item-shrink-10 { | |
| -ms-flex-negative: 10; | |
| flex-shrink: 10; | |
| } | |
| .flex-item-shrink-9 { | |
| -ms-flex-negative: 9; | |
| flex-shrink: 9; | |
| } | |
| .flex-item-shrink-8 { | |
| -ms-flex-negative: 8; | |
| flex-shrink: 8; | |
| } | |
| .flex-item-shrink-7 { | |
| -ms-flex-negative: 7; | |
| flex-shrink: 7; | |
| } | |
| .flex-item-shrink-6 { | |
| -ms-flex-negative: 6; | |
| flex-shrink: 6; | |
| } | |
| .flex-item-shrink-5 { | |
| -ms-flex-negative: 5; | |
| flex-shrink: 5; | |
| } | |
| .flex-item-shrink-4 { | |
| -ms-flex-negative: 4; | |
| flex-shrink: 4; | |
| } | |
| .flex-item-shrink-3 { | |
| -ms-flex-negative: 3; | |
| flex-shrink: 3; | |
| } | |
| .flex-item-shrink-2 { | |
| -ms-flex-negative: 2; | |
| flex-shrink: 2; | |
| } | |
| .flex-item-shrink-1 { | |
| -ms-flex-negative: 1; | |
| flex-shrink: 1; | |
| } | |
| .flex-item-shrink-0 { | |
| -ms-flex-negative: 0; | |
| flex-shrink: 0; | |
| } | |
| .flex-item-basis-auto { | |
| -ms-flex-preferred-size: auto; | |
| flex-basis: auto; | |
| } | |
| .flex-item-basis-content { | |
| -ms-flex-preferred-size: content; | |
| flex-basis: content; | |
| } | |
| .flex-item-basis-none { | |
| -ms-flex-preferred-size: 0; | |
| flex-basis: 0; | |
| } | |
| .flex-item-align-auto { | |
| -ms-flex-item-align: auto; | |
| align-self: auto; | |
| } | |
| .flex-item-align-start { | |
| -ms-flex-item-align: start; | |
| align-self: flex-start; | |
| } | |
| .flex-item-align-center { | |
| -ms-flex-item-align: center; | |
| align-self: center; | |
| } | |
| .flex-item-align-end { | |
| -ms-flex-item-align: end; | |
| align-self: flex-end; | |
| } | |
| .flex-item-align-baseline { | |
| -ms-flex-item-align: baseline; | |
| align-self: baseline; | |
| } | |
| .flex-item-align-stretch { | |
| -ms-flex-item-align: stretch; | |
| align-self: stretch; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Flex | |
| ----------------------------------------------------------------------------- */ | |
| .flex-screen-small { | |
| display: -ms-flexbox; | |
| display: flex; | |
| } | |
| .flex-screen-small:before, | |
| .flex-screen-small:after { | |
| display: none; | |
| } | |
| .flex-inline-screen-small { | |
| display: flex-inline; | |
| } | |
| .flex-inline-screen-small:before, | |
| .flex-inline-screen-small:after { | |
| display: none; | |
| } | |
| .flex-direction-left-to-right-screen-small { | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| } | |
| .flex-direction-right-to-left-screen-small { | |
| -ms-flex-direction: row-reverse; | |
| flex-direction: row-reverse; | |
| } | |
| .flex-direction-top-to-bottom-screen-small { | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| } | |
| .flex-direction-bottom-to-top-screen-small { | |
| -ms-flex-direction: column-reverse; | |
| flex-direction: column-reverse; | |
| } | |
| .flex-wrap-items-screen-small { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .flex-wrap-items-reverse-screen-small { | |
| -ms-flex-wrap: wrap-reverse; | |
| flex-wrap: wrap-reverse; | |
| } | |
| .flex-wrap-items-none-screen-small { | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| } | |
| .flex-align-items-start-screen-small { | |
| -ms-flex-align: start; | |
| -ms-grid-row-align: flex-start; | |
| align-items: flex-start; | |
| } | |
| .flex-align-items-center-screen-small { | |
| -ms-flex-align: center; | |
| -ms-grid-row-align: center; | |
| align-items: center; | |
| } | |
| .flex-align-items-end-screen-small { | |
| -ms-flex-align: end; | |
| -ms-grid-row-align: flex-end; | |
| align-items: flex-end; | |
| } | |
| .flex-align-items-baseline-screen-small { | |
| -ms-flex-align: baseline; | |
| -ms-grid-row-align: baseline; | |
| align-items: baseline; | |
| } | |
| .flex-align-items-stretch-screen-small { | |
| -ms-flex-align: stretch; | |
| -ms-grid-row-align: stretch; | |
| align-items: stretch; | |
| } | |
| .flex-justify-items-start-screen-small { | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| } | |
| .flex-justify-items-end-screen-small { | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; | |
| } | |
| .flex-justify-items-center-screen-small { | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| } | |
| .flex-justify-items-space-between-screen-small { | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| .flex-justify-items-space-around-screen-small { | |
| -ms-flex-pack: distribute; | |
| justify-content: space-around; | |
| } | |
| .flex-align-content-start-screen-small { | |
| -ms-flex-line-pack: start; | |
| align-content: flex-start; | |
| } | |
| .flex-align-content-center-screen-small { | |
| -ms-flex-line-pack: center; | |
| align-content: center; | |
| } | |
| .flex-align-content-end-screen-small { | |
| -ms-flex-line-pack: end; | |
| align-content: flex-end; | |
| } | |
| .flex-align-content-stretch-screen-small { | |
| -ms-flex-line-pack: stretch; | |
| align-content: stretch; | |
| } | |
| .flex-align-content-space-between-screen-small { | |
| -ms-flex-line-pack: justify; | |
| align-content: space-between; | |
| } | |
| .flex-align-content-space-around-screen-small { | |
| -ms-flex-line-pack: distribute; | |
| align-content: space-around; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Flex Item | |
| ----------------------------------------------------------------------------- */ | |
| .flex-item-order-100-screen-small { | |
| -ms-flex-order: 100; | |
| order: 100; | |
| } | |
| .flex-item-order-99-screen-small { | |
| -ms-flex-order: 99; | |
| order: 99; | |
| } | |
| .flex-item-order-98-screen-small { | |
| -ms-flex-order: 98; | |
| order: 98; | |
| } | |
| .flex-item-order-97-screen-small { | |
| -ms-flex-order: 97; | |
| order: 97; | |
| } | |
| .flex-item-order-96-screen-small { | |
| -ms-flex-order: 96; | |
| order: 96; | |
| } | |
| .flex-item-order-95-screen-small { | |
| -ms-flex-order: 95; | |
| order: 95; | |
| } | |
| .flex-item-order-94-screen-small { | |
| -ms-flex-order: 94; | |
| order: 94; | |
| } | |
| .flex-item-order-93-screen-small { | |
| -ms-flex-order: 93; | |
| order: 93; | |
| } | |
| .flex-item-order-92-screen-small { | |
| -ms-flex-order: 92; | |
| order: 92; | |
| } | |
| .flex-item-order-91-screen-small { | |
| -ms-flex-order: 91; | |
| order: 91; | |
| } | |
| .flex-item-order-90-screen-small { | |
| -ms-flex-order: 90; | |
| order: 90; | |
| } | |
| .flex-item-order-89-screen-small { | |
| -ms-flex-order: 89; | |
| order: 89; | |
| } | |
| .flex-item-order-88-screen-small { | |
| -ms-flex-order: 88; | |
| order: 88; | |
| } | |
| .flex-item-order-87-screen-small { | |
| -ms-flex-order: 87; | |
| order: 87; | |
| } | |
| .flex-item-order-86-screen-small { | |
| -ms-flex-order: 86; | |
| order: 86; | |
| } | |
| .flex-item-order-85-screen-small { | |
| -ms-flex-order: 85; | |
| order: 85; | |
| } | |
| .flex-item-order-84-screen-small { | |
| -ms-flex-order: 84; | |
| order: 84; | |
| } | |
| .flex-item-order-83-screen-small { | |
| -ms-flex-order: 83; | |
| order: 83; | |
| } | |
| .flex-item-order-82-screen-small { | |
| -ms-flex-order: 82; | |
| order: 82; | |
| } | |
| .flex-item-order-81-screen-small { | |
| -ms-flex-order: 81; | |
| order: 81; | |
| } | |
| .flex-item-order-80-screen-small { | |
| -ms-flex-order: 80; | |
| order: 80; | |
| } | |
| .flex-item-order-79-screen-small { | |
| -ms-flex-order: 79; | |
| order: 79; | |
| } | |
| .flex-item-order-78-screen-small { | |
| -ms-flex-order: 78; | |
| order: 78; | |
| } | |
| .flex-item-order-77-screen-small { | |
| -ms-flex-order: 77; | |
| order: 77; | |
| } | |
| .flex-item-order-76-screen-small { | |
| -ms-flex-order: 76; | |
| order: 76; | |
| } | |
| .flex-item-order-75-screen-small { | |
| -ms-flex-order: 75; | |
| order: 75; | |
| } | |
| .flex-item-order-74-screen-small { | |
| -ms-flex-order: 74; | |
| order: 74; | |
| } | |
| .flex-item-order-73-screen-small { | |
| -ms-flex-order: 73; | |
| order: 73; | |
| } | |
| .flex-item-order-72-screen-small { | |
| -ms-flex-order: 72; | |
| order: 72; | |
| } | |
| .flex-item-order-71-screen-small { | |
| -ms-flex-order: 71; | |
| order: 71; | |
| } | |
| .flex-item-order-70-screen-small { | |
| -ms-flex-order: 70; | |
| order: 70; | |
| } | |
| .flex-item-order-69-screen-small { | |
| -ms-flex-order: 69; | |
| order: 69; | |
| } | |
| .flex-item-order-68-screen-small { | |
| -ms-flex-order: 68; | |
| order: 68; | |
| } | |
| .flex-item-order-67-screen-small { | |
| -ms-flex-order: 67; | |
| order: 67; | |
| } | |
| .flex-item-order-66-screen-small { | |
| -ms-flex-order: 66; | |
| order: 66; | |
| } | |
| .flex-item-order-65-screen-small { | |
| -ms-flex-order: 65; | |
| order: 65; | |
| } | |
| .flex-item-order-64-screen-small { | |
| -ms-flex-order: 64; | |
| order: 64; | |
| } | |
| .flex-item-order-63-screen-small { | |
| -ms-flex-order: 63; | |
| order: 63; | |
| } | |
| .flex-item-order-62-screen-small { | |
| -ms-flex-order: 62; | |
| order: 62; | |
| } | |
| .flex-item-order-61-screen-small { | |
| -ms-flex-order: 61; | |
| order: 61; | |
| } | |
| .flex-item-order-60-screen-small { | |
| -ms-flex-order: 60; | |
| order: 60; | |
| } | |
| .flex-item-order-59-screen-small { | |
| -ms-flex-order: 59; | |
| order: 59; | |
| } | |
| .flex-item-order-58-screen-small { | |
| -ms-flex-order: 58; | |
| order: 58; | |
| } | |
| .flex-item-order-57-screen-small { | |
| -ms-flex-order: 57; | |
| order: 57; | |
| } | |
| .flex-item-order-56-screen-small { | |
| -ms-flex-order: 56; | |
| order: 56; | |
| } | |
| .flex-item-order-55-screen-small { | |
| -ms-flex-order: 55; | |
| order: 55; | |
| } | |
| .flex-item-order-54-screen-small { | |
| -ms-flex-order: 54; | |
| order: 54; | |
| } | |
| .flex-item-order-53-screen-small { | |
| -ms-flex-order: 53; | |
| order: 53; | |
| } | |
| .flex-item-order-52-screen-small { | |
| -ms-flex-order: 52; | |
| order: 52; | |
| } | |
| .flex-item-order-51-screen-small { | |
| -ms-flex-order: 51; | |
| order: 51; | |
| } | |
| .flex-item-order-50-screen-small { | |
| -ms-flex-order: 50; | |
| order: 50; | |
| } | |
| .flex-item-order-49-screen-small { | |
| -ms-flex-order: 49; | |
| order: 49; | |
| } | |
| .flex-item-order-48-screen-small { | |
| -ms-flex-order: 48; | |
| order: 48; | |
| } | |
| .flex-item-order-47-screen-small { | |
| -ms-flex-order: 47; | |
| order: 47; | |
| } | |
| .flex-item-order-46-screen-small { | |
| -ms-flex-order: 46; | |
| order: 46; | |
| } | |
| .flex-item-order-45-screen-small { | |
| -ms-flex-order: 45; | |
| order: 45; | |
| } | |
| .flex-item-order-44-screen-small { | |
| -ms-flex-order: 44; | |
| order: 44; | |
| } | |
| .flex-item-order-43-screen-small { | |
| -ms-flex-order: 43; | |
| order: 43; | |
| } | |
| .flex-item-order-42-screen-small { | |
| -ms-flex-order: 42; | |
| order: 42; | |
| } | |
| .flex-item-order-41-screen-small { | |
| -ms-flex-order: 41; | |
| order: 41; | |
| } | |
| .flex-item-order-40-screen-small { | |
| -ms-flex-order: 40; | |
| order: 40; | |
| } | |
| .flex-item-order-39-screen-small { | |
| -ms-flex-order: 39; | |
| order: 39; | |
| } | |
| .flex-item-order-38-screen-small { | |
| -ms-flex-order: 38; | |
| order: 38; | |
| } | |
| .flex-item-order-37-screen-small { | |
| -ms-flex-order: 37; | |
| order: 37; | |
| } | |
| .flex-item-order-36-screen-small { | |
| -ms-flex-order: 36; | |
| order: 36; | |
| } | |
| .flex-item-order-35-screen-small { | |
| -ms-flex-order: 35; | |
| order: 35; | |
| } | |
| .flex-item-order-34-screen-small { | |
| -ms-flex-order: 34; | |
| order: 34; | |
| } | |
| .flex-item-order-33-screen-small { | |
| -ms-flex-order: 33; | |
| order: 33; | |
| } | |
| .flex-item-order-32-screen-small { | |
| -ms-flex-order: 32; | |
| order: 32; | |
| } | |
| .flex-item-order-31-screen-small { | |
| -ms-flex-order: 31; | |
| order: 31; | |
| } | |
| .flex-item-order-30-screen-small { | |
| -ms-flex-order: 30; | |
| order: 30; | |
| } | |
| .flex-item-order-29-screen-small { | |
| -ms-flex-order: 29; | |
| order: 29; | |
| } | |
| .flex-item-order-28-screen-small { | |
| -ms-flex-order: 28; | |
| order: 28; | |
| } | |
| .flex-item-order-27-screen-small { | |
| -ms-flex-order: 27; | |
| order: 27; | |
| } | |
| .flex-item-order-26-screen-small { | |
| -ms-flex-order: 26; | |
| order: 26; | |
| } | |
| .flex-item-order-25-screen-small { | |
| -ms-flex-order: 25; | |
| order: 25; | |
| } | |
| .flex-item-order-24-screen-small { | |
| -ms-flex-order: 24; | |
| order: 24; | |
| } | |
| .flex-item-order-23-screen-small { | |
| -ms-flex-order: 23; | |
| order: 23; | |
| } | |
| .flex-item-order-22-screen-small { | |
| -ms-flex-order: 22; | |
| order: 22; | |
| } | |
| .flex-item-order-21-screen-small { | |
| -ms-flex-order: 21; | |
| order: 21; | |
| } | |
| .flex-item-order-20-screen-small { | |
| -ms-flex-order: 20; | |
| order: 20; | |
| } | |
| .flex-item-order-19-screen-small { | |
| -ms-flex-order: 19; | |
| order: 19; | |
| } | |
| .flex-item-order-18-screen-small { | |
| -ms-flex-order: 18; | |
| order: 18; | |
| } | |
| .flex-item-order-17-screen-small { | |
| -ms-flex-order: 17; | |
| order: 17; | |
| } | |
| .flex-item-order-16-screen-small { | |
| -ms-flex-order: 16; | |
| order: 16; | |
| } | |
| .flex-item-order-15-screen-small { | |
| -ms-flex-order: 15; | |
| order: 15; | |
| } | |
| .flex-item-order-14-screen-small { | |
| -ms-flex-order: 14; | |
| order: 14; | |
| } | |
| .flex-item-order-13-screen-small { | |
| -ms-flex-order: 13; | |
| order: 13; | |
| } | |
| .flex-item-order-12-screen-small { | |
| -ms-flex-order: 12; | |
| order: 12; | |
| } | |
| .flex-item-order-11-screen-small { | |
| -ms-flex-order: 11; | |
| order: 11; | |
| } | |
| .flex-item-order-10-screen-small { | |
| -ms-flex-order: 10; | |
| order: 10; | |
| } | |
| .flex-item-order-9-screen-small { | |
| -ms-flex-order: 9; | |
| order: 9; | |
| } | |
| .flex-item-order-8-screen-small { | |
| -ms-flex-order: 8; | |
| order: 8; | |
| } | |
| .flex-item-order-7-screen-small { | |
| -ms-flex-order: 7; | |
| order: 7; | |
| } | |
| .flex-item-order-6-screen-small { | |
| -ms-flex-order: 6; | |
| order: 6; | |
| } | |
| .flex-item-order-5-screen-small { | |
| -ms-flex-order: 5; | |
| order: 5; | |
| } | |
| .flex-item-order-4-screen-small { | |
| -ms-flex-order: 4; | |
| order: 4; | |
| } | |
| .flex-item-order-3-screen-small { | |
| -ms-flex-order: 3; | |
| order: 3; | |
| } | |
| .flex-item-order-2-screen-small { | |
| -ms-flex-order: 2; | |
| order: 2; | |
| } | |
| .flex-item-order-1-screen-small { | |
| -ms-flex-order: 1; | |
| order: 1; | |
| } | |
| .flex-item-order-0-screen-small { | |
| -ms-flex-order: 0; | |
| order: 0; | |
| } | |
| .flex-item-order--1-screen-small { | |
| -ms-flex-order: -1; | |
| order: -1; | |
| } | |
| .flex-item-order--2-screen-small { | |
| -ms-flex-order: -2; | |
| order: -2; | |
| } | |
| .flex-item-order--3-screen-small { | |
| -ms-flex-order: -3; | |
| order: -3; | |
| } | |
| .flex-item-order--4-screen-small { | |
| -ms-flex-order: -4; | |
| order: -4; | |
| } | |
| .flex-item-order--5-screen-small { | |
| -ms-flex-order: -5; | |
| order: -5; | |
| } | |
| .flex-item-order--6-screen-small { | |
| -ms-flex-order: -6; | |
| order: -6; | |
| } | |
| .flex-item-order--7-screen-small { | |
| -ms-flex-order: -7; | |
| order: -7; | |
| } | |
| .flex-item-order--8-screen-small { | |
| -ms-flex-order: -8; | |
| order: -8; | |
| } | |
| .flex-item-order--9-screen-small { | |
| -ms-flex-order: -9; | |
| order: -9; | |
| } | |
| .flex-item-order--10-screen-small { | |
| -ms-flex-order: -10; | |
| order: -10; | |
| } | |
| .flex-item-order--11-screen-small { | |
| -ms-flex-order: -11; | |
| order: -11; | |
| } | |
| .flex-item-order--12-screen-small { | |
| -ms-flex-order: -12; | |
| order: -12; | |
| } | |
| .flex-item-order--13-screen-small { | |
| -ms-flex-order: -13; | |
| order: -13; | |
| } | |
| .flex-item-order--14-screen-small { | |
| -ms-flex-order: -14; | |
| order: -14; | |
| } | |
| .flex-item-order--15-screen-small { | |
| -ms-flex-order: -15; | |
| order: -15; | |
| } | |
| .flex-item-order--16-screen-small { | |
| -ms-flex-order: -16; | |
| order: -16; | |
| } | |
| .flex-item-order--17-screen-small { | |
| -ms-flex-order: -17; | |
| order: -17; | |
| } | |
| .flex-item-order--18-screen-small { | |
| -ms-flex-order: -18; | |
| order: -18; | |
| } | |
| .flex-item-order--19-screen-small { | |
| -ms-flex-order: -19; | |
| order: -19; | |
| } | |
| .flex-item-order--20-screen-small { | |
| -ms-flex-order: -20; | |
| order: -20; | |
| } | |
| .flex-item-order--21-screen-small { | |
| -ms-flex-order: -21; | |
| order: -21; | |
| } | |
| .flex-item-order--22-screen-small { | |
| -ms-flex-order: -22; | |
| order: -22; | |
| } | |
| .flex-item-order--23-screen-small { | |
| -ms-flex-order: -23; | |
| order: -23; | |
| } | |
| .flex-item-order--24-screen-small { | |
| -ms-flex-order: -24; | |
| order: -24; | |
| } | |
| .flex-item-order--25-screen-small { | |
| -ms-flex-order: -25; | |
| order: -25; | |
| } | |
| .flex-item-order--26-screen-small { | |
| -ms-flex-order: -26; | |
| order: -26; | |
| } | |
| .flex-item-order--27-screen-small { | |
| -ms-flex-order: -27; | |
| order: -27; | |
| } | |
| .flex-item-order--28-screen-small { | |
| -ms-flex-order: -28; | |
| order: -28; | |
| } | |
| .flex-item-order--29-screen-small { | |
| -ms-flex-order: -29; | |
| order: -29; | |
| } | |
| .flex-item-order--30-screen-small { | |
| -ms-flex-order: -30; | |
| order: -30; | |
| } | |
| .flex-item-order--31-screen-small { | |
| -ms-flex-order: -31; | |
| order: -31; | |
| } | |
| .flex-item-order--32-screen-small { | |
| -ms-flex-order: -32; | |
| order: -32; | |
| } | |
| .flex-item-order--33-screen-small { | |
| -ms-flex-order: -33; | |
| order: -33; | |
| } | |
| .flex-item-order--34-screen-small { | |
| -ms-flex-order: -34; | |
| order: -34; | |
| } | |
| .flex-item-order--35-screen-small { | |
| -ms-flex-order: -35; | |
| order: -35; | |
| } | |
| .flex-item-order--36-screen-small { | |
| -ms-flex-order: -36; | |
| order: -36; | |
| } | |
| .flex-item-order--37-screen-small { | |
| -ms-flex-order: -37; | |
| order: -37; | |
| } | |
| .flex-item-order--38-screen-small { | |
| -ms-flex-order: -38; | |
| order: -38; | |
| } | |
| .flex-item-order--39-screen-small { | |
| -ms-flex-order: -39; | |
| order: -39; | |
| } | |
| .flex-item-order--40-screen-small { | |
| -ms-flex-order: -40; | |
| order: -40; | |
| } | |
| .flex-item-order--41-screen-small { | |
| -ms-flex-order: -41; | |
| order: -41; | |
| } | |
| .flex-item-order--42-screen-small { | |
| -ms-flex-order: -42; | |
| order: -42; | |
| } | |
| .flex-item-order--43-screen-small { | |
| -ms-flex-order: -43; | |
| order: -43; | |
| } | |
| .flex-item-order--44-screen-small { | |
| -ms-flex-order: -44; | |
| order: -44; | |
| } | |
| .flex-item-order--45-screen-small { | |
| -ms-flex-order: -45; | |
| order: -45; | |
| } | |
| .flex-item-order--46-screen-small { | |
| -ms-flex-order: -46; | |
| order: -46; | |
| } | |
| .flex-item-order--47-screen-small { | |
| -ms-flex-order: -47; | |
| order: -47; | |
| } | |
| .flex-item-order--48-screen-small { | |
| -ms-flex-order: -48; | |
| order: -48; | |
| } | |
| .flex-item-order--49-screen-small { | |
| -ms-flex-order: -49; | |
| order: -49; | |
| } | |
| .flex-item-order--50-screen-small { | |
| -ms-flex-order: -50; | |
| order: -50; | |
| } | |
| .flex-item-order--51-screen-small { | |
| -ms-flex-order: -51; | |
| order: -51; | |
| } | |
| .flex-item-order--52-screen-small { | |
| -ms-flex-order: -52; | |
| order: -52; | |
| } | |
| .flex-item-order--53-screen-small { | |
| -ms-flex-order: -53; | |
| order: -53; | |
| } | |
| .flex-item-order--54-screen-small { | |
| -ms-flex-order: -54; | |
| order: -54; | |
| } | |
| .flex-item-order--55-screen-small { | |
| -ms-flex-order: -55; | |
| order: -55; | |
| } | |
| .flex-item-order--56-screen-small { | |
| -ms-flex-order: -56; | |
| order: -56; | |
| } | |
| .flex-item-order--57-screen-small { | |
| -ms-flex-order: -57; | |
| order: -57; | |
| } | |
| .flex-item-order--58-screen-small { | |
| -ms-flex-order: -58; | |
| order: -58; | |
| } | |
| .flex-item-order--59-screen-small { | |
| -ms-flex-order: -59; | |
| order: -59; | |
| } | |
| .flex-item-order--60-screen-small { | |
| -ms-flex-order: -60; | |
| order: -60; | |
| } | |
| .flex-item-order--61-screen-small { | |
| -ms-flex-order: -61; | |
| order: -61; | |
| } | |
| .flex-item-order--62-screen-small { | |
| -ms-flex-order: -62; | |
| order: -62; | |
| } | |
| .flex-item-order--63-screen-small { | |
| -ms-flex-order: -63; | |
| order: -63; | |
| } | |
| .flex-item-order--64-screen-small { | |
| -ms-flex-order: -64; | |
| order: -64; | |
| } | |
| .flex-item-order--65-screen-small { | |
| -ms-flex-order: -65; | |
| order: -65; | |
| } | |
| .flex-item-order--66-screen-small { | |
| -ms-flex-order: -66; | |
| order: -66; | |
| } | |
| .flex-item-order--67-screen-small { | |
| -ms-flex-order: -67; | |
| order: -67; | |
| } | |
| .flex-item-order--68-screen-small { | |
| -ms-flex-order: -68; | |
| order: -68; | |
| } | |
| .flex-item-order--69-screen-small { | |
| -ms-flex-order: -69; | |
| order: -69; | |
| } | |
| .flex-item-order--70-screen-small { | |
| -ms-flex-order: -70; | |
| order: -70; | |
| } | |
| .flex-item-order--71-screen-small { | |
| -ms-flex-order: -71; | |
| order: -71; | |
| } | |
| .flex-item-order--72-screen-small { | |
| -ms-flex-order: -72; | |
| order: -72; | |
| } | |
| .flex-item-order--73-screen-small { | |
| -ms-flex-order: -73; | |
| order: -73; | |
| } | |
| .flex-item-order--74-screen-small { | |
| -ms-flex-order: -74; | |
| order: -74; | |
| } | |
| .flex-item-order--75-screen-small { | |
| -ms-flex-order: -75; | |
| order: -75; | |
| } | |
| .flex-item-order--76-screen-small { | |
| -ms-flex-order: -76; | |
| order: -76; | |
| } | |
| .flex-item-order--77-screen-small { | |
| -ms-flex-order: -77; | |
| order: -77; | |
| } | |
| .flex-item-order--78-screen-small { | |
| -ms-flex-order: -78; | |
| order: -78; | |
| } | |
| .flex-item-order--79-screen-small { | |
| -ms-flex-order: -79; | |
| order: -79; | |
| } | |
| .flex-item-order--80-screen-small { | |
| -ms-flex-order: -80; | |
| order: -80; | |
| } | |
| .flex-item-order--81-screen-small { | |
| -ms-flex-order: -81; | |
| order: -81; | |
| } | |
| .flex-item-order--82-screen-small { | |
| -ms-flex-order: -82; | |
| order: -82; | |
| } | |
| .flex-item-order--83-screen-small { | |
| -ms-flex-order: -83; | |
| order: -83; | |
| } | |
| .flex-item-order--84-screen-small { | |
| -ms-flex-order: -84; | |
| order: -84; | |
| } | |
| .flex-item-order--85-screen-small { | |
| -ms-flex-order: -85; | |
| order: -85; | |
| } | |
| .flex-item-order--86-screen-small { | |
| -ms-flex-order: -86; | |
| order: -86; | |
| } | |
| .flex-item-order--87-screen-small { | |
| -ms-flex-order: -87; | |
| order: -87; | |
| } | |
| .flex-item-order--88-screen-small { | |
| -ms-flex-order: -88; | |
| order: -88; | |
| } | |
| .flex-item-order--89-screen-small { | |
| -ms-flex-order: -89; | |
| order: -89; | |
| } | |
| .flex-item-order--90-screen-small { | |
| -ms-flex-order: -90; | |
| order: -90; | |
| } | |
| .flex-item-order--91-screen-small { | |
| -ms-flex-order: -91; | |
| order: -91; | |
| } | |
| .flex-item-order--92-screen-small { | |
| -ms-flex-order: -92; | |
| order: -92; | |
| } | |
| .flex-item-order--93-screen-small { | |
| -ms-flex-order: -93; | |
| order: -93; | |
| } | |
| .flex-item-order--94-screen-small { | |
| -ms-flex-order: -94; | |
| order: -94; | |
| } | |
| .flex-item-order--95-screen-small { | |
| -ms-flex-order: -95; | |
| order: -95; | |
| } | |
| .flex-item-order--96-screen-small { | |
| -ms-flex-order: -96; | |
| order: -96; | |
| } | |
| .flex-item-order--97-screen-small { | |
| -ms-flex-order: -97; | |
| order: -97; | |
| } | |
| .flex-item-order--98-screen-small { | |
| -ms-flex-order: -98; | |
| order: -98; | |
| } | |
| .flex-item-order--99-screen-small { | |
| -ms-flex-order: -99; | |
| order: -99; | |
| } | |
| .flex-item-order--100-screen-small { | |
| -ms-flex-order: -100; | |
| order: -100; | |
| } | |
| .flex-item-grow-10-screen-small { | |
| -ms-flex-positive: 10; | |
| flex-grow: 10; | |
| } | |
| .flex-item-grow-9-screen-small { | |
| -ms-flex-positive: 9; | |
| flex-grow: 9; | |
| } | |
| .flex-item-grow-8-screen-small { | |
| -ms-flex-positive: 8; | |
| flex-grow: 8; | |
| } | |
| .flex-item-grow-7-screen-small { | |
| -ms-flex-positive: 7; | |
| flex-grow: 7; | |
| } | |
| .flex-item-grow-6-screen-small { | |
| -ms-flex-positive: 6; | |
| flex-grow: 6; | |
| } | |
| .flex-item-grow-5-screen-small { | |
| -ms-flex-positive: 5; | |
| flex-grow: 5; | |
| } | |
| .flex-item-grow-4-screen-small { | |
| -ms-flex-positive: 4; | |
| flex-grow: 4; | |
| } | |
| .flex-item-grow-3-screen-small { | |
| -ms-flex-positive: 3; | |
| flex-grow: 3; | |
| } | |
| .flex-item-grow-2-screen-small { | |
| -ms-flex-positive: 2; | |
| flex-grow: 2; | |
| } | |
| .flex-item-grow-1-screen-small { | |
| -ms-flex-positive: 1; | |
| flex-grow: 1; | |
| } | |
| .flex-item-grow-0-screen-small { | |
| -ms-flex-positive: 0; | |
| flex-grow: 0; | |
| } | |
| .flex-item-shrink-10-screen-small { | |
| -ms-flex-negative: 10; | |
| flex-shrink: 10; | |
| } | |
| .flex-item-shrink-9-screen-small { | |
| -ms-flex-negative: 9; | |
| flex-shrink: 9; | |
| } | |
| .flex-item-shrink-8-screen-small { | |
| -ms-flex-negative: 8; | |
| flex-shrink: 8; | |
| } | |
| .flex-item-shrink-7-screen-small { | |
| -ms-flex-negative: 7; | |
| flex-shrink: 7; | |
| } | |
| .flex-item-shrink-6-screen-small { | |
| -ms-flex-negative: 6; | |
| flex-shrink: 6; | |
| } | |
| .flex-item-shrink-5-screen-small { | |
| -ms-flex-negative: 5; | |
| flex-shrink: 5; | |
| } | |
| .flex-item-shrink-4-screen-small { | |
| -ms-flex-negative: 4; | |
| flex-shrink: 4; | |
| } | |
| .flex-item-shrink-3-screen-small { | |
| -ms-flex-negative: 3; | |
| flex-shrink: 3; | |
| } | |
| .flex-item-shrink-2-screen-small { | |
| -ms-flex-negative: 2; | |
| flex-shrink: 2; | |
| } | |
| .flex-item-shrink-1-screen-small { | |
| -ms-flex-negative: 1; | |
| flex-shrink: 1; | |
| } | |
| .flex-item-shrink-0-screen-small { | |
| -ms-flex-negative: 0; | |
| flex-shrink: 0; | |
| } | |
| .flex-item-basis-auto-screen-small { | |
| -ms-flex-preferred-size: auto; | |
| flex-basis: auto; | |
| } | |
| .flex-item-basis-content-screen-small { | |
| -ms-flex-preferred-size: content; | |
| flex-basis: content; | |
| } | |
| .flex-item-basis-none-screen-small { | |
| -ms-flex-preferred-size: 0; | |
| flex-basis: 0; | |
| } | |
| .flex-item-align-auto-screen-small { | |
| -ms-flex-item-align: auto; | |
| align-self: auto; | |
| } | |
| .flex-item-align-start-screen-small { | |
| -ms-flex-item-align: start; | |
| align-self: flex-start; | |
| } | |
| .flex-item-align-center-screen-small { | |
| -ms-flex-item-align: center; | |
| align-self: center; | |
| } | |
| .flex-item-align-end-screen-small { | |
| -ms-flex-item-align: end; | |
| align-self: flex-end; | |
| } | |
| .flex-item-align-baseline-screen-small { | |
| -ms-flex-item-align: baseline; | |
| align-self: baseline; | |
| } | |
| .flex-item-align-stretch-screen-small { | |
| -ms-flex-item-align: stretch; | |
| align-self: stretch; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Flex | |
| ----------------------------------------------------------------------------- */ | |
| .flex-screen-medium { | |
| display: -ms-flexbox; | |
| display: flex; | |
| } | |
| .flex-screen-medium:before, | |
| .flex-screen-medium:after { | |
| display: none; | |
| } | |
| .flex-inline-screen-medium { | |
| display: flex-inline; | |
| } | |
| .flex-inline-screen-medium:before, | |
| .flex-inline-screen-medium:after { | |
| display: none; | |
| } | |
| .flex-direction-left-to-right-screen-medium { | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| } | |
| .flex-direction-right-to-left-screen-medium { | |
| -ms-flex-direction: row-reverse; | |
| flex-direction: row-reverse; | |
| } | |
| .flex-direction-top-to-bottom-screen-medium { | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| } | |
| .flex-direction-bottom-to-top-screen-medium { | |
| -ms-flex-direction: column-reverse; | |
| flex-direction: column-reverse; | |
| } | |
| .flex-wrap-items-screen-medium { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .flex-wrap-items-reverse-screen-medium { | |
| -ms-flex-wrap: wrap-reverse; | |
| flex-wrap: wrap-reverse; | |
| } | |
| .flex-wrap-items-none-screen-medium { | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| } | |
| .flex-align-items-start-screen-medium { | |
| -ms-flex-align: start; | |
| -ms-grid-row-align: flex-start; | |
| align-items: flex-start; | |
| } | |
| .flex-align-items-center-screen-medium { | |
| -ms-flex-align: center; | |
| -ms-grid-row-align: center; | |
| align-items: center; | |
| } | |
| .flex-align-items-end-screen-medium { | |
| -ms-flex-align: end; | |
| -ms-grid-row-align: flex-end; | |
| align-items: flex-end; | |
| } | |
| .flex-align-items-stretch-screen-medium { | |
| -ms-flex-align: stretch; | |
| -ms-grid-row-align: stretch; | |
| align-items: stretch; | |
| } | |
| .flex-align-items-baseline-screen-small { | |
| -ms-flex-align: baseline; | |
| -ms-grid-row-align: baseline; | |
| align-items: baseline; | |
| } | |
| .flex-align-items-baseline-screen-small { | |
| -ms-flex-align: baseline; | |
| -ms-grid-row-align: baseline; | |
| align-items: baseline; | |
| } | |
| .flex-justify-items-start-screen-medium { | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| } | |
| .flex-justify-items-end-screen-medium { | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; | |
| } | |
| .flex-justify-items-center-screen-medium { | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| } | |
| .flex-justify-items-space-between-screen-medium { | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| .flex-justify-items-space-around-screen-medium { | |
| -ms-flex-pack: distribute; | |
| justify-content: space-around; | |
| } | |
| .flex-align-content-start-screen-medium { | |
| -ms-flex-line-pack: start; | |
| align-content: flex-start; | |
| } | |
| .flex-align-content-center-screen-medium { | |
| -ms-flex-line-pack: center; | |
| align-content: center; | |
| } | |
| .flex-align-content-end-screen-medium { | |
| -ms-flex-line-pack: end; | |
| align-content: flex-end; | |
| } | |
| .flex-align-content-stretch-screen-medium { | |
| -ms-flex-line-pack: stretch; | |
| align-content: stretch; | |
| } | |
| .flex-align-content-space-between-screen-medium { | |
| -ms-flex-line-pack: justify; | |
| align-content: space-between; | |
| } | |
| .flex-align-content-space-around-screen-medium { | |
| -ms-flex-line-pack: distribute; | |
| align-content: space-around; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Flex Item | |
| ----------------------------------------------------------------------------- */ | |
| .flex-item-order-100-screen-medium { | |
| -ms-flex-order: 100; | |
| order: 100; | |
| } | |
| .flex-item-order-99-screen-medium { | |
| -ms-flex-order: 99; | |
| order: 99; | |
| } | |
| .flex-item-order-98-screen-medium { | |
| -ms-flex-order: 98; | |
| order: 98; | |
| } | |
| .flex-item-order-97-screen-medium { | |
| -ms-flex-order: 97; | |
| order: 97; | |
| } | |
| .flex-item-order-96-screen-medium { | |
| -ms-flex-order: 96; | |
| order: 96; | |
| } | |
| .flex-item-order-95-screen-medium { | |
| -ms-flex-order: 95; | |
| order: 95; | |
| } | |
| .flex-item-order-94-screen-medium { | |
| -ms-flex-order: 94; | |
| order: 94; | |
| } | |
| .flex-item-order-93-screen-medium { | |
| -ms-flex-order: 93; | |
| order: 93; | |
| } | |
| .flex-item-order-92-screen-medium { | |
| -ms-flex-order: 92; | |
| order: 92; | |
| } | |
| .flex-item-order-91-screen-medium { | |
| -ms-flex-order: 91; | |
| order: 91; | |
| } | |
| .flex-item-order-90-screen-medium { | |
| -ms-flex-order: 90; | |
| order: 90; | |
| } | |
| .flex-item-order-89-screen-medium { | |
| -ms-flex-order: 89; | |
| order: 89; | |
| } | |
| .flex-item-order-88-screen-medium { | |
| -ms-flex-order: 88; | |
| order: 88; | |
| } | |
| .flex-item-order-87-screen-medium { | |
| -ms-flex-order: 87; | |
| order: 87; | |
| } | |
| .flex-item-order-86-screen-medium { | |
| -ms-flex-order: 86; | |
| order: 86; | |
| } | |
| .flex-item-order-85-screen-medium { | |
| -ms-flex-order: 85; | |
| order: 85; | |
| } | |
| .flex-item-order-84-screen-medium { | |
| -ms-flex-order: 84; | |
| order: 84; | |
| } | |
| .flex-item-order-83-screen-medium { | |
| -ms-flex-order: 83; | |
| order: 83; | |
| } | |
| .flex-item-order-82-screen-medium { | |
| -ms-flex-order: 82; | |
| order: 82; | |
| } | |
| .flex-item-order-81-screen-medium { | |
| -ms-flex-order: 81; | |
| order: 81; | |
| } | |
| .flex-item-order-80-screen-medium { | |
| -ms-flex-order: 80; | |
| order: 80; | |
| } | |
| .flex-item-order-79-screen-medium { | |
| -ms-flex-order: 79; | |
| order: 79; | |
| } | |
| .flex-item-order-78-screen-medium { | |
| -ms-flex-order: 78; | |
| order: 78; | |
| } | |
| .flex-item-order-77-screen-medium { | |
| -ms-flex-order: 77; | |
| order: 77; | |
| } | |
| .flex-item-order-76-screen-medium { | |
| -ms-flex-order: 76; | |
| order: 76; | |
| } | |
| .flex-item-order-75-screen-medium { | |
| -ms-flex-order: 75; | |
| order: 75; | |
| } | |
| .flex-item-order-74-screen-medium { | |
| -ms-flex-order: 74; | |
| order: 74; | |
| } | |
| .flex-item-order-73-screen-medium { | |
| -ms-flex-order: 73; | |
| order: 73; | |
| } | |
| .flex-item-order-72-screen-medium { | |
| -ms-flex-order: 72; | |
| order: 72; | |
| } | |
| .flex-item-order-71-screen-medium { | |
| -ms-flex-order: 71; | |
| order: 71; | |
| } | |
| .flex-item-order-70-screen-medium { | |
| -ms-flex-order: 70; | |
| order: 70; | |
| } | |
| .flex-item-order-69-screen-medium { | |
| -ms-flex-order: 69; | |
| order: 69; | |
| } | |
| .flex-item-order-68-screen-medium { | |
| -ms-flex-order: 68; | |
| order: 68; | |
| } | |
| .flex-item-order-67-screen-medium { | |
| -ms-flex-order: 67; | |
| order: 67; | |
| } | |
| .flex-item-order-66-screen-medium { | |
| -ms-flex-order: 66; | |
| order: 66; | |
| } | |
| .flex-item-order-65-screen-medium { | |
| -ms-flex-order: 65; | |
| order: 65; | |
| } | |
| .flex-item-order-64-screen-medium { | |
| -ms-flex-order: 64; | |
| order: 64; | |
| } | |
| .flex-item-order-63-screen-medium { | |
| -ms-flex-order: 63; | |
| order: 63; | |
| } | |
| .flex-item-order-62-screen-medium { | |
| -ms-flex-order: 62; | |
| order: 62; | |
| } | |
| .flex-item-order-61-screen-medium { | |
| -ms-flex-order: 61; | |
| order: 61; | |
| } | |
| .flex-item-order-60-screen-medium { | |
| -ms-flex-order: 60; | |
| order: 60; | |
| } | |
| .flex-item-order-59-screen-medium { | |
| -ms-flex-order: 59; | |
| order: 59; | |
| } | |
| .flex-item-order-58-screen-medium { | |
| -ms-flex-order: 58; | |
| order: 58; | |
| } | |
| .flex-item-order-57-screen-medium { | |
| -ms-flex-order: 57; | |
| order: 57; | |
| } | |
| .flex-item-order-56-screen-medium { | |
| -ms-flex-order: 56; | |
| order: 56; | |
| } | |
| .flex-item-order-55-screen-medium { | |
| -ms-flex-order: 55; | |
| order: 55; | |
| } | |
| .flex-item-order-54-screen-medium { | |
| -ms-flex-order: 54; | |
| order: 54; | |
| } | |
| .flex-item-order-53-screen-medium { | |
| -ms-flex-order: 53; | |
| order: 53; | |
| } | |
| .flex-item-order-52-screen-medium { | |
| -ms-flex-order: 52; | |
| order: 52; | |
| } | |
| .flex-item-order-51-screen-medium { | |
| -ms-flex-order: 51; | |
| order: 51; | |
| } | |
| .flex-item-order-50-screen-medium { | |
| -ms-flex-order: 50; | |
| order: 50; | |
| } | |
| .flex-item-order-49-screen-medium { | |
| -ms-flex-order: 49; | |
| order: 49; | |
| } | |
| .flex-item-order-48-screen-medium { | |
| -ms-flex-order: 48; | |
| order: 48; | |
| } | |
| .flex-item-order-47-screen-medium { | |
| -ms-flex-order: 47; | |
| order: 47; | |
| } | |
| .flex-item-order-46-screen-medium { | |
| -ms-flex-order: 46; | |
| order: 46; | |
| } | |
| .flex-item-order-45-screen-medium { | |
| -ms-flex-order: 45; | |
| order: 45; | |
| } | |
| .flex-item-order-44-screen-medium { | |
| -ms-flex-order: 44; | |
| order: 44; | |
| } | |
| .flex-item-order-43-screen-medium { | |
| -ms-flex-order: 43; | |
| order: 43; | |
| } | |
| .flex-item-order-42-screen-medium { | |
| -ms-flex-order: 42; | |
| order: 42; | |
| } | |
| .flex-item-order-41-screen-medium { | |
| -ms-flex-order: 41; | |
| order: 41; | |
| } | |
| .flex-item-order-40-screen-medium { | |
| -ms-flex-order: 40; | |
| order: 40; | |
| } | |
| .flex-item-order-39-screen-medium { | |
| -ms-flex-order: 39; | |
| order: 39; | |
| } | |
| .flex-item-order-38-screen-medium { | |
| -ms-flex-order: 38; | |
| order: 38; | |
| } | |
| .flex-item-order-37-screen-medium { | |
| -ms-flex-order: 37; | |
| order: 37; | |
| } | |
| .flex-item-order-36-screen-medium { | |
| -ms-flex-order: 36; | |
| order: 36; | |
| } | |
| .flex-item-order-35-screen-medium { | |
| -ms-flex-order: 35; | |
| order: 35; | |
| } | |
| .flex-item-order-34-screen-medium { | |
| -ms-flex-order: 34; | |
| order: 34; | |
| } | |
| .flex-item-order-33-screen-medium { | |
| -ms-flex-order: 33; | |
| order: 33; | |
| } | |
| .flex-item-order-32-screen-medium { | |
| -ms-flex-order: 32; | |
| order: 32; | |
| } | |
| .flex-item-order-31-screen-medium { | |
| -ms-flex-order: 31; | |
| order: 31; | |
| } | |
| .flex-item-order-30-screen-medium { | |
| -ms-flex-order: 30; | |
| order: 30; | |
| } | |
| .flex-item-order-29-screen-medium { | |
| -ms-flex-order: 29; | |
| order: 29; | |
| } | |
| .flex-item-order-28-screen-medium { | |
| -ms-flex-order: 28; | |
| order: 28; | |
| } | |
| .flex-item-order-27-screen-medium { | |
| -ms-flex-order: 27; | |
| order: 27; | |
| } | |
| .flex-item-order-26-screen-medium { | |
| -ms-flex-order: 26; | |
| order: 26; | |
| } | |
| .flex-item-order-25-screen-medium { | |
| -ms-flex-order: 25; | |
| order: 25; | |
| } | |
| .flex-item-order-24-screen-medium { | |
| -ms-flex-order: 24; | |
| order: 24; | |
| } | |
| .flex-item-order-23-screen-medium { | |
| -ms-flex-order: 23; | |
| order: 23; | |
| } | |
| .flex-item-order-22-screen-medium { | |
| -ms-flex-order: 22; | |
| order: 22; | |
| } | |
| .flex-item-order-21-screen-medium { | |
| -ms-flex-order: 21; | |
| order: 21; | |
| } | |
| .flex-item-order-20-screen-medium { | |
| -ms-flex-order: 20; | |
| order: 20; | |
| } | |
| .flex-item-order-19-screen-medium { | |
| -ms-flex-order: 19; | |
| order: 19; | |
| } | |
| .flex-item-order-18-screen-medium { | |
| -ms-flex-order: 18; | |
| order: 18; | |
| } | |
| .flex-item-order-17-screen-medium { | |
| -ms-flex-order: 17; | |
| order: 17; | |
| } | |
| .flex-item-order-16-screen-medium { | |
| -ms-flex-order: 16; | |
| order: 16; | |
| } | |
| .flex-item-order-15-screen-medium { | |
| -ms-flex-order: 15; | |
| order: 15; | |
| } | |
| .flex-item-order-14-screen-medium { | |
| -ms-flex-order: 14; | |
| order: 14; | |
| } | |
| .flex-item-order-13-screen-medium { | |
| -ms-flex-order: 13; | |
| order: 13; | |
| } | |
| .flex-item-order-12-screen-medium { | |
| -ms-flex-order: 12; | |
| order: 12; | |
| } | |
| .flex-item-order-11-screen-medium { | |
| -ms-flex-order: 11; | |
| order: 11; | |
| } | |
| .flex-item-order-10-screen-medium { | |
| -ms-flex-order: 10; | |
| order: 10; | |
| } | |
| .flex-item-order-9-screen-medium { | |
| -ms-flex-order: 9; | |
| order: 9; | |
| } | |
| .flex-item-order-8-screen-medium { | |
| -ms-flex-order: 8; | |
| order: 8; | |
| } | |
| .flex-item-order-7-screen-medium { | |
| -ms-flex-order: 7; | |
| order: 7; | |
| } | |
| .flex-item-order-6-screen-medium { | |
| -ms-flex-order: 6; | |
| order: 6; | |
| } | |
| .flex-item-order-5-screen-medium { | |
| -ms-flex-order: 5; | |
| order: 5; | |
| } | |
| .flex-item-order-4-screen-medium { | |
| -ms-flex-order: 4; | |
| order: 4; | |
| } | |
| .flex-item-order-3-screen-medium { | |
| -ms-flex-order: 3; | |
| order: 3; | |
| } | |
| .flex-item-order-2-screen-medium { | |
| -ms-flex-order: 2; | |
| order: 2; | |
| } | |
| .flex-item-order-1-screen-medium { | |
| -ms-flex-order: 1; | |
| order: 1; | |
| } | |
| .flex-item-order-0-screen-medium { | |
| -ms-flex-order: 0; | |
| order: 0; | |
| } | |
| .flex-item-order--1-screen-medium { | |
| -ms-flex-order: -1; | |
| order: -1; | |
| } | |
| .flex-item-order--2-screen-medium { | |
| -ms-flex-order: -2; | |
| order: -2; | |
| } | |
| .flex-item-order--3-screen-medium { | |
| -ms-flex-order: -3; | |
| order: -3; | |
| } | |
| .flex-item-order--4-screen-medium { | |
| -ms-flex-order: -4; | |
| order: -4; | |
| } | |
| .flex-item-order--5-screen-medium { | |
| -ms-flex-order: -5; | |
| order: -5; | |
| } | |
| .flex-item-order--6-screen-medium { | |
| -ms-flex-order: -6; | |
| order: -6; | |
| } | |
| .flex-item-order--7-screen-medium { | |
| -ms-flex-order: -7; | |
| order: -7; | |
| } | |
| .flex-item-order--8-screen-medium { | |
| -ms-flex-order: -8; | |
| order: -8; | |
| } | |
| .flex-item-order--9-screen-medium { | |
| -ms-flex-order: -9; | |
| order: -9; | |
| } | |
| .flex-item-order--10-screen-medium { | |
| -ms-flex-order: -10; | |
| order: -10; | |
| } | |
| .flex-item-order--11-screen-medium { | |
| -ms-flex-order: -11; | |
| order: -11; | |
| } | |
| .flex-item-order--12-screen-medium { | |
| -ms-flex-order: -12; | |
| order: -12; | |
| } | |
| .flex-item-order--13-screen-medium { | |
| -ms-flex-order: -13; | |
| order: -13; | |
| } | |
| .flex-item-order--14-screen-medium { | |
| -ms-flex-order: -14; | |
| order: -14; | |
| } | |
| .flex-item-order--15-screen-medium { | |
| -ms-flex-order: -15; | |
| order: -15; | |
| } | |
| .flex-item-order--16-screen-medium { | |
| -ms-flex-order: -16; | |
| order: -16; | |
| } | |
| .flex-item-order--17-screen-medium { | |
| -ms-flex-order: -17; | |
| order: -17; | |
| } | |
| .flex-item-order--18-screen-medium { | |
| -ms-flex-order: -18; | |
| order: -18; | |
| } | |
| .flex-item-order--19-screen-medium { | |
| -ms-flex-order: -19; | |
| order: -19; | |
| } | |
| .flex-item-order--20-screen-medium { | |
| -ms-flex-order: -20; | |
| order: -20; | |
| } | |
| .flex-item-order--21-screen-medium { | |
| -ms-flex-order: -21; | |
| order: -21; | |
| } | |
| .flex-item-order--22-screen-medium { | |
| -ms-flex-order: -22; | |
| order: -22; | |
| } | |
| .flex-item-order--23-screen-medium { | |
| -ms-flex-order: -23; | |
| order: -23; | |
| } | |
| .flex-item-order--24-screen-medium { | |
| -ms-flex-order: -24; | |
| order: -24; | |
| } | |
| .flex-item-order--25-screen-medium { | |
| -ms-flex-order: -25; | |
| order: -25; | |
| } | |
| .flex-item-order--26-screen-medium { | |
| -ms-flex-order: -26; | |
| order: -26; | |
| } | |
| .flex-item-order--27-screen-medium { | |
| -ms-flex-order: -27; | |
| order: -27; | |
| } | |
| .flex-item-order--28-screen-medium { | |
| -ms-flex-order: -28; | |
| order: -28; | |
| } | |
| .flex-item-order--29-screen-medium { | |
| -ms-flex-order: -29; | |
| order: -29; | |
| } | |
| .flex-item-order--30-screen-medium { | |
| -ms-flex-order: -30; | |
| order: -30; | |
| } | |
| .flex-item-order--31-screen-medium { | |
| -ms-flex-order: -31; | |
| order: -31; | |
| } | |
| .flex-item-order--32-screen-medium { | |
| -ms-flex-order: -32; | |
| order: -32; | |
| } | |
| .flex-item-order--33-screen-medium { | |
| -ms-flex-order: -33; | |
| order: -33; | |
| } | |
| .flex-item-order--34-screen-medium { | |
| -ms-flex-order: -34; | |
| order: -34; | |
| } | |
| .flex-item-order--35-screen-medium { | |
| -ms-flex-order: -35; | |
| order: -35; | |
| } | |
| .flex-item-order--36-screen-medium { | |
| -ms-flex-order: -36; | |
| order: -36; | |
| } | |
| .flex-item-order--37-screen-medium { | |
| -ms-flex-order: -37; | |
| order: -37; | |
| } | |
| .flex-item-order--38-screen-medium { | |
| -ms-flex-order: -38; | |
| order: -38; | |
| } | |
| .flex-item-order--39-screen-medium { | |
| -ms-flex-order: -39; | |
| order: -39; | |
| } | |
| .flex-item-order--40-screen-medium { | |
| -ms-flex-order: -40; | |
| order: -40; | |
| } | |
| .flex-item-order--41-screen-medium { | |
| -ms-flex-order: -41; | |
| order: -41; | |
| } | |
| .flex-item-order--42-screen-medium { | |
| -ms-flex-order: -42; | |
| order: -42; | |
| } | |
| .flex-item-order--43-screen-medium { | |
| -ms-flex-order: -43; | |
| order: -43; | |
| } | |
| .flex-item-order--44-screen-medium { | |
| -ms-flex-order: -44; | |
| order: -44; | |
| } | |
| .flex-item-order--45-screen-medium { | |
| -ms-flex-order: -45; | |
| order: -45; | |
| } | |
| .flex-item-order--46-screen-medium { | |
| -ms-flex-order: -46; | |
| order: -46; | |
| } | |
| .flex-item-order--47-screen-medium { | |
| -ms-flex-order: -47; | |
| order: -47; | |
| } | |
| .flex-item-order--48-screen-medium { | |
| -ms-flex-order: -48; | |
| order: -48; | |
| } | |
| .flex-item-order--49-screen-medium { | |
| -ms-flex-order: -49; | |
| order: -49; | |
| } | |
| .flex-item-order--50-screen-medium { | |
| -ms-flex-order: -50; | |
| order: -50; | |
| } | |
| .flex-item-order--51-screen-medium { | |
| -ms-flex-order: -51; | |
| order: -51; | |
| } | |
| .flex-item-order--52-screen-medium { | |
| -ms-flex-order: -52; | |
| order: -52; | |
| } | |
| .flex-item-order--53-screen-medium { | |
| -ms-flex-order: -53; | |
| order: -53; | |
| } | |
| .flex-item-order--54-screen-medium { | |
| -ms-flex-order: -54; | |
| order: -54; | |
| } | |
| .flex-item-order--55-screen-medium { | |
| -ms-flex-order: -55; | |
| order: -55; | |
| } | |
| .flex-item-order--56-screen-medium { | |
| -ms-flex-order: -56; | |
| order: -56; | |
| } | |
| .flex-item-order--57-screen-medium { | |
| -ms-flex-order: -57; | |
| order: -57; | |
| } | |
| .flex-item-order--58-screen-medium { | |
| -ms-flex-order: -58; | |
| order: -58; | |
| } | |
| .flex-item-order--59-screen-medium { | |
| -ms-flex-order: -59; | |
| order: -59; | |
| } | |
| .flex-item-order--60-screen-medium { | |
| -ms-flex-order: -60; | |
| order: -60; | |
| } | |
| .flex-item-order--61-screen-medium { | |
| -ms-flex-order: -61; | |
| order: -61; | |
| } | |
| .flex-item-order--62-screen-medium { | |
| -ms-flex-order: -62; | |
| order: -62; | |
| } | |
| .flex-item-order--63-screen-medium { | |
| -ms-flex-order: -63; | |
| order: -63; | |
| } | |
| .flex-item-order--64-screen-medium { | |
| -ms-flex-order: -64; | |
| order: -64; | |
| } | |
| .flex-item-order--65-screen-medium { | |
| -ms-flex-order: -65; | |
| order: -65; | |
| } | |
| .flex-item-order--66-screen-medium { | |
| -ms-flex-order: -66; | |
| order: -66; | |
| } | |
| .flex-item-order--67-screen-medium { | |
| -ms-flex-order: -67; | |
| order: -67; | |
| } | |
| .flex-item-order--68-screen-medium { | |
| -ms-flex-order: -68; | |
| order: -68; | |
| } | |
| .flex-item-order--69-screen-medium { | |
| -ms-flex-order: -69; | |
| order: -69; | |
| } | |
| .flex-item-order--70-screen-medium { | |
| -ms-flex-order: -70; | |
| order: -70; | |
| } | |
| .flex-item-order--71-screen-medium { | |
| -ms-flex-order: -71; | |
| order: -71; | |
| } | |
| .flex-item-order--72-screen-medium { | |
| -ms-flex-order: -72; | |
| order: -72; | |
| } | |
| .flex-item-order--73-screen-medium { | |
| -ms-flex-order: -73; | |
| order: -73; | |
| } | |
| .flex-item-order--74-screen-medium { | |
| -ms-flex-order: -74; | |
| order: -74; | |
| } | |
| .flex-item-order--75-screen-medium { | |
| -ms-flex-order: -75; | |
| order: -75; | |
| } | |
| .flex-item-order--76-screen-medium { | |
| -ms-flex-order: -76; | |
| order: -76; | |
| } | |
| .flex-item-order--77-screen-medium { | |
| -ms-flex-order: -77; | |
| order: -77; | |
| } | |
| .flex-item-order--78-screen-medium { | |
| -ms-flex-order: -78; | |
| order: -78; | |
| } | |
| .flex-item-order--79-screen-medium { | |
| -ms-flex-order: -79; | |
| order: -79; | |
| } | |
| .flex-item-order--80-screen-medium { | |
| -ms-flex-order: -80; | |
| order: -80; | |
| } | |
| .flex-item-order--81-screen-medium { | |
| -ms-flex-order: -81; | |
| order: -81; | |
| } | |
| .flex-item-order--82-screen-medium { | |
| -ms-flex-order: -82; | |
| order: -82; | |
| } | |
| .flex-item-order--83-screen-medium { | |
| -ms-flex-order: -83; | |
| order: -83; | |
| } | |
| .flex-item-order--84-screen-medium { | |
| -ms-flex-order: -84; | |
| order: -84; | |
| } | |
| .flex-item-order--85-screen-medium { | |
| -ms-flex-order: -85; | |
| order: -85; | |
| } | |
| .flex-item-order--86-screen-medium { | |
| -ms-flex-order: -86; | |
| order: -86; | |
| } | |
| .flex-item-order--87-screen-medium { | |
| -ms-flex-order: -87; | |
| order: -87; | |
| } | |
| .flex-item-order--88-screen-medium { | |
| -ms-flex-order: -88; | |
| order: -88; | |
| } | |
| .flex-item-order--89-screen-medium { | |
| -ms-flex-order: -89; | |
| order: -89; | |
| } | |
| .flex-item-order--90-screen-medium { | |
| -ms-flex-order: -90; | |
| order: -90; | |
| } | |
| .flex-item-order--91-screen-medium { | |
| -ms-flex-order: -91; | |
| order: -91; | |
| } | |
| .flex-item-order--92-screen-medium { | |
| -ms-flex-order: -92; | |
| order: -92; | |
| } | |
| .flex-item-order--93-screen-medium { | |
| -ms-flex-order: -93; | |
| order: -93; | |
| } | |
| .flex-item-order--94-screen-medium { | |
| -ms-flex-order: -94; | |
| order: -94; | |
| } | |
| .flex-item-order--95-screen-medium { | |
| -ms-flex-order: -95; | |
| order: -95; | |
| } | |
| .flex-item-order--96-screen-medium { | |
| -ms-flex-order: -96; | |
| order: -96; | |
| } | |
| .flex-item-order--97-screen-medium { | |
| -ms-flex-order: -97; | |
| order: -97; | |
| } | |
| .flex-item-order--98-screen-medium { | |
| -ms-flex-order: -98; | |
| order: -98; | |
| } | |
| .flex-item-order--99-screen-medium { | |
| -ms-flex-order: -99; | |
| order: -99; | |
| } | |
| .flex-item-order--100-screen-medium { | |
| -ms-flex-order: -100; | |
| order: -100; | |
| } | |
| .flex-item-grow-10-screen-medium { | |
| -ms-flex-positive: 10; | |
| flex-grow: 10; | |
| } | |
| .flex-item-grow-9-screen-medium { | |
| -ms-flex-positive: 9; | |
| flex-grow: 9; | |
| } | |
| .flex-item-grow-8-screen-medium { | |
| -ms-flex-positive: 8; | |
| flex-grow: 8; | |
| } | |
| .flex-item-grow-7-screen-medium { | |
| -ms-flex-positive: 7; | |
| flex-grow: 7; | |
| } | |
| .flex-item-grow-6-screen-medium { | |
| -ms-flex-positive: 6; | |
| flex-grow: 6; | |
| } | |
| .flex-item-grow-5-screen-medium { | |
| -ms-flex-positive: 5; | |
| flex-grow: 5; | |
| } | |
| .flex-item-grow-4-screen-medium { | |
| -ms-flex-positive: 4; | |
| flex-grow: 4; | |
| } | |
| .flex-item-grow-3-screen-medium { | |
| -ms-flex-positive: 3; | |
| flex-grow: 3; | |
| } | |
| .flex-item-grow-2-screen-medium { | |
| -ms-flex-positive: 2; | |
| flex-grow: 2; | |
| } | |
| .flex-item-grow-1-screen-medium { | |
| -ms-flex-positive: 1; | |
| flex-grow: 1; | |
| } | |
| .flex-item-grow-0-screen-medium { | |
| -ms-flex-positive: 0; | |
| flex-grow: 0; | |
| } | |
| .flex-item-shrink-10-screen-medium { | |
| -ms-flex-negative: 10; | |
| flex-shrink: 10; | |
| } | |
| .flex-item-shrink-9-screen-medium { | |
| -ms-flex-negative: 9; | |
| flex-shrink: 9; | |
| } | |
| .flex-item-shrink-8-screen-medium { | |
| -ms-flex-negative: 8; | |
| flex-shrink: 8; | |
| } | |
| .flex-item-shrink-7-screen-medium { | |
| -ms-flex-negative: 7; | |
| flex-shrink: 7; | |
| } | |
| .flex-item-shrink-6-screen-medium { | |
| -ms-flex-negative: 6; | |
| flex-shrink: 6; | |
| } | |
| .flex-item-shrink-5-screen-medium { | |
| -ms-flex-negative: 5; | |
| flex-shrink: 5; | |
| } | |
| .flex-item-shrink-4-screen-medium { | |
| -ms-flex-negative: 4; | |
| flex-shrink: 4; | |
| } | |
| .flex-item-shrink-3-screen-medium { | |
| -ms-flex-negative: 3; | |
| flex-shrink: 3; | |
| } | |
| .flex-item-shrink-2-screen-medium { | |
| -ms-flex-negative: 2; | |
| flex-shrink: 2; | |
| } | |
| .flex-item-shrink-1-screen-medium { | |
| -ms-flex-negative: 1; | |
| flex-shrink: 1; | |
| } | |
| .flex-item-shrink-0-screen-medium { | |
| -ms-flex-negative: 0; | |
| flex-shrink: 0; | |
| } | |
| .flex-item-basis-auto-screen-medium { | |
| -ms-flex-preferred-size: auto; | |
| flex-basis: auto; | |
| } | |
| .flex-item-basis-content-screen-medium { | |
| -ms-flex-preferred-size: content; | |
| flex-basis: content; | |
| } | |
| .flex-item-basis-none-screen-medium { | |
| -ms-flex-preferred-size: 0; | |
| flex-basis: 0; | |
| } | |
| .flex-item-align-auto-screen-medium { | |
| -ms-flex-item-align: auto; | |
| align-self: auto; | |
| } | |
| .flex-item-align-start-screen-medium { | |
| -ms-flex-item-align: start; | |
| align-self: flex-start; | |
| } | |
| .flex-item-align-center-screen-medium { | |
| -ms-flex-item-align: center; | |
| align-self: center; | |
| } | |
| .flex-item-align-end-screen-medium { | |
| -ms-flex-item-align: end; | |
| align-self: flex-end; | |
| } | |
| .flex-item-align-baseline-screen-medium { | |
| -ms-flex-item-align: baseline; | |
| align-self: baseline; | |
| } | |
| .flex-item-align-stretch-screen-medium { | |
| -ms-flex-item-align: stretch; | |
| align-self: stretch; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Flex | |
| ----------------------------------------------------------------------------- */ | |
| .flex-screen-large { | |
| display: -ms-flexbox; | |
| display: flex; | |
| } | |
| .flex-screen-large:before, | |
| .flex-screen-large:after { | |
| display: none; | |
| } | |
| .flex-inline-screen-large { | |
| display: flex-inline; | |
| } | |
| .flex-inline-screen-large:before, | |
| .flex-inline-screen-large:after { | |
| display: none; | |
| } | |
| .flex-direction-left-to-right-screen-large { | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| } | |
| .flex-direction-right-to-left-screen-large { | |
| -ms-flex-direction: row-reverse; | |
| flex-direction: row-reverse; | |
| } | |
| .flex-direction-top-to-bottom-screen-large { | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| } | |
| .flex-direction-bottom-to-top-screen-large { | |
| -ms-flex-direction: column-reverse; | |
| flex-direction: column-reverse; | |
| } | |
| .flex-wrap-items-screen-large { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .flex-wrap-items-reverse-screen-large { | |
| -ms-flex-wrap: wrap-reverse; | |
| flex-wrap: wrap-reverse; | |
| } | |
| .flex-wrap-items-none-screen-large { | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| } | |
| .flex-align-items-start-screen-large { | |
| -ms-flex-align: start; | |
| -ms-grid-row-align: flex-start; | |
| align-items: flex-start; | |
| } | |
| .flex-align-items-center-screen-large { | |
| -ms-flex-align: center; | |
| -ms-grid-row-align: center; | |
| align-items: center; | |
| } | |
| .flex-align-items-end-screen-large { | |
| -ms-flex-align: end; | |
| -ms-grid-row-align: flex-end; | |
| align-items: flex-end; | |
| } | |
| .flex-align-items-baseline-screen-large { | |
| -ms-flex-align: baseline; | |
| -ms-grid-row-align: baseline; | |
| align-items: baseline; | |
| } | |
| .flex-align-items-stretch-screen-large { | |
| -ms-flex-align: stretch; | |
| -ms-grid-row-align: stretch; | |
| align-items: stretch; | |
| } | |
| .flex-justify-items-start-screen-large { | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| } | |
| .flex-justify-items-end-screen-large { | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; | |
| } | |
| .flex-justify-items-center-screen-large { | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| } | |
| .flex-justify-items-space-between-screen-large { | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| .flex-justify-items-space-around-screen-large { | |
| -ms-flex-pack: distribute; | |
| justify-content: space-around; | |
| } | |
| .flex-align-content-start-screen-large { | |
| -ms-flex-line-pack: start; | |
| align-content: flex-start; | |
| } | |
| .flex-align-content-center-screen-large { | |
| -ms-flex-line-pack: center; | |
| align-content: center; | |
| } | |
| .flex-align-content-end-screen-large { | |
| -ms-flex-line-pack: end; | |
| align-content: flex-end; | |
| } | |
| .flex-align-content-stretch-screen-large { | |
| -ms-flex-line-pack: stretch; | |
| align-content: stretch; | |
| } | |
| .flex-align-content-space-between-screen-large { | |
| -ms-flex-line-pack: justify; | |
| align-content: space-between; | |
| } | |
| .flex-align-content-space-around-screen-large { | |
| -ms-flex-line-pack: distribute; | |
| align-content: space-around; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Flex Item | |
| ----------------------------------------------------------------------------- */ | |
| .flex-item-order-100-screen-large { | |
| -ms-flex-order: 100; | |
| order: 100; | |
| } | |
| .flex-item-order-99-screen-large { | |
| -ms-flex-order: 99; | |
| order: 99; | |
| } | |
| .flex-item-order-98-screen-large { | |
| -ms-flex-order: 98; | |
| order: 98; | |
| } | |
| .flex-item-order-97-screen-large { | |
| -ms-flex-order: 97; | |
| order: 97; | |
| } | |
| .flex-item-order-96-screen-large { | |
| -ms-flex-order: 96; | |
| order: 96; | |
| } | |
| .flex-item-order-95-screen-large { | |
| -ms-flex-order: 95; | |
| order: 95; | |
| } | |
| .flex-item-order-94-screen-large { | |
| -ms-flex-order: 94; | |
| order: 94; | |
| } | |
| .flex-item-order-93-screen-large { | |
| -ms-flex-order: 93; | |
| order: 93; | |
| } | |
| .flex-item-order-92-screen-large { | |
| -ms-flex-order: 92; | |
| order: 92; | |
| } | |
| .flex-item-order-91-screen-large { | |
| -ms-flex-order: 91; | |
| order: 91; | |
| } | |
| .flex-item-order-90-screen-large { | |
| -ms-flex-order: 90; | |
| order: 90; | |
| } | |
| .flex-item-order-89-screen-large { | |
| -ms-flex-order: 89; | |
| order: 89; | |
| } | |
| .flex-item-order-88-screen-large { | |
| -ms-flex-order: 88; | |
| order: 88; | |
| } | |
| .flex-item-order-87-screen-large { | |
| -ms-flex-order: 87; | |
| order: 87; | |
| } | |
| .flex-item-order-86-screen-large { | |
| -ms-flex-order: 86; | |
| order: 86; | |
| } | |
| .flex-item-order-85-screen-large { | |
| -ms-flex-order: 85; | |
| order: 85; | |
| } | |
| .flex-item-order-84-screen-large { | |
| -ms-flex-order: 84; | |
| order: 84; | |
| } | |
| .flex-item-order-83-screen-large { | |
| -ms-flex-order: 83; | |
| order: 83; | |
| } | |
| .flex-item-order-82-screen-large { | |
| -ms-flex-order: 82; | |
| order: 82; | |
| } | |
| .flex-item-order-81-screen-large { | |
| -ms-flex-order: 81; | |
| order: 81; | |
| } | |
| .flex-item-order-80-screen-large { | |
| -ms-flex-order: 80; | |
| order: 80; | |
| } | |
| .flex-item-order-79-screen-large { | |
| -ms-flex-order: 79; | |
| order: 79; | |
| } | |
| .flex-item-order-78-screen-large { | |
| -ms-flex-order: 78; | |
| order: 78; | |
| } | |
| .flex-item-order-77-screen-large { | |
| -ms-flex-order: 77; | |
| order: 77; | |
| } | |
| .flex-item-order-76-screen-large { | |
| -ms-flex-order: 76; | |
| order: 76; | |
| } | |
| .flex-item-order-75-screen-large { | |
| -ms-flex-order: 75; | |
| order: 75; | |
| } | |
| .flex-item-order-74-screen-large { | |
| -ms-flex-order: 74; | |
| order: 74; | |
| } | |
| .flex-item-order-73-screen-large { | |
| -ms-flex-order: 73; | |
| order: 73; | |
| } | |
| .flex-item-order-72-screen-large { | |
| -ms-flex-order: 72; | |
| order: 72; | |
| } | |
| .flex-item-order-71-screen-large { | |
| -ms-flex-order: 71; | |
| order: 71; | |
| } | |
| .flex-item-order-70-screen-large { | |
| -ms-flex-order: 70; | |
| order: 70; | |
| } | |
| .flex-item-order-69-screen-large { | |
| -ms-flex-order: 69; | |
| order: 69; | |
| } | |
| .flex-item-order-68-screen-large { | |
| -ms-flex-order: 68; | |
| order: 68; | |
| } | |
| .flex-item-order-67-screen-large { | |
| -ms-flex-order: 67; | |
| order: 67; | |
| } | |
| .flex-item-order-66-screen-large { | |
| -ms-flex-order: 66; | |
| order: 66; | |
| } | |
| .flex-item-order-65-screen-large { | |
| -ms-flex-order: 65; | |
| order: 65; | |
| } | |
| .flex-item-order-64-screen-large { | |
| -ms-flex-order: 64; | |
| order: 64; | |
| } | |
| .flex-item-order-63-screen-large { | |
| -ms-flex-order: 63; | |
| order: 63; | |
| } | |
| .flex-item-order-62-screen-large { | |
| -ms-flex-order: 62; | |
| order: 62; | |
| } | |
| .flex-item-order-61-screen-large { | |
| -ms-flex-order: 61; | |
| order: 61; | |
| } | |
| .flex-item-order-60-screen-large { | |
| -ms-flex-order: 60; | |
| order: 60; | |
| } | |
| .flex-item-order-59-screen-large { | |
| -ms-flex-order: 59; | |
| order: 59; | |
| } | |
| .flex-item-order-58-screen-large { | |
| -ms-flex-order: 58; | |
| order: 58; | |
| } | |
| .flex-item-order-57-screen-large { | |
| -ms-flex-order: 57; | |
| order: 57; | |
| } | |
| .flex-item-order-56-screen-large { | |
| -ms-flex-order: 56; | |
| order: 56; | |
| } | |
| .flex-item-order-55-screen-large { | |
| -ms-flex-order: 55; | |
| order: 55; | |
| } | |
| .flex-item-order-54-screen-large { | |
| -ms-flex-order: 54; | |
| order: 54; | |
| } | |
| .flex-item-order-53-screen-large { | |
| -ms-flex-order: 53; | |
| order: 53; | |
| } | |
| .flex-item-order-52-screen-large { | |
| -ms-flex-order: 52; | |
| order: 52; | |
| } | |
| .flex-item-order-51-screen-large { | |
| -ms-flex-order: 51; | |
| order: 51; | |
| } | |
| .flex-item-order-50-screen-large { | |
| -ms-flex-order: 50; | |
| order: 50; | |
| } | |
| .flex-item-order-49-screen-large { | |
| -ms-flex-order: 49; | |
| order: 49; | |
| } | |
| .flex-item-order-48-screen-large { | |
| -ms-flex-order: 48; | |
| order: 48; | |
| } | |
| .flex-item-order-47-screen-large { | |
| -ms-flex-order: 47; | |
| order: 47; | |
| } | |
| .flex-item-order-46-screen-large { | |
| -ms-flex-order: 46; | |
| order: 46; | |
| } | |
| .flex-item-order-45-screen-large { | |
| -ms-flex-order: 45; | |
| order: 45; | |
| } | |
| .flex-item-order-44-screen-large { | |
| -ms-flex-order: 44; | |
| order: 44; | |
| } | |
| .flex-item-order-43-screen-large { | |
| -ms-flex-order: 43; | |
| order: 43; | |
| } | |
| .flex-item-order-42-screen-large { | |
| -ms-flex-order: 42; | |
| order: 42; | |
| } | |
| .flex-item-order-41-screen-large { | |
| -ms-flex-order: 41; | |
| order: 41; | |
| } | |
| .flex-item-order-40-screen-large { | |
| -ms-flex-order: 40; | |
| order: 40; | |
| } | |
| .flex-item-order-39-screen-large { | |
| -ms-flex-order: 39; | |
| order: 39; | |
| } | |
| .flex-item-order-38-screen-large { | |
| -ms-flex-order: 38; | |
| order: 38; | |
| } | |
| .flex-item-order-37-screen-large { | |
| -ms-flex-order: 37; | |
| order: 37; | |
| } | |
| .flex-item-order-36-screen-large { | |
| -ms-flex-order: 36; | |
| order: 36; | |
| } | |
| .flex-item-order-35-screen-large { | |
| -ms-flex-order: 35; | |
| order: 35; | |
| } | |
| .flex-item-order-34-screen-large { | |
| -ms-flex-order: 34; | |
| order: 34; | |
| } | |
| .flex-item-order-33-screen-large { | |
| -ms-flex-order: 33; | |
| order: 33; | |
| } | |
| .flex-item-order-32-screen-large { | |
| -ms-flex-order: 32; | |
| order: 32; | |
| } | |
| .flex-item-order-31-screen-large { | |
| -ms-flex-order: 31; | |
| order: 31; | |
| } | |
| .flex-item-order-30-screen-large { | |
| -ms-flex-order: 30; | |
| order: 30; | |
| } | |
| .flex-item-order-29-screen-large { | |
| -ms-flex-order: 29; | |
| order: 29; | |
| } | |
| .flex-item-order-28-screen-large { | |
| -ms-flex-order: 28; | |
| order: 28; | |
| } | |
| .flex-item-order-27-screen-large { | |
| -ms-flex-order: 27; | |
| order: 27; | |
| } | |
| .flex-item-order-26-screen-large { | |
| -ms-flex-order: 26; | |
| order: 26; | |
| } | |
| .flex-item-order-25-screen-large { | |
| -ms-flex-order: 25; | |
| order: 25; | |
| } | |
| .flex-item-order-24-screen-large { | |
| -ms-flex-order: 24; | |
| order: 24; | |
| } | |
| .flex-item-order-23-screen-large { | |
| -ms-flex-order: 23; | |
| order: 23; | |
| } | |
| .flex-item-order-22-screen-large { | |
| -ms-flex-order: 22; | |
| order: 22; | |
| } | |
| .flex-item-order-21-screen-large { | |
| -ms-flex-order: 21; | |
| order: 21; | |
| } | |
| .flex-item-order-20-screen-large { | |
| -ms-flex-order: 20; | |
| order: 20; | |
| } | |
| .flex-item-order-19-screen-large { | |
| -ms-flex-order: 19; | |
| order: 19; | |
| } | |
| .flex-item-order-18-screen-large { | |
| -ms-flex-order: 18; | |
| order: 18; | |
| } | |
| .flex-item-order-17-screen-large { | |
| -ms-flex-order: 17; | |
| order: 17; | |
| } | |
| .flex-item-order-16-screen-large { | |
| -ms-flex-order: 16; | |
| order: 16; | |
| } | |
| .flex-item-order-15-screen-large { | |
| -ms-flex-order: 15; | |
| order: 15; | |
| } | |
| .flex-item-order-14-screen-large { | |
| -ms-flex-order: 14; | |
| order: 14; | |
| } | |
| .flex-item-order-13-screen-large { | |
| -ms-flex-order: 13; | |
| order: 13; | |
| } | |
| .flex-item-order-12-screen-large { | |
| -ms-flex-order: 12; | |
| order: 12; | |
| } | |
| .flex-item-order-11-screen-large { | |
| -ms-flex-order: 11; | |
| order: 11; | |
| } | |
| .flex-item-order-10-screen-large { | |
| -ms-flex-order: 10; | |
| order: 10; | |
| } | |
| .flex-item-order-9-screen-large { | |
| -ms-flex-order: 9; | |
| order: 9; | |
| } | |
| .flex-item-order-8-screen-large { | |
| -ms-flex-order: 8; | |
| order: 8; | |
| } | |
| .flex-item-order-7-screen-large { | |
| -ms-flex-order: 7; | |
| order: 7; | |
| } | |
| .flex-item-order-6-screen-large { | |
| -ms-flex-order: 6; | |
| order: 6; | |
| } | |
| .flex-item-order-5-screen-large { | |
| -ms-flex-order: 5; | |
| order: 5; | |
| } | |
| .flex-item-order-4-screen-large { | |
| -ms-flex-order: 4; | |
| order: 4; | |
| } | |
| .flex-item-order-3-screen-large { | |
| -ms-flex-order: 3; | |
| order: 3; | |
| } | |
| .flex-item-order-2-screen-large { | |
| -ms-flex-order: 2; | |
| order: 2; | |
| } | |
| .flex-item-order-1-screen-large { | |
| -ms-flex-order: 1; | |
| order: 1; | |
| } | |
| .flex-item-order-0-screen-large { | |
| -ms-flex-order: 0; | |
| order: 0; | |
| } | |
| .flex-item-order--1-screen-large { | |
| -ms-flex-order: -1; | |
| order: -1; | |
| } | |
| .flex-item-order--2-screen-large { | |
| -ms-flex-order: -2; | |
| order: -2; | |
| } | |
| .flex-item-order--3-screen-large { | |
| -ms-flex-order: -3; | |
| order: -3; | |
| } | |
| .flex-item-order--4-screen-large { | |
| -ms-flex-order: -4; | |
| order: -4; | |
| } | |
| .flex-item-order--5-screen-large { | |
| -ms-flex-order: -5; | |
| order: -5; | |
| } | |
| .flex-item-order--6-screen-large { | |
| -ms-flex-order: -6; | |
| order: -6; | |
| } | |
| .flex-item-order--7-screen-large { | |
| -ms-flex-order: -7; | |
| order: -7; | |
| } | |
| .flex-item-order--8-screen-large { | |
| -ms-flex-order: -8; | |
| order: -8; | |
| } | |
| .flex-item-order--9-screen-large { | |
| -ms-flex-order: -9; | |
| order: -9; | |
| } | |
| .flex-item-order--10-screen-large { | |
| -ms-flex-order: -10; | |
| order: -10; | |
| } | |
| .flex-item-order--11-screen-large { | |
| -ms-flex-order: -11; | |
| order: -11; | |
| } | |
| .flex-item-order--12-screen-large { | |
| -ms-flex-order: -12; | |
| order: -12; | |
| } | |
| .flex-item-order--13-screen-large { | |
| -ms-flex-order: -13; | |
| order: -13; | |
| } | |
| .flex-item-order--14-screen-large { | |
| -ms-flex-order: -14; | |
| order: -14; | |
| } | |
| .flex-item-order--15-screen-large { | |
| -ms-flex-order: -15; | |
| order: -15; | |
| } | |
| .flex-item-order--16-screen-large { | |
| -ms-flex-order: -16; | |
| order: -16; | |
| } | |
| .flex-item-order--17-screen-large { | |
| -ms-flex-order: -17; | |
| order: -17; | |
| } | |
| .flex-item-order--18-screen-large { | |
| -ms-flex-order: -18; | |
| order: -18; | |
| } | |
| .flex-item-order--19-screen-large { | |
| -ms-flex-order: -19; | |
| order: -19; | |
| } | |
| .flex-item-order--20-screen-large { | |
| -ms-flex-order: -20; | |
| order: -20; | |
| } | |
| .flex-item-order--21-screen-large { | |
| -ms-flex-order: -21; | |
| order: -21; | |
| } | |
| .flex-item-order--22-screen-large { | |
| -ms-flex-order: -22; | |
| order: -22; | |
| } | |
| .flex-item-order--23-screen-large { | |
| -ms-flex-order: -23; | |
| order: -23; | |
| } | |
| .flex-item-order--24-screen-large { | |
| -ms-flex-order: -24; | |
| order: -24; | |
| } | |
| .flex-item-order--25-screen-large { | |
| -ms-flex-order: -25; | |
| order: -25; | |
| } | |
| .flex-item-order--26-screen-large { | |
| -ms-flex-order: -26; | |
| order: -26; | |
| } | |
| .flex-item-order--27-screen-large { | |
| -ms-flex-order: -27; | |
| order: -27; | |
| } | |
| .flex-item-order--28-screen-large { | |
| -ms-flex-order: -28; | |
| order: -28; | |
| } | |
| .flex-item-order--29-screen-large { | |
| -ms-flex-order: -29; | |
| order: -29; | |
| } | |
| .flex-item-order--30-screen-large { | |
| -ms-flex-order: -30; | |
| order: -30; | |
| } | |
| .flex-item-order--31-screen-large { | |
| -ms-flex-order: -31; | |
| order: -31; | |
| } | |
| .flex-item-order--32-screen-large { | |
| -ms-flex-order: -32; | |
| order: -32; | |
| } | |
| .flex-item-order--33-screen-large { | |
| -ms-flex-order: -33; | |
| order: -33; | |
| } | |
| .flex-item-order--34-screen-large { | |
| -ms-flex-order: -34; | |
| order: -34; | |
| } | |
| .flex-item-order--35-screen-large { | |
| -ms-flex-order: -35; | |
| order: -35; | |
| } | |
| .flex-item-order--36-screen-large { | |
| -ms-flex-order: -36; | |
| order: -36; | |
| } | |
| .flex-item-order--37-screen-large { | |
| -ms-flex-order: -37; | |
| order: -37; | |
| } | |
| .flex-item-order--38-screen-large { | |
| -ms-flex-order: -38; | |
| order: -38; | |
| } | |
| .flex-item-order--39-screen-large { | |
| -ms-flex-order: -39; | |
| order: -39; | |
| } | |
| .flex-item-order--40-screen-large { | |
| -ms-flex-order: -40; | |
| order: -40; | |
| } | |
| .flex-item-order--41-screen-large { | |
| -ms-flex-order: -41; | |
| order: -41; | |
| } | |
| .flex-item-order--42-screen-large { | |
| -ms-flex-order: -42; | |
| order: -42; | |
| } | |
| .flex-item-order--43-screen-large { | |
| -ms-flex-order: -43; | |
| order: -43; | |
| } | |
| .flex-item-order--44-screen-large { | |
| -ms-flex-order: -44; | |
| order: -44; | |
| } | |
| .flex-item-order--45-screen-large { | |
| -ms-flex-order: -45; | |
| order: -45; | |
| } | |
| .flex-item-order--46-screen-large { | |
| -ms-flex-order: -46; | |
| order: -46; | |
| } | |
| .flex-item-order--47-screen-large { | |
| -ms-flex-order: -47; | |
| order: -47; | |
| } | |
| .flex-item-order--48-screen-large { | |
| -ms-flex-order: -48; | |
| order: -48; | |
| } | |
| .flex-item-order--49-screen-large { | |
| -ms-flex-order: -49; | |
| order: -49; | |
| } | |
| .flex-item-order--50-screen-large { | |
| -ms-flex-order: -50; | |
| order: -50; | |
| } | |
| .flex-item-order--51-screen-large { | |
| -ms-flex-order: -51; | |
| order: -51; | |
| } | |
| .flex-item-order--52-screen-large { | |
| -ms-flex-order: -52; | |
| order: -52; | |
| } | |
| .flex-item-order--53-screen-large { | |
| -ms-flex-order: -53; | |
| order: -53; | |
| } | |
| .flex-item-order--54-screen-large { | |
| -ms-flex-order: -54; | |
| order: -54; | |
| } | |
| .flex-item-order--55-screen-large { | |
| -ms-flex-order: -55; | |
| order: -55; | |
| } | |
| .flex-item-order--56-screen-large { | |
| -ms-flex-order: -56; | |
| order: -56; | |
| } | |
| .flex-item-order--57-screen-large { | |
| -ms-flex-order: -57; | |
| order: -57; | |
| } | |
| .flex-item-order--58-screen-large { | |
| -ms-flex-order: -58; | |
| order: -58; | |
| } | |
| .flex-item-order--59-screen-large { | |
| -ms-flex-order: -59; | |
| order: -59; | |
| } | |
| .flex-item-order--60-screen-large { | |
| -ms-flex-order: -60; | |
| order: -60; | |
| } | |
| .flex-item-order--61-screen-large { | |
| -ms-flex-order: -61; | |
| order: -61; | |
| } | |
| .flex-item-order--62-screen-large { | |
| -ms-flex-order: -62; | |
| order: -62; | |
| } | |
| .flex-item-order--63-screen-large { | |
| -ms-flex-order: -63; | |
| order: -63; | |
| } | |
| .flex-item-order--64-screen-large { | |
| -ms-flex-order: -64; | |
| order: -64; | |
| } | |
| .flex-item-order--65-screen-large { | |
| -ms-flex-order: -65; | |
| order: -65; | |
| } | |
| .flex-item-order--66-screen-large { | |
| -ms-flex-order: -66; | |
| order: -66; | |
| } | |
| .flex-item-order--67-screen-large { | |
| -ms-flex-order: -67; | |
| order: -67; | |
| } | |
| .flex-item-order--68-screen-large { | |
| -ms-flex-order: -68; | |
| order: -68; | |
| } | |
| .flex-item-order--69-screen-large { | |
| -ms-flex-order: -69; | |
| order: -69; | |
| } | |
| .flex-item-order--70-screen-large { | |
| -ms-flex-order: -70; | |
| order: -70; | |
| } | |
| .flex-item-order--71-screen-large { | |
| -ms-flex-order: -71; | |
| order: -71; | |
| } | |
| .flex-item-order--72-screen-large { | |
| -ms-flex-order: -72; | |
| order: -72; | |
| } | |
| .flex-item-order--73-screen-large { | |
| -ms-flex-order: -73; | |
| order: -73; | |
| } | |
| .flex-item-order--74-screen-large { | |
| -ms-flex-order: -74; | |
| order: -74; | |
| } | |
| .flex-item-order--75-screen-large { | |
| -ms-flex-order: -75; | |
| order: -75; | |
| } | |
| .flex-item-order--76-screen-large { | |
| -ms-flex-order: -76; | |
| order: -76; | |
| } | |
| .flex-item-order--77-screen-large { | |
| -ms-flex-order: -77; | |
| order: -77; | |
| } | |
| .flex-item-order--78-screen-large { | |
| -ms-flex-order: -78; | |
| order: -78; | |
| } | |
| .flex-item-order--79-screen-large { | |
| -ms-flex-order: -79; | |
| order: -79; | |
| } | |
| .flex-item-order--80-screen-large { | |
| -ms-flex-order: -80; | |
| order: -80; | |
| } | |
| .flex-item-order--81-screen-large { | |
| -ms-flex-order: -81; | |
| order: -81; | |
| } | |
| .flex-item-order--82-screen-large { | |
| -ms-flex-order: -82; | |
| order: -82; | |
| } | |
| .flex-item-order--83-screen-large { | |
| -ms-flex-order: -83; | |
| order: -83; | |
| } | |
| .flex-item-order--84-screen-large { | |
| -ms-flex-order: -84; | |
| order: -84; | |
| } | |
| .flex-item-order--85-screen-large { | |
| -ms-flex-order: -85; | |
| order: -85; | |
| } | |
| .flex-item-order--86-screen-large { | |
| -ms-flex-order: -86; | |
| order: -86; | |
| } | |
| .flex-item-order--87-screen-large { | |
| -ms-flex-order: -87; | |
| order: -87; | |
| } | |
| .flex-item-order--88-screen-large { | |
| -ms-flex-order: -88; | |
| order: -88; | |
| } | |
| .flex-item-order--89-screen-large { | |
| -ms-flex-order: -89; | |
| order: -89; | |
| } | |
| .flex-item-order--90-screen-large { | |
| -ms-flex-order: -90; | |
| order: -90; | |
| } | |
| .flex-item-order--91-screen-large { | |
| -ms-flex-order: -91; | |
| order: -91; | |
| } | |
| .flex-item-order--92-screen-large { | |
| -ms-flex-order: -92; | |
| order: -92; | |
| } | |
| .flex-item-order--93-screen-large { | |
| -ms-flex-order: -93; | |
| order: -93; | |
| } | |
| .flex-item-order--94-screen-large { | |
| -ms-flex-order: -94; | |
| order: -94; | |
| } | |
| .flex-item-order--95-screen-large { | |
| -ms-flex-order: -95; | |
| order: -95; | |
| } | |
| .flex-item-order--96-screen-large { | |
| -ms-flex-order: -96; | |
| order: -96; | |
| } | |
| .flex-item-order--97-screen-large { | |
| -ms-flex-order: -97; | |
| order: -97; | |
| } | |
| .flex-item-order--98-screen-large { | |
| -ms-flex-order: -98; | |
| order: -98; | |
| } | |
| .flex-item-order--99-screen-large { | |
| -ms-flex-order: -99; | |
| order: -99; | |
| } | |
| .flex-item-order--100-screen-large { | |
| -ms-flex-order: -100; | |
| order: -100; | |
| } | |
| .flex-item-grow-10-screen-large { | |
| -ms-flex-positive: 10; | |
| flex-grow: 10; | |
| } | |
| .flex-item-grow-9-screen-large { | |
| -ms-flex-positive: 9; | |
| flex-grow: 9; | |
| } | |
| .flex-item-grow-8-screen-large { | |
| -ms-flex-positive: 8; | |
| flex-grow: 8; | |
| } | |
| .flex-item-grow-7-screen-large { | |
| -ms-flex-positive: 7; | |
| flex-grow: 7; | |
| } | |
| .flex-item-grow-6-screen-large { | |
| -ms-flex-positive: 6; | |
| flex-grow: 6; | |
| } | |
| .flex-item-grow-5-screen-large { | |
| -ms-flex-positive: 5; | |
| flex-grow: 5; | |
| } | |
| .flex-item-grow-4-screen-large { | |
| -ms-flex-positive: 4; | |
| flex-grow: 4; | |
| } | |
| .flex-item-grow-3-screen-large { | |
| -ms-flex-positive: 3; | |
| flex-grow: 3; | |
| } | |
| .flex-item-grow-2-screen-large { | |
| -ms-flex-positive: 2; | |
| flex-grow: 2; | |
| } | |
| .flex-item-grow-1-screen-large { | |
| -ms-flex-positive: 1; | |
| flex-grow: 1; | |
| } | |
| .flex-item-grow-0-screen-large { | |
| -ms-flex-positive: 0; | |
| flex-grow: 0; | |
| } | |
| .flex-item-shrink-10-screen-large { | |
| -ms-flex-negative: 10; | |
| flex-shrink: 10; | |
| } | |
| .flex-item-shrink-9-screen-large { | |
| -ms-flex-negative: 9; | |
| flex-shrink: 9; | |
| } | |
| .flex-item-shrink-8-screen-large { | |
| -ms-flex-negative: 8; | |
| flex-shrink: 8; | |
| } | |
| .flex-item-shrink-7-screen-large { | |
| -ms-flex-negative: 7; | |
| flex-shrink: 7; | |
| } | |
| .flex-item-shrink-6-screen-large { | |
| -ms-flex-negative: 6; | |
| flex-shrink: 6; | |
| } | |
| .flex-item-shrink-5-screen-large { | |
| -ms-flex-negative: 5; | |
| flex-shrink: 5; | |
| } | |
| .flex-item-shrink-4-screen-large { | |
| -ms-flex-negative: 4; | |
| flex-shrink: 4; | |
| } | |
| .flex-item-shrink-3-screen-large { | |
| -ms-flex-negative: 3; | |
| flex-shrink: 3; | |
| } | |
| .flex-item-shrink-2-screen-large { | |
| -ms-flex-negative: 2; | |
| flex-shrink: 2; | |
| } | |
| .flex-item-shrink-1-screen-large { | |
| -ms-flex-negative: 1; | |
| flex-shrink: 1; | |
| } | |
| .flex-item-shrink-0-screen-large { | |
| -ms-flex-negative: 0; | |
| flex-shrink: 0; | |
| } | |
| .flex-item-basis-auto-screen-large { | |
| -ms-flex-preferred-size: auto; | |
| flex-basis: auto; | |
| } | |
| .flex-item-basis-content-screen-large { | |
| -ms-flex-preferred-size: content; | |
| flex-basis: content; | |
| } | |
| .flex-item-basis-none-screen-large { | |
| -ms-flex-preferred-size: 0; | |
| flex-basis: 0; | |
| } | |
| .flex-item-align-auto-screen-large { | |
| -ms-flex-item-align: auto; | |
| align-self: auto; | |
| } | |
| .flex-item-align-start-screen-large { | |
| -ms-flex-item-align: start; | |
| align-self: flex-start; | |
| } | |
| .flex-item-align-center-screen-large { | |
| -ms-flex-item-align: center; | |
| align-self: center; | |
| } | |
| .flex-item-align-end-screen-large { | |
| -ms-flex-item-align: end; | |
| align-self: flex-end; | |
| } | |
| .flex-item-align-baseline-screen-large { | |
| -ms-flex-item-align: baseline; | |
| align-self: baseline; | |
| } | |
| .flex-item-align-stretch-screen-large { | |
| -ms-flex-item-align: stretch; | |
| align-self: stretch; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Flex | |
| ----------------------------------------------------------------------------- */ | |
| .flex-screen-jumbo { | |
| display: -ms-flexbox; | |
| display: flex; | |
| } | |
| .flex-screen-jumbo:before, | |
| .flex-screen-jumbo:after { | |
| display: none; | |
| } | |
| .flex-inline-screen-jumbo { | |
| display: flex-inline; | |
| } | |
| .flex-inline-screen-jumbo:before, | |
| .flex-inline-screen-jumbo:after { | |
| display: none; | |
| } | |
| .flex-direction-left-to-right-screen-jumbo { | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| } | |
| .flex-direction-right-to-left-screen-jumbo { | |
| -ms-flex-direction: row-reverse; | |
| flex-direction: row-reverse; | |
| } | |
| .flex-direction-top-to-bottom-screen-jumbo { | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| } | |
| .flex-direction-bottom-to-top-screen-jumbo { | |
| -ms-flex-direction: column-reverse; | |
| flex-direction: column-reverse; | |
| } | |
| .flex-wrap-items-screen-jumbo { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .flex-wrap-items-reverse-screen-jumbo { | |
| -ms-flex-wrap: wrap-reverse; | |
| flex-wrap: wrap-reverse; | |
| } | |
| .flex-wrap-items-none-screen-jumbo { | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| } | |
| .flex-align-items-start-screen-jumbo { | |
| -ms-flex-align: start; | |
| -ms-grid-row-align: flex-start; | |
| align-items: flex-start; | |
| } | |
| .flex-align-items-center-screen-jumbo { | |
| -ms-flex-align: center; | |
| -ms-grid-row-align: center; | |
| align-items: center; | |
| } | |
| .flex-align-items-end-screen-jumbo { | |
| -ms-flex-align: end; | |
| -ms-grid-row-align: flex-end; | |
| align-items: flex-end; | |
| } | |
| .flex-align-items-baseline-screen-jumbo { | |
| -ms-flex-align: baseline; | |
| -ms-grid-row-align: baseline; | |
| align-items: baseline; | |
| } | |
| .flex-align-items-stretch-screen-jumbo { | |
| -ms-flex-align: stretch; | |
| -ms-grid-row-align: stretch; | |
| align-items: stretch; | |
| } | |
| .flex-justify-items-start-screen-jumbo { | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| } | |
| .flex-justify-items-end-screen-jumbo { | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; | |
| } | |
| .flex-justify-items-center-screen-jumbo { | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| } | |
| .flex-justify-items-space-between-screen-jumbo { | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| .flex-justify-items-space-around-screen-jumbo { | |
| -ms-flex-pack: distribute; | |
| justify-content: space-around; | |
| } | |
| .flex-align-content-start-screen-jumbo { | |
| -ms-flex-line-pack: start; | |
| align-content: flex-start; | |
| } | |
| .flex-align-content-center-screen-jumbo { | |
| -ms-flex-line-pack: center; | |
| align-content: center; | |
| } | |
| .flex-align-content-end-screen-jumbo { | |
| -ms-flex-line-pack: end; | |
| align-content: flex-end; | |
| } | |
| .flex-align-content-stretch-screen-jumbo { | |
| -ms-flex-line-pack: stretch; | |
| align-content: stretch; | |
| } | |
| .flex-align-content-space-between-screen-jumbo { | |
| -ms-flex-line-pack: justify; | |
| align-content: space-between; | |
| } | |
| .flex-align-content-space-around-screen-jumbo { | |
| -ms-flex-line-pack: distribute; | |
| align-content: space-around; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Flex Item | |
| ----------------------------------------------------------------------------- */ | |
| .flex-item-order-100-screen-jumbo { | |
| -ms-flex-order: 100; | |
| order: 100; | |
| } | |
| .flex-item-order-99-screen-jumbo { | |
| -ms-flex-order: 99; | |
| order: 99; | |
| } | |
| .flex-item-order-98-screen-jumbo { | |
| -ms-flex-order: 98; | |
| order: 98; | |
| } | |
| .flex-item-order-97-screen-jumbo { | |
| -ms-flex-order: 97; | |
| order: 97; | |
| } | |
| .flex-item-order-96-screen-jumbo { | |
| -ms-flex-order: 96; | |
| order: 96; | |
| } | |
| .flex-item-order-95-screen-jumbo { | |
| -ms-flex-order: 95; | |
| order: 95; | |
| } | |
| .flex-item-order-94-screen-jumbo { | |
| -ms-flex-order: 94; | |
| order: 94; | |
| } | |
| .flex-item-order-93-screen-jumbo { | |
| -ms-flex-order: 93; | |
| order: 93; | |
| } | |
| .flex-item-order-92-screen-jumbo { | |
| -ms-flex-order: 92; | |
| order: 92; | |
| } | |
| .flex-item-order-91-screen-jumbo { | |
| -ms-flex-order: 91; | |
| order: 91; | |
| } | |
| .flex-item-order-90-screen-jumbo { | |
| -ms-flex-order: 90; | |
| order: 90; | |
| } | |
| .flex-item-order-89-screen-jumbo { | |
| -ms-flex-order: 89; | |
| order: 89; | |
| } | |
| .flex-item-order-88-screen-jumbo { | |
| -ms-flex-order: 88; | |
| order: 88; | |
| } | |
| .flex-item-order-87-screen-jumbo { | |
| -ms-flex-order: 87; | |
| order: 87; | |
| } | |
| .flex-item-order-86-screen-jumbo { | |
| -ms-flex-order: 86; | |
| order: 86; | |
| } | |
| .flex-item-order-85-screen-jumbo { | |
| -ms-flex-order: 85; | |
| order: 85; | |
| } | |
| .flex-item-order-84-screen-jumbo { | |
| -ms-flex-order: 84; | |
| order: 84; | |
| } | |
| .flex-item-order-83-screen-jumbo { | |
| -ms-flex-order: 83; | |
| order: 83; | |
| } | |
| .flex-item-order-82-screen-jumbo { | |
| -ms-flex-order: 82; | |
| order: 82; | |
| } | |
| .flex-item-order-81-screen-jumbo { | |
| -ms-flex-order: 81; | |
| order: 81; | |
| } | |
| .flex-item-order-80-screen-jumbo { | |
| -ms-flex-order: 80; | |
| order: 80; | |
| } | |
| .flex-item-order-79-screen-jumbo { | |
| -ms-flex-order: 79; | |
| order: 79; | |
| } | |
| .flex-item-order-78-screen-jumbo { | |
| -ms-flex-order: 78; | |
| order: 78; | |
| } | |
| .flex-item-order-77-screen-jumbo { | |
| -ms-flex-order: 77; | |
| order: 77; | |
| } | |
| .flex-item-order-76-screen-jumbo { | |
| -ms-flex-order: 76; | |
| order: 76; | |
| } | |
| .flex-item-order-75-screen-jumbo { | |
| -ms-flex-order: 75; | |
| order: 75; | |
| } | |
| .flex-item-order-74-screen-jumbo { | |
| -ms-flex-order: 74; | |
| order: 74; | |
| } | |
| .flex-item-order-73-screen-jumbo { | |
| -ms-flex-order: 73; | |
| order: 73; | |
| } | |
| .flex-item-order-72-screen-jumbo { | |
| -ms-flex-order: 72; | |
| order: 72; | |
| } | |
| .flex-item-order-71-screen-jumbo { | |
| -ms-flex-order: 71; | |
| order: 71; | |
| } | |
| .flex-item-order-70-screen-jumbo { | |
| -ms-flex-order: 70; | |
| order: 70; | |
| } | |
| .flex-item-order-69-screen-jumbo { | |
| -ms-flex-order: 69; | |
| order: 69; | |
| } | |
| .flex-item-order-68-screen-jumbo { | |
| -ms-flex-order: 68; | |
| order: 68; | |
| } | |
| .flex-item-order-67-screen-jumbo { | |
| -ms-flex-order: 67; | |
| order: 67; | |
| } | |
| .flex-item-order-66-screen-jumbo { | |
| -ms-flex-order: 66; | |
| order: 66; | |
| } | |
| .flex-item-order-65-screen-jumbo { | |
| -ms-flex-order: 65; | |
| order: 65; | |
| } | |
| .flex-item-order-64-screen-jumbo { | |
| -ms-flex-order: 64; | |
| order: 64; | |
| } | |
| .flex-item-order-63-screen-jumbo { | |
| -ms-flex-order: 63; | |
| order: 63; | |
| } | |
| .flex-item-order-62-screen-jumbo { | |
| -ms-flex-order: 62; | |
| order: 62; | |
| } | |
| .flex-item-order-61-screen-jumbo { | |
| -ms-flex-order: 61; | |
| order: 61; | |
| } | |
| .flex-item-order-60-screen-jumbo { | |
| -ms-flex-order: 60; | |
| order: 60; | |
| } | |
| .flex-item-order-59-screen-jumbo { | |
| -ms-flex-order: 59; | |
| order: 59; | |
| } | |
| .flex-item-order-58-screen-jumbo { | |
| -ms-flex-order: 58; | |
| order: 58; | |
| } | |
| .flex-item-order-57-screen-jumbo { | |
| -ms-flex-order: 57; | |
| order: 57; | |
| } | |
| .flex-item-order-56-screen-jumbo { | |
| -ms-flex-order: 56; | |
| order: 56; | |
| } | |
| .flex-item-order-55-screen-jumbo { | |
| -ms-flex-order: 55; | |
| order: 55; | |
| } | |
| .flex-item-order-54-screen-jumbo { | |
| -ms-flex-order: 54; | |
| order: 54; | |
| } | |
| .flex-item-order-53-screen-jumbo { | |
| -ms-flex-order: 53; | |
| order: 53; | |
| } | |
| .flex-item-order-52-screen-jumbo { | |
| -ms-flex-order: 52; | |
| order: 52; | |
| } | |
| .flex-item-order-51-screen-jumbo { | |
| -ms-flex-order: 51; | |
| order: 51; | |
| } | |
| .flex-item-order-50-screen-jumbo { | |
| -ms-flex-order: 50; | |
| order: 50; | |
| } | |
| .flex-item-order-49-screen-jumbo { | |
| -ms-flex-order: 49; | |
| order: 49; | |
| } | |
| .flex-item-order-48-screen-jumbo { | |
| -ms-flex-order: 48; | |
| order: 48; | |
| } | |
| .flex-item-order-47-screen-jumbo { | |
| -ms-flex-order: 47; | |
| order: 47; | |
| } | |
| .flex-item-order-46-screen-jumbo { | |
| -ms-flex-order: 46; | |
| order: 46; | |
| } | |
| .flex-item-order-45-screen-jumbo { | |
| -ms-flex-order: 45; | |
| order: 45; | |
| } | |
| .flex-item-order-44-screen-jumbo { | |
| -ms-flex-order: 44; | |
| order: 44; | |
| } | |
| .flex-item-order-43-screen-jumbo { | |
| -ms-flex-order: 43; | |
| order: 43; | |
| } | |
| .flex-item-order-42-screen-jumbo { | |
| -ms-flex-order: 42; | |
| order: 42; | |
| } | |
| .flex-item-order-41-screen-jumbo { | |
| -ms-flex-order: 41; | |
| order: 41; | |
| } | |
| .flex-item-order-40-screen-jumbo { | |
| -ms-flex-order: 40; | |
| order: 40; | |
| } | |
| .flex-item-order-39-screen-jumbo { | |
| -ms-flex-order: 39; | |
| order: 39; | |
| } | |
| .flex-item-order-38-screen-jumbo { | |
| -ms-flex-order: 38; | |
| order: 38; | |
| } | |
| .flex-item-order-37-screen-jumbo { | |
| -ms-flex-order: 37; | |
| order: 37; | |
| } | |
| .flex-item-order-36-screen-jumbo { | |
| -ms-flex-order: 36; | |
| order: 36; | |
| } | |
| .flex-item-order-35-screen-jumbo { | |
| -ms-flex-order: 35; | |
| order: 35; | |
| } | |
| .flex-item-order-34-screen-jumbo { | |
| -ms-flex-order: 34; | |
| order: 34; | |
| } | |
| .flex-item-order-33-screen-jumbo { | |
| -ms-flex-order: 33; | |
| order: 33; | |
| } | |
| .flex-item-order-32-screen-jumbo { | |
| -ms-flex-order: 32; | |
| order: 32; | |
| } | |
| .flex-item-order-31-screen-jumbo { | |
| -ms-flex-order: 31; | |
| order: 31; | |
| } | |
| .flex-item-order-30-screen-jumbo { | |
| -ms-flex-order: 30; | |
| order: 30; | |
| } | |
| .flex-item-order-29-screen-jumbo { | |
| -ms-flex-order: 29; | |
| order: 29; | |
| } | |
| .flex-item-order-28-screen-jumbo { | |
| -ms-flex-order: 28; | |
| order: 28; | |
| } | |
| .flex-item-order-27-screen-jumbo { | |
| -ms-flex-order: 27; | |
| order: 27; | |
| } | |
| .flex-item-order-26-screen-jumbo { | |
| -ms-flex-order: 26; | |
| order: 26; | |
| } | |
| .flex-item-order-25-screen-jumbo { | |
| -ms-flex-order: 25; | |
| order: 25; | |
| } | |
| .flex-item-order-24-screen-jumbo { | |
| -ms-flex-order: 24; | |
| order: 24; | |
| } | |
| .flex-item-order-23-screen-jumbo { | |
| -ms-flex-order: 23; | |
| order: 23; | |
| } | |
| .flex-item-order-22-screen-jumbo { | |
| -ms-flex-order: 22; | |
| order: 22; | |
| } | |
| .flex-item-order-21-screen-jumbo { | |
| -ms-flex-order: 21; | |
| order: 21; | |
| } | |
| .flex-item-order-20-screen-jumbo { | |
| -ms-flex-order: 20; | |
| order: 20; | |
| } | |
| .flex-item-order-19-screen-jumbo { | |
| -ms-flex-order: 19; | |
| order: 19; | |
| } | |
| .flex-item-order-18-screen-jumbo { | |
| -ms-flex-order: 18; | |
| order: 18; | |
| } | |
| .flex-item-order-17-screen-jumbo { | |
| -ms-flex-order: 17; | |
| order: 17; | |
| } | |
| .flex-item-order-16-screen-jumbo { | |
| -ms-flex-order: 16; | |
| order: 16; | |
| } | |
| .flex-item-order-15-screen-jumbo { | |
| -ms-flex-order: 15; | |
| order: 15; | |
| } | |
| .flex-item-order-14-screen-jumbo { | |
| -ms-flex-order: 14; | |
| order: 14; | |
| } | |
| .flex-item-order-13-screen-jumbo { | |
| -ms-flex-order: 13; | |
| order: 13; | |
| } | |
| .flex-item-order-12-screen-jumbo { | |
| -ms-flex-order: 12; | |
| order: 12; | |
| } | |
| .flex-item-order-11-screen-jumbo { | |
| -ms-flex-order: 11; | |
| order: 11; | |
| } | |
| .flex-item-order-10-screen-jumbo { | |
| -ms-flex-order: 10; | |
| order: 10; | |
| } | |
| .flex-item-order-9-screen-jumbo { | |
| -ms-flex-order: 9; | |
| order: 9; | |
| } | |
| .flex-item-order-8-screen-jumbo { | |
| -ms-flex-order: 8; | |
| order: 8; | |
| } | |
| .flex-item-order-7-screen-jumbo { | |
| -ms-flex-order: 7; | |
| order: 7; | |
| } | |
| .flex-item-order-6-screen-jumbo { | |
| -ms-flex-order: 6; | |
| order: 6; | |
| } | |
| .flex-item-order-5-screen-jumbo { | |
| -ms-flex-order: 5; | |
| order: 5; | |
| } | |
| .flex-item-order-4-screen-jumbo { | |
| -ms-flex-order: 4; | |
| order: 4; | |
| } | |
| .flex-item-order-3-screen-jumbo { | |
| -ms-flex-order: 3; | |
| order: 3; | |
| } | |
| .flex-item-order-2-screen-jumbo { | |
| -ms-flex-order: 2; | |
| order: 2; | |
| } | |
| .flex-item-order-1-screen-jumbo { | |
| -ms-flex-order: 1; | |
| order: 1; | |
| } | |
| .flex-item-order-0-screen-jumbo { | |
| -ms-flex-order: 0; | |
| order: 0; | |
| } | |
| .flex-item-order--1-screen-jumbo { | |
| -ms-flex-order: -1; | |
| order: -1; | |
| } | |
| .flex-item-order--2-screen-jumbo { | |
| -ms-flex-order: -2; | |
| order: -2; | |
| } | |
| .flex-item-order--3-screen-jumbo { | |
| -ms-flex-order: -3; | |
| order: -3; | |
| } | |
| .flex-item-order--4-screen-jumbo { | |
| -ms-flex-order: -4; | |
| order: -4; | |
| } | |
| .flex-item-order--5-screen-jumbo { | |
| -ms-flex-order: -5; | |
| order: -5; | |
| } | |
| .flex-item-order--6-screen-jumbo { | |
| -ms-flex-order: -6; | |
| order: -6; | |
| } | |
| .flex-item-order--7-screen-jumbo { | |
| -ms-flex-order: -7; | |
| order: -7; | |
| } | |
| .flex-item-order--8-screen-jumbo { | |
| -ms-flex-order: -8; | |
| order: -8; | |
| } | |
| .flex-item-order--9-screen-jumbo { | |
| -ms-flex-order: -9; | |
| order: -9; | |
| } | |
| .flex-item-order--10-screen-jumbo { | |
| -ms-flex-order: -10; | |
| order: -10; | |
| } | |
| .flex-item-order--11-screen-jumbo { | |
| -ms-flex-order: -11; | |
| order: -11; | |
| } | |
| .flex-item-order--12-screen-jumbo { | |
| -ms-flex-order: -12; | |
| order: -12; | |
| } | |
| .flex-item-order--13-screen-jumbo { | |
| -ms-flex-order: -13; | |
| order: -13; | |
| } | |
| .flex-item-order--14-screen-jumbo { | |
| -ms-flex-order: -14; | |
| order: -14; | |
| } | |
| .flex-item-order--15-screen-jumbo { | |
| -ms-flex-order: -15; | |
| order: -15; | |
| } | |
| .flex-item-order--16-screen-jumbo { | |
| -ms-flex-order: -16; | |
| order: -16; | |
| } | |
| .flex-item-order--17-screen-jumbo { | |
| -ms-flex-order: -17; | |
| order: -17; | |
| } | |
| .flex-item-order--18-screen-jumbo { | |
| -ms-flex-order: -18; | |
| order: -18; | |
| } | |
| .flex-item-order--19-screen-jumbo { | |
| -ms-flex-order: -19; | |
| order: -19; | |
| } | |
| .flex-item-order--20-screen-jumbo { | |
| -ms-flex-order: -20; | |
| order: -20; | |
| } | |
| .flex-item-order--21-screen-jumbo { | |
| -ms-flex-order: -21; | |
| order: -21; | |
| } | |
| .flex-item-order--22-screen-jumbo { | |
| -ms-flex-order: -22; | |
| order: -22; | |
| } | |
| .flex-item-order--23-screen-jumbo { | |
| -ms-flex-order: -23; | |
| order: -23; | |
| } | |
| .flex-item-order--24-screen-jumbo { | |
| -ms-flex-order: -24; | |
| order: -24; | |
| } | |
| .flex-item-order--25-screen-jumbo { | |
| -ms-flex-order: -25; | |
| order: -25; | |
| } | |
| .flex-item-order--26-screen-jumbo { | |
| -ms-flex-order: -26; | |
| order: -26; | |
| } | |
| .flex-item-order--27-screen-jumbo { | |
| -ms-flex-order: -27; | |
| order: -27; | |
| } | |
| .flex-item-order--28-screen-jumbo { | |
| -ms-flex-order: -28; | |
| order: -28; | |
| } | |
| .flex-item-order--29-screen-jumbo { | |
| -ms-flex-order: -29; | |
| order: -29; | |
| } | |
| .flex-item-order--30-screen-jumbo { | |
| -ms-flex-order: -30; | |
| order: -30; | |
| } | |
| .flex-item-order--31-screen-jumbo { | |
| -ms-flex-order: -31; | |
| order: -31; | |
| } | |
| .flex-item-order--32-screen-jumbo { | |
| -ms-flex-order: -32; | |
| order: -32; | |
| } | |
| .flex-item-order--33-screen-jumbo { | |
| -ms-flex-order: -33; | |
| order: -33; | |
| } | |
| .flex-item-order--34-screen-jumbo { | |
| -ms-flex-order: -34; | |
| order: -34; | |
| } | |
| .flex-item-order--35-screen-jumbo { | |
| -ms-flex-order: -35; | |
| order: -35; | |
| } | |
| .flex-item-order--36-screen-jumbo { | |
| -ms-flex-order: -36; | |
| order: -36; | |
| } | |
| .flex-item-order--37-screen-jumbo { | |
| -ms-flex-order: -37; | |
| order: -37; | |
| } | |
| .flex-item-order--38-screen-jumbo { | |
| -ms-flex-order: -38; | |
| order: -38; | |
| } | |
| .flex-item-order--39-screen-jumbo { | |
| -ms-flex-order: -39; | |
| order: -39; | |
| } | |
| .flex-item-order--40-screen-jumbo { | |
| -ms-flex-order: -40; | |
| order: -40; | |
| } | |
| .flex-item-order--41-screen-jumbo { | |
| -ms-flex-order: -41; | |
| order: -41; | |
| } | |
| .flex-item-order--42-screen-jumbo { | |
| -ms-flex-order: -42; | |
| order: -42; | |
| } | |
| .flex-item-order--43-screen-jumbo { | |
| -ms-flex-order: -43; | |
| order: -43; | |
| } | |
| .flex-item-order--44-screen-jumbo { | |
| -ms-flex-order: -44; | |
| order: -44; | |
| } | |
| .flex-item-order--45-screen-jumbo { | |
| -ms-flex-order: -45; | |
| order: -45; | |
| } | |
| .flex-item-order--46-screen-jumbo { | |
| -ms-flex-order: -46; | |
| order: -46; | |
| } | |
| .flex-item-order--47-screen-jumbo { | |
| -ms-flex-order: -47; | |
| order: -47; | |
| } | |
| .flex-item-order--48-screen-jumbo { | |
| -ms-flex-order: -48; | |
| order: -48; | |
| } | |
| .flex-item-order--49-screen-jumbo { | |
| -ms-flex-order: -49; | |
| order: -49; | |
| } | |
| .flex-item-order--50-screen-jumbo { | |
| -ms-flex-order: -50; | |
| order: -50; | |
| } | |
| .flex-item-order--51-screen-jumbo { | |
| -ms-flex-order: -51; | |
| order: -51; | |
| } | |
| .flex-item-order--52-screen-jumbo { | |
| -ms-flex-order: -52; | |
| order: -52; | |
| } | |
| .flex-item-order--53-screen-jumbo { | |
| -ms-flex-order: -53; | |
| order: -53; | |
| } | |
| .flex-item-order--54-screen-jumbo { | |
| -ms-flex-order: -54; | |
| order: -54; | |
| } | |
| .flex-item-order--55-screen-jumbo { | |
| -ms-flex-order: -55; | |
| order: -55; | |
| } | |
| .flex-item-order--56-screen-jumbo { | |
| -ms-flex-order: -56; | |
| order: -56; | |
| } | |
| .flex-item-order--57-screen-jumbo { | |
| -ms-flex-order: -57; | |
| order: -57; | |
| } | |
| .flex-item-order--58-screen-jumbo { | |
| -ms-flex-order: -58; | |
| order: -58; | |
| } | |
| .flex-item-order--59-screen-jumbo { | |
| -ms-flex-order: -59; | |
| order: -59; | |
| } | |
| .flex-item-order--60-screen-jumbo { | |
| -ms-flex-order: -60; | |
| order: -60; | |
| } | |
| .flex-item-order--61-screen-jumbo { | |
| -ms-flex-order: -61; | |
| order: -61; | |
| } | |
| .flex-item-order--62-screen-jumbo { | |
| -ms-flex-order: -62; | |
| order: -62; | |
| } | |
| .flex-item-order--63-screen-jumbo { | |
| -ms-flex-order: -63; | |
| order: -63; | |
| } | |
| .flex-item-order--64-screen-jumbo { | |
| -ms-flex-order: -64; | |
| order: -64; | |
| } | |
| .flex-item-order--65-screen-jumbo { | |
| -ms-flex-order: -65; | |
| order: -65; | |
| } | |
| .flex-item-order--66-screen-jumbo { | |
| -ms-flex-order: -66; | |
| order: -66; | |
| } | |
| .flex-item-order--67-screen-jumbo { | |
| -ms-flex-order: -67; | |
| order: -67; | |
| } | |
| .flex-item-order--68-screen-jumbo { | |
| -ms-flex-order: -68; | |
| order: -68; | |
| } | |
| .flex-item-order--69-screen-jumbo { | |
| -ms-flex-order: -69; | |
| order: -69; | |
| } | |
| .flex-item-order--70-screen-jumbo { | |
| -ms-flex-order: -70; | |
| order: -70; | |
| } | |
| .flex-item-order--71-screen-jumbo { | |
| -ms-flex-order: -71; | |
| order: -71; | |
| } | |
| .flex-item-order--72-screen-jumbo { | |
| -ms-flex-order: -72; | |
| order: -72; | |
| } | |
| .flex-item-order--73-screen-jumbo { | |
| -ms-flex-order: -73; | |
| order: -73; | |
| } | |
| .flex-item-order--74-screen-jumbo { | |
| -ms-flex-order: -74; | |
| order: -74; | |
| } | |
| .flex-item-order--75-screen-jumbo { | |
| -ms-flex-order: -75; | |
| order: -75; | |
| } | |
| .flex-item-order--76-screen-jumbo { | |
| -ms-flex-order: -76; | |
| order: -76; | |
| } | |
| .flex-item-order--77-screen-jumbo { | |
| -ms-flex-order: -77; | |
| order: -77; | |
| } | |
| .flex-item-order--78-screen-jumbo { | |
| -ms-flex-order: -78; | |
| order: -78; | |
| } | |
| .flex-item-order--79-screen-jumbo { | |
| -ms-flex-order: -79; | |
| order: -79; | |
| } | |
| .flex-item-order--80-screen-jumbo { | |
| -ms-flex-order: -80; | |
| order: -80; | |
| } | |
| .flex-item-order--81-screen-jumbo { | |
| -ms-flex-order: -81; | |
| order: -81; | |
| } | |
| .flex-item-order--82-screen-jumbo { | |
| -ms-flex-order: -82; | |
| order: -82; | |
| } | |
| .flex-item-order--83-screen-jumbo { | |
| -ms-flex-order: -83; | |
| order: -83; | |
| } | |
| .flex-item-order--84-screen-jumbo { | |
| -ms-flex-order: -84; | |
| order: -84; | |
| } | |
| .flex-item-order--85-screen-jumbo { | |
| -ms-flex-order: -85; | |
| order: -85; | |
| } | |
| .flex-item-order--86-screen-jumbo { | |
| -ms-flex-order: -86; | |
| order: -86; | |
| } | |
| .flex-item-order--87-screen-jumbo { | |
| -ms-flex-order: -87; | |
| order: -87; | |
| } | |
| .flex-item-order--88-screen-jumbo { | |
| -ms-flex-order: -88; | |
| order: -88; | |
| } | |
| .flex-item-order--89-screen-jumbo { | |
| -ms-flex-order: -89; | |
| order: -89; | |
| } | |
| .flex-item-order--90-screen-jumbo { | |
| -ms-flex-order: -90; | |
| order: -90; | |
| } | |
| .flex-item-order--91-screen-jumbo { | |
| -ms-flex-order: -91; | |
| order: -91; | |
| } | |
| .flex-item-order--92-screen-jumbo { | |
| -ms-flex-order: -92; | |
| order: -92; | |
| } | |
| .flex-item-order--93-screen-jumbo { | |
| -ms-flex-order: -93; | |
| order: -93; | |
| } | |
| .flex-item-order--94-screen-jumbo { | |
| -ms-flex-order: -94; | |
| order: -94; | |
| } | |
| .flex-item-order--95-screen-jumbo { | |
| -ms-flex-order: -95; | |
| order: -95; | |
| } | |
| .flex-item-order--96-screen-jumbo { | |
| -ms-flex-order: -96; | |
| order: -96; | |
| } | |
| .flex-item-order--97-screen-jumbo { | |
| -ms-flex-order: -97; | |
| order: -97; | |
| } | |
| .flex-item-order--98-screen-jumbo { | |
| -ms-flex-order: -98; | |
| order: -98; | |
| } | |
| .flex-item-order--99-screen-jumbo { | |
| -ms-flex-order: -99; | |
| order: -99; | |
| } | |
| .flex-item-order--100-screen-jumbo { | |
| -ms-flex-order: -100; | |
| order: -100; | |
| } | |
| .flex-item-grow-10-screen-jumbo { | |
| -ms-flex-positive: 10; | |
| flex-grow: 10; | |
| } | |
| .flex-item-grow-9-screen-jumbo { | |
| -ms-flex-positive: 9; | |
| flex-grow: 9; | |
| } | |
| .flex-item-grow-8-screen-jumbo { | |
| -ms-flex-positive: 8; | |
| flex-grow: 8; | |
| } | |
| .flex-item-grow-7-screen-jumbo { | |
| -ms-flex-positive: 7; | |
| flex-grow: 7; | |
| } | |
| .flex-item-grow-6-screen-jumbo { | |
| -ms-flex-positive: 6; | |
| flex-grow: 6; | |
| } | |
| .flex-item-grow-5-screen-jumbo { | |
| -ms-flex-positive: 5; | |
| flex-grow: 5; | |
| } | |
| .flex-item-grow-4-screen-jumbo { | |
| -ms-flex-positive: 4; | |
| flex-grow: 4; | |
| } | |
| .flex-item-grow-3-screen-jumbo { | |
| -ms-flex-positive: 3; | |
| flex-grow: 3; | |
| } | |
| .flex-item-grow-2-screen-jumbo { | |
| -ms-flex-positive: 2; | |
| flex-grow: 2; | |
| } | |
| .flex-item-grow-1-screen-jumbo { | |
| -ms-flex-positive: 1; | |
| flex-grow: 1; | |
| } | |
| .flex-item-grow-0-screen-jumbo { | |
| -ms-flex-positive: 0; | |
| flex-grow: 0; | |
| } | |
| .flex-item-shrink-10-screen-jumbo { | |
| -ms-flex-negative: 10; | |
| flex-shrink: 10; | |
| } | |
| .flex-item-shrink-9-screen-jumbo { | |
| -ms-flex-negative: 9; | |
| flex-shrink: 9; | |
| } | |
| .flex-item-shrink-8-screen-jumbo { | |
| -ms-flex-negative: 8; | |
| flex-shrink: 8; | |
| } | |
| .flex-item-shrink-7-screen-jumbo { | |
| -ms-flex-negative: 7; | |
| flex-shrink: 7; | |
| } | |
| .flex-item-shrink-6-screen-jumbo { | |
| -ms-flex-negative: 6; | |
| flex-shrink: 6; | |
| } | |
| .flex-item-shrink-5-screen-jumbo { | |
| -ms-flex-negative: 5; | |
| flex-shrink: 5; | |
| } | |
| .flex-item-shrink-4-screen-jumbo { | |
| -ms-flex-negative: 4; | |
| flex-shrink: 4; | |
| } | |
| .flex-item-shrink-3-screen-jumbo { | |
| -ms-flex-negative: 3; | |
| flex-shrink: 3; | |
| } | |
| .flex-item-shrink-2-screen-jumbo { | |
| -ms-flex-negative: 2; | |
| flex-shrink: 2; | |
| } | |
| .flex-item-shrink-1-screen-jumbo { | |
| -ms-flex-negative: 1; | |
| flex-shrink: 1; | |
| } | |
| .flex-item-shrink-0-screen-jumbo { | |
| -ms-flex-negative: 0; | |
| flex-shrink: 0; | |
| } | |
| .flex-item-basis-auto-screen-jumbo { | |
| -ms-flex-preferred-size: auto; | |
| flex-basis: auto; | |
| } | |
| .flex-item-basis-content-screen-jumbo { | |
| -ms-flex-preferred-size: content; | |
| flex-basis: content; | |
| } | |
| .flex-item-basis-none-screen-jumbo { | |
| -ms-flex-preferred-size: 0; | |
| flex-basis: 0; | |
| } | |
| .flex-item-align-auto-screen-jumbo { | |
| -ms-flex-item-align: auto; | |
| align-self: auto; | |
| } | |
| .flex-item-align-start-screen-jumbo { | |
| -ms-flex-item-align: start; | |
| align-self: flex-start; | |
| } | |
| .flex-item-align-center-screen-jumbo { | |
| -ms-flex-item-align: center; | |
| align-self: center; | |
| } | |
| .flex-item-align-end-screen-jumbo { | |
| -ms-flex-item-align: end; | |
| align-self: flex-end; | |
| } | |
| .flex-item-align-baseline-screen-jumbo { | |
| -ms-flex-item-align: baseline; | |
| align-self: baseline; | |
| } | |
| .flex-item-align-stretch-screen-jumbo { | |
| -ms-flex-item-align: stretch; | |
| align-self: stretch; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Pod | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| pod/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| pod/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Pod | |
| ----------------------------------------------------------------------------- */ | |
| .pod { | |
| margin-top: 24px; | |
| margin-bottom: 24px; | |
| margin-left: 24px; | |
| margin-right: 24px; | |
| /* ----------------------------------------------------------------------------- | |
| Pod Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .pod-shorter { | |
| margin-top: 6px; | |
| margin-bottom: 6px; | |
| } | |
| .pod-shorter-top, | |
| .pod-shorter-top { | |
| margin-top: 6px; | |
| } | |
| .pod-shorter-bottom, | |
| .pod-shorter-bottom { | |
| margin-bottom: 6px; | |
| } | |
| .pod-short { | |
| margin-top: 12px; | |
| margin-bottom: 12px; | |
| } | |
| .pod-short-top, | |
| .pod-short-top { | |
| margin-top: 12px; | |
| } | |
| .pod-short-bottom, | |
| .pod-short-bottom { | |
| margin-bottom: 12px; | |
| } | |
| .pod-tall { | |
| margin-top: 36px; | |
| margin-bottom: 36px; | |
| } | |
| .pod-tall-top, | |
| .pod-tall-top { | |
| margin-top: 36px; | |
| } | |
| .pod-tall-bottom, | |
| .pod-tall-bottom { | |
| margin-bottom: 36px; | |
| } | |
| .pod-taller { | |
| margin-top: 48px; | |
| margin-bottom: 48px; | |
| } | |
| .pod-taller-top, | |
| .pod-taller-top { | |
| margin-top: 48px; | |
| } | |
| .pod-taller-bottom, | |
| .pod-taller-bottom { | |
| margin-bottom: 48px; | |
| } | |
| .pod-narrower { | |
| margin-left: 6px; | |
| margin-right: 6px; | |
| } | |
| .pod-narrower-left, | |
| .pod-narrower-left { | |
| margin-left: 6px; | |
| } | |
| .pod-narrower-right, | |
| .pod-narrower-right { | |
| margin-right: 6px; | |
| } | |
| .pod-narrow { | |
| margin-left: 12px; | |
| margin-right: 12px; | |
| } | |
| .pod-narrow-left, | |
| .pod-narrow-left { | |
| margin-left: 12px; | |
| } | |
| .pod-narrow-right, | |
| .pod-narrow-right { | |
| margin-right: 12px; | |
| } | |
| .pod-wide { | |
| margin-left: 36px; | |
| margin-right: 36px; | |
| } | |
| .pod-wide-left, | |
| .pod-wide-left { | |
| margin-left: 36px; | |
| } | |
| .pod-wide-right, | |
| .pod-wide-right { | |
| margin-right: 36px; | |
| } | |
| .pod-wider { | |
| margin-left: 48px; | |
| margin-right: 48px; | |
| } | |
| .pod-wider-left, | |
| .pod-wider-left { | |
| margin-left: 48px; | |
| } | |
| .pod-wider-right, | |
| .pod-wider-right { | |
| margin-right: 48px; | |
| } | |
| [class^="pod"].flush, | |
| [class*=" pod"].flush { | |
| padding-top: 0px; | |
| padding-bottom: 0px; | |
| } | |
| [class^="pod"].flush-top, | |
| [class*=" pod"].flush-top { | |
| padding-top: 0px; | |
| } | |
| [class^="pod"].flush-bottom, | |
| [class*=" pod"].flush-bottom { | |
| padding-bottom: 0px; | |
| } | |
| [class^="pod"].flush-left, | |
| [class*=" pod"].flush-left { | |
| padding-left: 0px; | |
| } | |
| [class^="pod"].flush-right, | |
| [class*=" pod"].flush-right { | |
| padding-right: 0px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and widespacing-layout-variantr | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Pod | |
| ----------------------------------------------------------------------------- */ | |
| .pod { | |
| margin-top: 24px; | |
| margin-bottom: 24px; | |
| margin-left: 24px; | |
| margin-right: 24px; | |
| /* ----------------------------------------------------------------------------- | |
| Pod Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .pod-shorter { | |
| margin-top: 6px; | |
| margin-bottom: 6px; | |
| } | |
| .pod-shorter-top, | |
| .pod-shorter-top-screen-small { | |
| margin-top: 6px; | |
| } | |
| .pod-shorter-bottom, | |
| .pod-shorter-bottom-screen-small { | |
| margin-bottom: 6px; | |
| } | |
| .pod-short { | |
| margin-top: 12px; | |
| margin-bottom: 12px; | |
| } | |
| .pod-short-top, | |
| .pod-short-top-screen-small { | |
| margin-top: 12px; | |
| } | |
| .pod-short-bottom, | |
| .pod-short-bottom-screen-small { | |
| margin-bottom: 12px; | |
| } | |
| .pod-tall { | |
| margin-top: 36px; | |
| margin-bottom: 36px; | |
| } | |
| .pod-tall-top, | |
| .pod-tall-top-screen-small { | |
| margin-top: 36px; | |
| } | |
| .pod-tall-bottom, | |
| .pod-tall-bottom-screen-small { | |
| margin-bottom: 36px; | |
| } | |
| .pod-taller { | |
| margin-top: 48px; | |
| margin-bottom: 48px; | |
| } | |
| .pod-taller-top, | |
| .pod-taller-top-screen-small { | |
| margin-top: 48px; | |
| } | |
| .pod-taller-bottom, | |
| .pod-taller-bottom-screen-small { | |
| margin-bottom: 48px; | |
| } | |
| .pod-narrower { | |
| margin-left: 6px; | |
| margin-right: 6px; | |
| } | |
| .pod-narrower-left, | |
| .pod-narrower-left-screen-small { | |
| margin-left: 6px; | |
| } | |
| .pod-narrower-right, | |
| .pod-narrower-right-screen-small { | |
| margin-right: 6px; | |
| } | |
| .pod-narrow { | |
| margin-left: 12px; | |
| margin-right: 12px; | |
| } | |
| .pod-narrow-left, | |
| .pod-narrow-left-screen-small { | |
| margin-left: 12px; | |
| } | |
| .pod-narrow-right, | |
| .pod-narrow-right-screen-small { | |
| margin-right: 12px; | |
| } | |
| .pod-wide { | |
| margin-left: 36px; | |
| margin-right: 36px; | |
| } | |
| .pod-wide-left, | |
| .pod-wide-left-screen-small { | |
| margin-left: 36px; | |
| } | |
| .pod-wide-right, | |
| .pod-wide-right-screen-small { | |
| margin-right: 36px; | |
| } | |
| .pod-wider { | |
| margin-left: 48px; | |
| margin-right: 48px; | |
| } | |
| .pod-wider-left, | |
| .pod-wider-left-screen-small { | |
| margin-left: 48px; | |
| } | |
| .pod-wider-right, | |
| .pod-wider-right-screen-small { | |
| margin-right: 48px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Pod | |
| ----------------------------------------------------------------------------- */ | |
| .pod { | |
| margin-top: 32px; | |
| margin-bottom: 32px; | |
| margin-left: 32px; | |
| margin-right: 32px; | |
| /* ----------------------------------------------------------------------------- | |
| Pod Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .pod-shorter { | |
| margin-top: 8px; | |
| margin-bottom: 8px; | |
| } | |
| .pod-shorter-top, | |
| .pod-shorter-top-screen-medium { | |
| margin-top: 8px; | |
| } | |
| .pod-shorter-bottom, | |
| .pod-shorter-bottom-screen-medium { | |
| margin-bottom: 8px; | |
| } | |
| .pod-short { | |
| margin-top: 16px; | |
| margin-bottom: 16px; | |
| } | |
| .pod-short-top, | |
| .pod-short-top-screen-medium { | |
| margin-top: 16px; | |
| } | |
| .pod-short-bottom, | |
| .pod-short-bottom-screen-medium { | |
| margin-bottom: 16px; | |
| } | |
| .pod-tall { | |
| margin-top: 48px; | |
| margin-bottom: 48px; | |
| } | |
| .pod-tall-top, | |
| .pod-tall-top-screen-medium { | |
| margin-top: 48px; | |
| } | |
| .pod-tall-bottom, | |
| .pod-tall-bottom-screen-medium { | |
| margin-bottom: 48px; | |
| } | |
| .pod-taller { | |
| margin-top: 64px; | |
| margin-bottom: 64px; | |
| } | |
| .pod-taller-top, | |
| .pod-taller-top-screen-medium { | |
| margin-top: 64px; | |
| } | |
| .pod-taller-bottom, | |
| .pod-taller-bottom-screen-medium { | |
| margin-bottom: 64px; | |
| } | |
| .pod-narrower { | |
| margin-left: 8px; | |
| margin-right: 8px; | |
| } | |
| .pod-narrower-left, | |
| .pod-narrower-left-screen-medium { | |
| margin-left: 8px; | |
| } | |
| .pod-narrower-right, | |
| .pod-narrower-right-screen-medium { | |
| margin-right: 8px; | |
| } | |
| .pod-narrow { | |
| margin-left: 16px; | |
| margin-right: 16px; | |
| } | |
| .pod-narrow-left, | |
| .pod-narrow-left-screen-medium { | |
| margin-left: 16px; | |
| } | |
| .pod-narrow-right, | |
| .pod-narrow-right-screen-medium { | |
| margin-right: 16px; | |
| } | |
| .pod-wide { | |
| margin-left: 48px; | |
| margin-right: 48px; | |
| } | |
| .pod-wide-left, | |
| .pod-wide-left-screen-medium { | |
| margin-left: 48px; | |
| } | |
| .pod-wide-right, | |
| .pod-wide-right-screen-medium { | |
| margin-right: 48px; | |
| } | |
| .pod-wider { | |
| margin-left: 64px; | |
| margin-right: 64px; | |
| } | |
| .pod-wider-left, | |
| .pod-wider-left-screen-medium { | |
| margin-left: 64px; | |
| } | |
| .pod-wider-right, | |
| .pod-wider-right-screen-medium { | |
| margin-right: 64px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Pod | |
| ----------------------------------------------------------------------------- */ | |
| .pod { | |
| margin-top: 36px; | |
| margin-bottom: 36px; | |
| margin-left: 36px; | |
| margin-right: 36px; | |
| /* ----------------------------------------------------------------------------- | |
| Pod Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .pod-shorter { | |
| margin-top: 9px; | |
| margin-bottom: 9px; | |
| } | |
| .pod-shorter-top, | |
| .pod-shorter-top-screen-large { | |
| margin-top: 9px; | |
| } | |
| .pod-shorter-bottom, | |
| .pod-shorter-bottom-screen-large { | |
| margin-bottom: 9px; | |
| } | |
| .pod-short { | |
| margin-top: 18px; | |
| margin-bottom: 18px; | |
| } | |
| .pod-short-top, | |
| .pod-short-top-screen-large { | |
| margin-top: 18px; | |
| } | |
| .pod-short-bottom, | |
| .pod-short-bottom-screen-large { | |
| margin-bottom: 18px; | |
| } | |
| .pod-tall { | |
| margin-top: 54px; | |
| margin-bottom: 54px; | |
| } | |
| .pod-tall-top, | |
| .pod-tall-top-screen-large { | |
| margin-top: 54px; | |
| } | |
| .pod-tall-bottom, | |
| .pod-tall-bottom-screen-large { | |
| margin-bottom: 54px; | |
| } | |
| .pod-taller { | |
| margin-top: 72px; | |
| margin-bottom: 72px; | |
| } | |
| .pod-taller-top, | |
| .pod-taller-top-screen-large { | |
| margin-top: 72px; | |
| } | |
| .pod-taller-bottom, | |
| .pod-taller-bottom-screen-large { | |
| margin-bottom: 72px; | |
| } | |
| .pod-narrower { | |
| margin-left: 9px; | |
| margin-right: 9px; | |
| } | |
| .pod-narrower-left, | |
| .pod-narrower-left-screen-large { | |
| margin-left: 9px; | |
| } | |
| .pod-narrower-right, | |
| .pod-narrower-right-screen-large { | |
| margin-right: 9px; | |
| } | |
| .pod-narrow { | |
| margin-left: 18px; | |
| margin-right: 18px; | |
| } | |
| .pod-narrow-left, | |
| .pod-narrow-left-screen-large { | |
| margin-left: 18px; | |
| } | |
| .pod-narrow-right, | |
| .pod-narrow-right-screen-large { | |
| margin-right: 18px; | |
| } | |
| .pod-wide { | |
| margin-left: 54px; | |
| margin-right: 54px; | |
| } | |
| .pod-wide-left, | |
| .pod-wide-left-screen-large { | |
| margin-left: 54px; | |
| } | |
| .pod-wide-right, | |
| .pod-wide-right-screen-large { | |
| margin-right: 54px; | |
| } | |
| .pod-wider { | |
| margin-left: 72px; | |
| margin-right: 72px; | |
| } | |
| .pod-wider-left, | |
| .pod-wider-left-screen-large { | |
| margin-left: 72px; | |
| } | |
| .pod-wider-right, | |
| .pod-wider-right-screen-large { | |
| margin-right: 72px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Pod | |
| ----------------------------------------------------------------------------- */ | |
| .pod { | |
| margin-top: 48px; | |
| margin-bottom: 48px; | |
| margin-left: 48px; | |
| margin-right: 48px; | |
| /* ----------------------------------------------------------------------------- | |
| Pod Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .pod-shorter { | |
| margin-top: 12px; | |
| margin-bottom: 12px; | |
| } | |
| .pod-shorter-top, | |
| .pod-shorter-top-screen-jumbo { | |
| margin-top: 12px; | |
| } | |
| .pod-shorter-bottom, | |
| .pod-shorter-bottom-screen-jumbo { | |
| margin-bottom: 12px; | |
| } | |
| .pod-short { | |
| margin-top: 24px; | |
| margin-bottom: 24px; | |
| } | |
| .pod-short-top, | |
| .pod-short-top-screen-jumbo { | |
| margin-top: 24px; | |
| } | |
| .pod-short-bottom, | |
| .pod-short-bottom-screen-jumbo { | |
| margin-bottom: 24px; | |
| } | |
| .pod-tall { | |
| margin-top: 72px; | |
| margin-bottom: 72px; | |
| } | |
| .pod-tall-top, | |
| .pod-tall-top-screen-jumbo { | |
| margin-top: 72px; | |
| } | |
| .pod-tall-bottom, | |
| .pod-tall-bottom-screen-jumbo { | |
| margin-bottom: 72px; | |
| } | |
| .pod-taller { | |
| margin-top: 96px; | |
| margin-bottom: 96px; | |
| } | |
| .pod-taller-top, | |
| .pod-taller-top-screen-jumbo { | |
| margin-top: 96px; | |
| } | |
| .pod-taller-bottom, | |
| .pod-taller-bottom-screen-jumbo { | |
| margin-bottom: 96px; | |
| } | |
| .pod-narrower { | |
| margin-left: 12px; | |
| margin-right: 12px; | |
| } | |
| .pod-narrower-left, | |
| .pod-narrower-left-screen-jumbo { | |
| margin-left: 12px; | |
| } | |
| .pod-narrower-right, | |
| .pod-narrower-right-screen-jumbo { | |
| margin-right: 12px; | |
| } | |
| .pod-narrow { | |
| margin-left: 24px; | |
| margin-right: 24px; | |
| } | |
| .pod-narrow-left, | |
| .pod-narrow-left-screen-jumbo { | |
| margin-left: 24px; | |
| } | |
| .pod-narrow-right, | |
| .pod-narrow-right-screen-jumbo { | |
| margin-right: 24px; | |
| } | |
| .pod-wide { | |
| margin-left: 72px; | |
| margin-right: 72px; | |
| } | |
| .pod-wide-left, | |
| .pod-wide-left-screen-jumbo { | |
| margin-left: 72px; | |
| } | |
| .pod-wide-right, | |
| .pod-wide-right-screen-jumbo { | |
| margin-right: 72px; | |
| } | |
| .pod-wider { | |
| margin-left: 96px; | |
| margin-right: 96px; | |
| } | |
| .pod-wider-left, | |
| .pod-wider-left-screen-jumbo { | |
| margin-left: 96px; | |
| } | |
| .pod-wider-right, | |
| .pod-wider-right-screen-jumbo { | |
| margin-right: 96px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Divider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| divider/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| divider/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Divider | |
| ----------------------------------------------------------------------------- */ | |
| hr, | |
| .divider { | |
| display: block; | |
| background-color: #e0e1e4; | |
| border-width: 0px; | |
| margin-top: 12px; | |
| margin-bottom: 12px; | |
| height: 1px; | |
| border-radius: 100px; | |
| /* ----------------------------------------------------------------------------- | |
| Divider Inverse (.divider-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Divider Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| hr.divider-inverse, | |
| .divider.divider-inverse { | |
| background-color: #474e60; | |
| } | |
| hr-shorter, | |
| .divider-shorter { | |
| margin-top: 3px; | |
| margin-bottom: 3px; | |
| } | |
| hr-shorter-top, | |
| .divider-shorter-top, | |
| hr-shorter-top, | |
| .divider-shorter-top { | |
| margin-top: 3px; | |
| } | |
| hr-shorter-bottom, | |
| .divider-shorter-bottom, | |
| hr-shorter-bottom, | |
| .divider-shorter-bottom { | |
| margin-bottom: 3px; | |
| } | |
| hr-short, | |
| .divider-short { | |
| margin-top: 6px; | |
| margin-bottom: 6px; | |
| } | |
| hr-short-top, | |
| .divider-short-top, | |
| hr-short-top, | |
| .divider-short-top { | |
| margin-top: 6px; | |
| } | |
| hr-short-bottom, | |
| .divider-short-bottom, | |
| hr-short-bottom, | |
| .divider-short-bottom { | |
| margin-bottom: 6px; | |
| } | |
| hr-tall, | |
| .divider-tall { | |
| margin-top: 18px; | |
| margin-bottom: 18px; | |
| } | |
| hr-tall-top, | |
| .divider-tall-top, | |
| hr-tall-top, | |
| .divider-tall-top { | |
| margin-top: 18px; | |
| } | |
| hr-tall-bottom, | |
| .divider-tall-bottom, | |
| hr-tall-bottom, | |
| .divider-tall-bottom { | |
| margin-bottom: 18px; | |
| } | |
| hr-taller, | |
| .divider-taller { | |
| margin-top: 24px; | |
| margin-bottom: 24px; | |
| } | |
| hr-taller-top, | |
| .divider-taller-top, | |
| hr-taller-top, | |
| .divider-taller-top { | |
| margin-top: 24px; | |
| } | |
| hr-taller-bottom, | |
| .divider-taller-bottom, | |
| hr-taller-bottom, | |
| .divider-taller-bottom { | |
| margin-bottom: 24px; | |
| } | |
| hr.flush, | |
| [class^="divider"].flush, | |
| [class*=" divider"].flush { | |
| padding-top: 0px; | |
| padding-bottom: 0px; | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| hr.flush-vertical, | |
| [class^="divider"].flush-vertical, | |
| [class*=" divider"].flush-vertical { | |
| padding-top: 0px; | |
| padding-bottom: 0px; | |
| } | |
| hr.flush-horizontal, | |
| [class^="divider"].flush-horizontal, | |
| [class*=" divider"].flush-horizontal { | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| hr.flush-top, | |
| [class^="divider"].flush-top, | |
| [class*=" divider"].flush-top { | |
| padding-top: 0px; | |
| } | |
| hr.flush-bottom, | |
| [class^="divider"].flush-bottom, | |
| [class*=" divider"].flush-bottom { | |
| padding-bottom: 0px; | |
| } | |
| hr.flush-left, | |
| [class^="divider"].flush-left, | |
| [class*=" divider"].flush-left { | |
| padding-left: 0px; | |
| } | |
| hr.flush-right, | |
| [class^="divider"].flush-right, | |
| [class*=" divider"].flush-right { | |
| padding-right: 0px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Divider | |
| ----------------------------------------------------------------------------- */ | |
| hr, | |
| .divider { | |
| margin-top: 24px; | |
| margin-bottom: 24px; | |
| /* ----------------------------------------------------------------------------- | |
| Divider Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| hr-shorter, | |
| .divider-shorter { | |
| margin-top: 6px; | |
| margin-bottom: 6px; | |
| } | |
| hr-shorter-top, | |
| .divider-shorter-top, | |
| hr-shorter-top-screen-small, | |
| .divider-shorter-top-screen-small { | |
| margin-top: 6px; | |
| } | |
| hr-shorter-bottom, | |
| .divider-shorter-bottom, | |
| hr-shorter-bottom-screen-small, | |
| .divider-shorter-bottom-screen-small { | |
| margin-bottom: 6px; | |
| } | |
| hr-short, | |
| .divider-short { | |
| margin-top: 12px; | |
| margin-bottom: 12px; | |
| } | |
| hr-short-top, | |
| .divider-short-top, | |
| hr-short-top-screen-small, | |
| .divider-short-top-screen-small { | |
| margin-top: 12px; | |
| } | |
| hr-short-bottom, | |
| .divider-short-bottom, | |
| hr-short-bottom-screen-small, | |
| .divider-short-bottom-screen-small { | |
| margin-bottom: 12px; | |
| } | |
| hr-tall, | |
| .divider-tall { | |
| margin-top: 36px; | |
| margin-bottom: 36px; | |
| } | |
| hr-tall-top, | |
| .divider-tall-top, | |
| hr-tall-top-screen-small, | |
| .divider-tall-top-screen-small { | |
| margin-top: 36px; | |
| } | |
| hr-tall-bottom, | |
| .divider-tall-bottom, | |
| hr-tall-bottom-screen-small, | |
| .divider-tall-bottom-screen-small { | |
| margin-bottom: 36px; | |
| } | |
| hr-taller, | |
| .divider-taller { | |
| margin-top: 48px; | |
| margin-bottom: 48px; | |
| } | |
| hr-taller-top, | |
| .divider-taller-top, | |
| hr-taller-top-screen-small, | |
| .divider-taller-top-screen-small { | |
| margin-top: 48px; | |
| } | |
| hr-taller-bottom, | |
| .divider-taller-bottom, | |
| hr-taller-bottom-screen-small, | |
| .divider-taller-bottom-screen-small { | |
| margin-bottom: 48px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Divider | |
| ----------------------------------------------------------------------------- */ | |
| hr, | |
| .divider { | |
| margin-top: 32px; | |
| margin-bottom: 32px; | |
| /* ----------------------------------------------------------------------------- | |
| Divider Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| hr-shorter, | |
| .divider-shorter { | |
| margin-top: 8px; | |
| margin-bottom: 8px; | |
| } | |
| hr-shorter-top, | |
| .divider-shorter-top, | |
| hr-shorter-top-screen-medium, | |
| .divider-shorter-top-screen-medium { | |
| margin-top: 8px; | |
| } | |
| hr-shorter-bottom, | |
| .divider-shorter-bottom, | |
| hr-shorter-bottom-screen-medium, | |
| .divider-shorter-bottom-screen-medium { | |
| margin-bottom: 8px; | |
| } | |
| hr-short, | |
| .divider-short { | |
| margin-top: 16px; | |
| margin-bottom: 16px; | |
| } | |
| hr-short-top, | |
| .divider-short-top, | |
| hr-short-top-screen-medium, | |
| .divider-short-top-screen-medium { | |
| margin-top: 16px; | |
| } | |
| hr-short-bottom, | |
| .divider-short-bottom, | |
| hr-short-bottom-screen-medium, | |
| .divider-short-bottom-screen-medium { | |
| margin-bottom: 16px; | |
| } | |
| hr-tall, | |
| .divider-tall { | |
| margin-top: 48px; | |
| margin-bottom: 48px; | |
| } | |
| hr-tall-top, | |
| .divider-tall-top, | |
| hr-tall-top-screen-medium, | |
| .divider-tall-top-screen-medium { | |
| margin-top: 48px; | |
| } | |
| hr-tall-bottom, | |
| .divider-tall-bottom, | |
| hr-tall-bottom-screen-medium, | |
| .divider-tall-bottom-screen-medium { | |
| margin-bottom: 48px; | |
| } | |
| hr-taller, | |
| .divider-taller { | |
| margin-top: 64px; | |
| margin-bottom: 64px; | |
| } | |
| hr-taller-top, | |
| .divider-taller-top, | |
| hr-taller-top-screen-medium, | |
| .divider-taller-top-screen-medium { | |
| margin-top: 64px; | |
| } | |
| hr-taller-bottom, | |
| .divider-taller-bottom, | |
| hr-taller-bottom-screen-medium, | |
| .divider-taller-bottom-screen-medium { | |
| margin-bottom: 64px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Divider | |
| ----------------------------------------------------------------------------- */ | |
| hr, | |
| .divider { | |
| margin-top: 36px; | |
| margin-bottom: 36px; | |
| /* ----------------------------------------------------------------------------- | |
| Divider Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| hr-shorter, | |
| .divider-shorter { | |
| margin-top: 9px; | |
| margin-bottom: 9px; | |
| } | |
| hr-shorter-top, | |
| .divider-shorter-top, | |
| hr-shorter-top-screen-large, | |
| .divider-shorter-top-screen-large { | |
| margin-top: 9px; | |
| } | |
| hr-shorter-bottom, | |
| .divider-shorter-bottom, | |
| hr-shorter-bottom-screen-large, | |
| .divider-shorter-bottom-screen-large { | |
| margin-bottom: 9px; | |
| } | |
| hr-short, | |
| .divider-short { | |
| margin-top: 18px; | |
| margin-bottom: 18px; | |
| } | |
| hr-short-top, | |
| .divider-short-top, | |
| hr-short-top-screen-large, | |
| .divider-short-top-screen-large { | |
| margin-top: 18px; | |
| } | |
| hr-short-bottom, | |
| .divider-short-bottom, | |
| hr-short-bottom-screen-large, | |
| .divider-short-bottom-screen-large { | |
| margin-bottom: 18px; | |
| } | |
| hr-tall, | |
| .divider-tall { | |
| margin-top: 54px; | |
| margin-bottom: 54px; | |
| } | |
| hr-tall-top, | |
| .divider-tall-top, | |
| hr-tall-top-screen-large, | |
| .divider-tall-top-screen-large { | |
| margin-top: 54px; | |
| } | |
| hr-tall-bottom, | |
| .divider-tall-bottom, | |
| hr-tall-bottom-screen-large, | |
| .divider-tall-bottom-screen-large { | |
| margin-bottom: 54px; | |
| } | |
| hr-taller, | |
| .divider-taller { | |
| margin-top: 72px; | |
| margin-bottom: 72px; | |
| } | |
| hr-taller-top, | |
| .divider-taller-top, | |
| hr-taller-top-screen-large, | |
| .divider-taller-top-screen-large { | |
| margin-top: 72px; | |
| } | |
| hr-taller-bottom, | |
| .divider-taller-bottom, | |
| hr-taller-bottom-screen-large, | |
| .divider-taller-bottom-screen-large { | |
| margin-bottom: 72px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Divider | |
| ----------------------------------------------------------------------------- */ | |
| hr, | |
| .divider { | |
| margin-top: 48px; | |
| margin-bottom: 48px; | |
| /* ----------------------------------------------------------------------------- | |
| Divider Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| hr-shorter, | |
| .divider-shorter { | |
| margin-top: 12px; | |
| margin-bottom: 12px; | |
| } | |
| hr-shorter-top, | |
| .divider-shorter-top, | |
| hr-shorter-top-screen-jumbo, | |
| .divider-shorter-top-screen-jumbo { | |
| margin-top: 12px; | |
| } | |
| hr-shorter-bottom, | |
| .divider-shorter-bottom, | |
| hr-shorter-bottom-screen-jumbo, | |
| .divider-shorter-bottom-screen-jumbo { | |
| margin-bottom: 12px; | |
| } | |
| hr-short, | |
| .divider-short { | |
| margin-top: 24px; | |
| margin-bottom: 24px; | |
| } | |
| hr-short-top, | |
| .divider-short-top, | |
| hr-short-top-screen-jumbo, | |
| .divider-short-top-screen-jumbo { | |
| margin-top: 24px; | |
| } | |
| hr-short-bottom, | |
| .divider-short-bottom, | |
| hr-short-bottom-screen-jumbo, | |
| .divider-short-bottom-screen-jumbo { | |
| margin-bottom: 24px; | |
| } | |
| hr-tall, | |
| .divider-tall { | |
| margin-top: 72px; | |
| margin-bottom: 72px; | |
| } | |
| hr-tall-top, | |
| .divider-tall-top, | |
| hr-tall-top-screen-jumbo, | |
| .divider-tall-top-screen-jumbo { | |
| margin-top: 72px; | |
| } | |
| hr-tall-bottom, | |
| .divider-tall-bottom, | |
| hr-tall-bottom-screen-jumbo, | |
| .divider-tall-bottom-screen-jumbo { | |
| margin-bottom: 72px; | |
| } | |
| hr-taller, | |
| .divider-taller { | |
| margin-top: 96px; | |
| margin-bottom: 96px; | |
| } | |
| hr-taller-top, | |
| .divider-taller-top, | |
| hr-taller-top-screen-jumbo, | |
| .divider-taller-top-screen-jumbo { | |
| margin-top: 96px; | |
| } | |
| hr-taller-bottom, | |
| .divider-taller-bottom, | |
| hr-taller-bottom-screen-jumbo, | |
| .divider-taller-bottom-screen-jumbo { | |
| margin-bottom: 96px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Responsive | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| responsive-utilities/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| responsive-utilities/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Visiblity Utilities | |
| ----------------------------------------------------------------------------- */ | |
| .invisible { | |
| visibility: hidden; | |
| position: absolute !important; | |
| left: -9999px !important; | |
| } | |
| .hide { | |
| display: none !important; | |
| } | |
| .show { | |
| display: block !important; | |
| } | |
| .hidden-tiny-up { | |
| display: none !important; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Print Utilities | |
| ----------------------------------------------------------------------------- */ | |
| .visible-print-block { | |
| display: none !important; | |
| } | |
| .visible-print-inline { | |
| display: none !important; | |
| } | |
| .visible-print-inline-block { | |
| display: none !important; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Print Utilities | |
| ----------------------------------------------------------------------------- */ | |
| @media print { | |
| .visible-print-block { | |
| display: block !important; | |
| } | |
| .visible-print-inline { | |
| display: inline !important; | |
| } | |
| .visible-print-inline-block { | |
| display: inline-block !important; | |
| } | |
| .hidden-print { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and narrower | |
| ----------------------------------------------------------------------------- */ | |
| @media (max-width: 480px - 1) { | |
| .hidden-tiny-down { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| .hidden-mini-up { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-max-width) and narrower | |
| ----------------------------------------------------------------------------- */ | |
| @media (max-width: 767px) { | |
| .hidden-mini-down { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| .hidden-small-up { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-max-width) and narrower | |
| ----------------------------------------------------------------------------- */ | |
| @media (max-width: 991px) { | |
| .hidden-small-down { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| .hidden-medium-up { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-max-width) and narrower | |
| ----------------------------------------------------------------------------- */ | |
| @media (max-width: 1399px) { | |
| .hidden-medium-down { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| .hidden-large-up { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-max-width) and narrower | |
| ----------------------------------------------------------------------------- */ | |
| @media (max-width: null) { | |
| .hidden-large-down { | |
| display: none !important; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Content | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Color | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| color/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Colors | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Typography | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| typography/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Font Families | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Link Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| typography/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Link | |
| ----------------------------------------------------------------------------- */ | |
| a { | |
| outline: 0; | |
| color: #9351e5; | |
| text-decoration: underline; | |
| } | |
| a:hover { | |
| color: #6739a0; | |
| text-decoration: underline; | |
| } | |
| a:active { | |
| text-decoration: underline; | |
| } | |
| a:disabled, | |
| a.disabled { | |
| text-decoration: underline; | |
| cursor: default; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Selection | |
| ----------------------------------------------------------------------------- */ | |
| ::-moz-selection { | |
| background: #9351e5; | |
| color: #ffffff; | |
| } | |
| ::selection { | |
| background: #9351e5; | |
| color: #ffffff; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Text Alignment | |
| ----------------------------------------------------------------------------- */ | |
| .text-align-left { | |
| text-align: left !important; | |
| } | |
| .text-align-right { | |
| text-align: right !important; | |
| } | |
| .text-align-center { | |
| text-align: center !important; | |
| } | |
| .text-align-justify { | |
| text-align: justify !important; | |
| } | |
| .text-nowrap { | |
| white-space: nowrap !important; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Text Transformation | |
| ----------------------------------------------------------------------------- */ | |
| .text-lowercase { | |
| text-transform: lowercase !important; | |
| } | |
| .text-uppercase { | |
| text-transform: uppercase !important; | |
| } | |
| .text-capitalize { | |
| text-transform: capitalize !important; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| body/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| body/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| body | |
| ----------------------------------------------------------------------------- */ | |
| html, | |
| body, | |
| p { | |
| display: block; | |
| color: #5b6171; | |
| font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| text-rendering: geometricPrecision; | |
| font-size: 15px; | |
| line-height: 19.5px; | |
| } | |
| html.emphasis, | |
| body.emphasis, | |
| p.emphasis, | |
| html .emphasis, | |
| body .emphasis, | |
| p .emphasis { | |
| color: #282e3e; | |
| font-weight: 600; | |
| } | |
| html.muted, | |
| body.muted, | |
| p.muted, | |
| html .muted, | |
| body .muted, | |
| p .muted { | |
| color: #adb0b8; | |
| } | |
| html.inverse, | |
| body.inverse, | |
| p.inverse { | |
| color: #c2c4ca; | |
| } | |
| html.inverse.emphasis, | |
| body.inverse.emphasis, | |
| p.inverse.emphasis, | |
| html.inverse .emphasis, | |
| body.inverse .emphasis, | |
| p.inverse .emphasis { | |
| color: #ffffff; | |
| } | |
| html.inverse.muted, | |
| body.inverse.muted, | |
| p.inverse.muted, | |
| html.inverse .muted, | |
| body.inverse .muted, | |
| p.inverse .muted { | |
| color: #999da7; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Paragraph | |
| ----------------------------------------------------------------------------- */ | |
| p { | |
| margin-top: 0px; | |
| margin-bottom: 0.8rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| p.short { | |
| margin-top: 0px; | |
| margin-bottom: 0.4rem; | |
| } | |
| p.short-top, | |
| p.short-top { | |
| margin-top: 0px; | |
| } | |
| p.short-bottom, | |
| p.short-bottom { | |
| margin-bottom: 0.4rem; | |
| } | |
| p.tall { | |
| margin-top: 0px; | |
| margin-bottom: 1.6rem; | |
| } | |
| p.tall-top, | |
| p.tall-top { | |
| margin-top: 0px; | |
| } | |
| p.tall-bottom, | |
| p.tall-bottom { | |
| margin-bottom: 1.6rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Paragraph | |
| ----------------------------------------------------------------------------- */ | |
| p { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Paragraph | |
| ----------------------------------------------------------------------------- */ | |
| p { | |
| margin-bottom: 0.88rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| p.short { | |
| margin-bottom: 0.44rem; | |
| } | |
| p.short-bottom, | |
| p.short-bottom-screen-medium { | |
| margin-bottom: 0.44rem; | |
| } | |
| p.tall { | |
| margin-bottom: 1.76rem; | |
| } | |
| p.tall-bottom, | |
| p.tall-bottom-screen-medium { | |
| margin-bottom: 1.76rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| body | |
| ----------------------------------------------------------------------------- */ | |
| html, | |
| body, | |
| p { | |
| font-size: 16px; | |
| line-height: 20.8px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Paragraph | |
| ----------------------------------------------------------------------------- */ | |
| p { | |
| margin-bottom: 0.96rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| p.short { | |
| margin-bottom: 0.48rem; | |
| } | |
| p.short-bottom, | |
| p.short-bottom-screen-large { | |
| margin-bottom: 0.48rem; | |
| } | |
| p.tall { | |
| margin-bottom: 1.92rem; | |
| } | |
| p.tall-bottom, | |
| p.tall-bottom-screen-large { | |
| margin-bottom: 1.92rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Paragraph | |
| ----------------------------------------------------------------------------- */ | |
| p { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| lead/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| lead/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| lead | |
| ----------------------------------------------------------------------------- */ | |
| .lead { | |
| display: block; | |
| color: #5b6171; | |
| font-weight: 300; | |
| font-size: 1.2rem; | |
| line-height: 1.56rem; | |
| margin-top: 0px; | |
| margin-bottom: 0.8rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .lead.short { | |
| margin-top: 0px; | |
| margin-bottom: 0.4rem; | |
| } | |
| .lead.short-top, | |
| .lead.short-top { | |
| margin-top: 0px; | |
| } | |
| .lead.short-bottom, | |
| .lead.short-bottom { | |
| margin-bottom: 0.4rem; | |
| } | |
| .lead.tall { | |
| margin-top: 0px; | |
| margin-bottom: 1.6rem; | |
| } | |
| .lead.tall-top, | |
| .lead.tall-top { | |
| margin-top: 0px; | |
| } | |
| .lead.tall-bottom, | |
| .lead.tall-bottom { | |
| margin-bottom: 1.6rem; | |
| } | |
| .lead.emphasis, | |
| .lead .emphasis { | |
| color: #282e3e; | |
| } | |
| .lead.muted, | |
| .lead .muted { | |
| color: #adb0b8; | |
| } | |
| .lead.inverse { | |
| color: #c2c4ca; | |
| } | |
| .lead.inverse.emphasis, | |
| .lead.inverse .emphasis { | |
| color: #ffffff; | |
| } | |
| .lead.inverse.muted, | |
| .lead.inverse .muted { | |
| color: #999da7; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| lead | |
| ----------------------------------------------------------------------------- */ | |
| .lead { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| lead | |
| ----------------------------------------------------------------------------- */ | |
| .lead { | |
| margin-bottom: 0.88rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .lead.short { | |
| margin-bottom: 0.44rem; | |
| } | |
| .lead.short-bottom, | |
| .lead.short-bottom-screen-medium { | |
| margin-bottom: 0.44rem; | |
| } | |
| .lead.tall { | |
| margin-bottom: 1.76rem; | |
| } | |
| .lead.tall-bottom, | |
| .lead.tall-bottom-screen-medium { | |
| margin-bottom: 1.76rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| lead | |
| ----------------------------------------------------------------------------- */ | |
| .lead { | |
| margin-bottom: 0.96rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .lead.short { | |
| margin-bottom: 0.48rem; | |
| } | |
| .lead.short-bottom, | |
| .lead.short-bottom-screen-large { | |
| margin-bottom: 0.48rem; | |
| } | |
| .lead.tall { | |
| margin-bottom: 1.92rem; | |
| } | |
| .lead.tall-bottom, | |
| .lead.tall-bottom-screen-large { | |
| margin-bottom: 1.92rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| lead | |
| ----------------------------------------------------------------------------- */ | |
| .lead { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| small/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| small/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| small | |
| ----------------------------------------------------------------------------- */ | |
| small, | |
| .small { | |
| display: block; | |
| color: #848995; | |
| font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| text-rendering: geometricPrecision; | |
| font-size: 0.8rem; | |
| line-height: 1.04rem; | |
| margin-top: 0px; | |
| margin-bottom: 0.8rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| small.short, | |
| .small.short { | |
| margin-top: 0px; | |
| margin-bottom: 0.4rem; | |
| } | |
| small.short-top, | |
| .small.short-top, | |
| small.short-top, | |
| .small.short-top { | |
| margin-top: 0px; | |
| } | |
| small.short-bottom, | |
| .small.short-bottom, | |
| small.short-bottom, | |
| .small.short-bottom { | |
| margin-bottom: 0.4rem; | |
| } | |
| small.tall, | |
| .small.tall { | |
| margin-top: 0px; | |
| margin-bottom: 1.6rem; | |
| } | |
| small.tall-top, | |
| .small.tall-top, | |
| small.tall-top, | |
| .small.tall-top { | |
| margin-top: 0px; | |
| } | |
| small.tall-bottom, | |
| .small.tall-bottom, | |
| small.tall-bottom, | |
| .small.tall-bottom { | |
| margin-bottom: 1.6rem; | |
| } | |
| small.emphasis, | |
| .small.emphasis, | |
| small .emphasis, | |
| .small .emphasis { | |
| color: #323a4e; | |
| font-weight: 600; | |
| } | |
| small.muted, | |
| .small.muted, | |
| small .muted, | |
| .small .muted { | |
| color: #d6d8dc; | |
| } | |
| small.inverse, | |
| .small.inverse { | |
| color: #999da7; | |
| } | |
| small.inverse.emphasis, | |
| .small.inverse.emphasis, | |
| small.inverse .emphasis, | |
| .small.inverse .emphasis { | |
| color: #d6d8dc; | |
| } | |
| small.inverse.muted, | |
| .small.inverse.muted, | |
| small.inverse .muted, | |
| .small.inverse .muted { | |
| color: #707583; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| small | |
| ----------------------------------------------------------------------------- */ | |
| small, | |
| .small { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| small | |
| ----------------------------------------------------------------------------- */ | |
| small, | |
| .small { | |
| margin-bottom: 0.88rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| small.short, | |
| .small.short { | |
| margin-bottom: 0.44rem; | |
| } | |
| small.short-bottom, | |
| .small.short-bottom, | |
| small.short-bottom-screen-medium, | |
| .small.short-bottom-screen-medium { | |
| margin-bottom: 0.44rem; | |
| } | |
| small.tall, | |
| .small.tall { | |
| margin-bottom: 1.76rem; | |
| } | |
| small.tall-bottom, | |
| .small.tall-bottom, | |
| small.tall-bottom-screen-medium, | |
| .small.tall-bottom-screen-medium { | |
| margin-bottom: 1.76rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| small | |
| ----------------------------------------------------------------------------- */ | |
| small, | |
| .small { | |
| margin-bottom: 0.96rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| small.short, | |
| .small.short { | |
| margin-bottom: 0.48rem; | |
| } | |
| small.short-bottom, | |
| .small.short-bottom, | |
| small.short-bottom-screen-large, | |
| .small.short-bottom-screen-large { | |
| margin-bottom: 0.48rem; | |
| } | |
| small.tall, | |
| .small.tall { | |
| margin-bottom: 1.92rem; | |
| } | |
| small.tall-bottom, | |
| .small.tall-bottom, | |
| small.tall-bottom-screen-large, | |
| .small.tall-bottom-screen-large { | |
| margin-bottom: 1.92rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| small | |
| ----------------------------------------------------------------------------- */ | |
| small, | |
| .small { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| heading-h1/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| heading-h1/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| heading-h1 | |
| ----------------------------------------------------------------------------- */ | |
| h1, | |
| .h1 { | |
| display: block; | |
| color: #323a4e; | |
| font-weight: 500; | |
| font-size: 3rem; | |
| line-height: 3.3rem; | |
| margin-top: 3rem; | |
| margin-bottom: 2.2rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h1.short, | |
| .h1.short { | |
| margin-top: 1.5rem; | |
| margin-bottom: 1.1rem; | |
| } | |
| h1.short-top, | |
| .h1.short-top, | |
| h1.short-top, | |
| .h1.short-top { | |
| margin-top: 1.5rem; | |
| } | |
| h1.short-bottom, | |
| .h1.short-bottom, | |
| h1.short-bottom, | |
| .h1.short-bottom { | |
| margin-bottom: 1.1rem; | |
| } | |
| h1.tall, | |
| .h1.tall { | |
| margin-top: 6rem; | |
| margin-bottom: 4.4rem; | |
| } | |
| h1.tall-top, | |
| .h1.tall-top, | |
| h1.tall-top, | |
| .h1.tall-top { | |
| margin-top: 6rem; | |
| } | |
| h1.tall-bottom, | |
| .h1.tall-bottom, | |
| h1.tall-bottom, | |
| .h1.tall-bottom { | |
| margin-bottom: 4.4rem; | |
| } | |
| h1.emphasis, | |
| .h1.emphasis, | |
| h1 .emphasis, | |
| .h1 .emphasis { | |
| color: #282e3e; | |
| font-weight: 800; | |
| } | |
| h1.muted, | |
| .h1.muted, | |
| h1 .muted, | |
| .h1 .muted { | |
| color: #adb0b8; | |
| } | |
| h1.inverse, | |
| .h1.inverse { | |
| color: #ffffff; | |
| } | |
| h1.inverse.emphasis, | |
| .h1.inverse.emphasis, | |
| h1.inverse .emphasis, | |
| .h1.inverse .emphasis { | |
| color: #ffffff; | |
| } | |
| h1.inverse.muted, | |
| .h1.inverse.muted, | |
| h1.inverse .muted, | |
| .h1.inverse .muted { | |
| color: #848995; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h1 | |
| ----------------------------------------------------------------------------- */ | |
| h1, | |
| .h1 { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h1 | |
| ----------------------------------------------------------------------------- */ | |
| h1, | |
| .h1 { | |
| margin-top: 3.3rem; | |
| margin-bottom: 2.42rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h1.short, | |
| .h1.short { | |
| margin-top: 1.65rem; | |
| margin-bottom: 1.21rem; | |
| } | |
| h1.short-top, | |
| .h1.short-top, | |
| h1.short-top-screen-medium, | |
| .h1.short-top-screen-medium { | |
| margin-top: 1.65rem; | |
| } | |
| h1.short-bottom, | |
| .h1.short-bottom, | |
| h1.short-bottom-screen-medium, | |
| .h1.short-bottom-screen-medium { | |
| margin-bottom: 1.21rem; | |
| } | |
| h1.tall, | |
| .h1.tall { | |
| margin-top: 6.6rem; | |
| margin-bottom: 4.84rem; | |
| } | |
| h1.tall-top, | |
| .h1.tall-top, | |
| h1.tall-top-screen-medium, | |
| .h1.tall-top-screen-medium { | |
| margin-top: 6.6rem; | |
| } | |
| h1.tall-bottom, | |
| .h1.tall-bottom, | |
| h1.tall-bottom-screen-medium, | |
| .h1.tall-bottom-screen-medium { | |
| margin-bottom: 4.84rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h1 | |
| ----------------------------------------------------------------------------- */ | |
| h1, | |
| .h1 { | |
| margin-top: 3.6rem; | |
| margin-bottom: 2.64rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h1.short, | |
| .h1.short { | |
| margin-top: 1.8rem; | |
| margin-bottom: 1.32rem; | |
| } | |
| h1.short-top, | |
| .h1.short-top, | |
| h1.short-top-screen-large, | |
| .h1.short-top-screen-large { | |
| margin-top: 1.8rem; | |
| } | |
| h1.short-bottom, | |
| .h1.short-bottom, | |
| h1.short-bottom-screen-large, | |
| .h1.short-bottom-screen-large { | |
| margin-bottom: 1.32rem; | |
| } | |
| h1.tall, | |
| .h1.tall { | |
| margin-top: 7.2rem; | |
| margin-bottom: 5.28rem; | |
| } | |
| h1.tall-top, | |
| .h1.tall-top, | |
| h1.tall-top-screen-large, | |
| .h1.tall-top-screen-large { | |
| margin-top: 7.2rem; | |
| } | |
| h1.tall-bottom, | |
| .h1.tall-bottom, | |
| h1.tall-bottom-screen-large, | |
| .h1.tall-bottom-screen-large { | |
| margin-bottom: 5.28rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h1 | |
| ----------------------------------------------------------------------------- */ | |
| h1, | |
| .h1 { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| heading-h2/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| heading-h2/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| heading-h2 | |
| ----------------------------------------------------------------------------- */ | |
| h2, | |
| .h2 { | |
| display: block; | |
| color: #323a4e; | |
| font-weight: 500; | |
| font-size: 2.4rem; | |
| line-height: 2.64rem; | |
| margin-top: 2.2rem; | |
| margin-bottom: 1.7rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h2.short, | |
| .h2.short { | |
| margin-top: 1.1rem; | |
| margin-bottom: 0.85rem; | |
| } | |
| h2.short-top, | |
| .h2.short-top, | |
| h2.short-top, | |
| .h2.short-top { | |
| margin-top: 1.1rem; | |
| } | |
| h2.short-bottom, | |
| .h2.short-bottom, | |
| h2.short-bottom, | |
| .h2.short-bottom { | |
| margin-bottom: 0.85rem; | |
| } | |
| h2.tall, | |
| .h2.tall { | |
| margin-top: 4.4rem; | |
| margin-bottom: 3.4rem; | |
| } | |
| h2.tall-top, | |
| .h2.tall-top, | |
| h2.tall-top, | |
| .h2.tall-top { | |
| margin-top: 4.4rem; | |
| } | |
| h2.tall-bottom, | |
| .h2.tall-bottom, | |
| h2.tall-bottom, | |
| .h2.tall-bottom { | |
| margin-bottom: 3.4rem; | |
| } | |
| h2.emphasis, | |
| .h2.emphasis, | |
| h2 .emphasis, | |
| .h2 .emphasis { | |
| color: #282e3e; | |
| font-weight: 800; | |
| } | |
| h2.muted, | |
| .h2.muted, | |
| h2 .muted, | |
| .h2 .muted { | |
| color: #adb0b8; | |
| } | |
| h2.inverse, | |
| .h2.inverse { | |
| color: #ffffff; | |
| } | |
| h2.inverse.emphasis, | |
| .h2.inverse.emphasis, | |
| h2.inverse .emphasis, | |
| .h2.inverse .emphasis { | |
| color: #ffffff; | |
| } | |
| h2.inverse.muted, | |
| .h2.inverse.muted, | |
| h2.inverse .muted, | |
| .h2.inverse .muted { | |
| color: #848995; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h2 | |
| ----------------------------------------------------------------------------- */ | |
| h2, | |
| .h2 { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h2 | |
| ----------------------------------------------------------------------------- */ | |
| h2, | |
| .h2 { | |
| margin-top: 2.42rem; | |
| margin-bottom: 1.87rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h2.short, | |
| .h2.short { | |
| margin-top: 1.21rem; | |
| margin-bottom: 0.935rem; | |
| } | |
| h2.short-top, | |
| .h2.short-top, | |
| h2.short-top-screen-medium, | |
| .h2.short-top-screen-medium { | |
| margin-top: 1.21rem; | |
| } | |
| h2.short-bottom, | |
| .h2.short-bottom, | |
| h2.short-bottom-screen-medium, | |
| .h2.short-bottom-screen-medium { | |
| margin-bottom: 0.935rem; | |
| } | |
| h2.tall, | |
| .h2.tall { | |
| margin-top: 4.84rem; | |
| margin-bottom: 3.74rem; | |
| } | |
| h2.tall-top, | |
| .h2.tall-top, | |
| h2.tall-top-screen-medium, | |
| .h2.tall-top-screen-medium { | |
| margin-top: 4.84rem; | |
| } | |
| h2.tall-bottom, | |
| .h2.tall-bottom, | |
| h2.tall-bottom-screen-medium, | |
| .h2.tall-bottom-screen-medium { | |
| margin-bottom: 3.74rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h2 | |
| ----------------------------------------------------------------------------- */ | |
| h2, | |
| .h2 { | |
| margin-top: 2.64rem; | |
| margin-bottom: 2.04rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h2.short, | |
| .h2.short { | |
| margin-top: 1.32rem; | |
| margin-bottom: 1.02rem; | |
| } | |
| h2.short-top, | |
| .h2.short-top, | |
| h2.short-top-screen-large, | |
| .h2.short-top-screen-large { | |
| margin-top: 1.32rem; | |
| } | |
| h2.short-bottom, | |
| .h2.short-bottom, | |
| h2.short-bottom-screen-large, | |
| .h2.short-bottom-screen-large { | |
| margin-bottom: 1.02rem; | |
| } | |
| h2.tall, | |
| .h2.tall { | |
| margin-top: 5.28rem; | |
| margin-bottom: 4.08rem; | |
| } | |
| h2.tall-top, | |
| .h2.tall-top, | |
| h2.tall-top-screen-large, | |
| .h2.tall-top-screen-large { | |
| margin-top: 5.28rem; | |
| } | |
| h2.tall-bottom, | |
| .h2.tall-bottom, | |
| h2.tall-bottom-screen-large, | |
| .h2.tall-bottom-screen-large { | |
| margin-bottom: 4.08rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h2 | |
| ----------------------------------------------------------------------------- */ | |
| h2, | |
| .h2 { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| heading-h3/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| heading-h3/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| heading-h3 | |
| ----------------------------------------------------------------------------- */ | |
| h3, | |
| .h3 { | |
| display: block; | |
| color: #323a4e; | |
| font-weight: 500; | |
| font-size: 1.9rem; | |
| line-height: 2.09rem; | |
| margin-top: 1.7rem; | |
| margin-bottom: 1.3rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h3.short, | |
| .h3.short { | |
| margin-top: 0.85rem; | |
| margin-bottom: 0.65rem; | |
| } | |
| h3.short-top, | |
| .h3.short-top, | |
| h3.short-top, | |
| .h3.short-top { | |
| margin-top: 0.85rem; | |
| } | |
| h3.short-bottom, | |
| .h3.short-bottom, | |
| h3.short-bottom, | |
| .h3.short-bottom { | |
| margin-bottom: 0.65rem; | |
| } | |
| h3.tall, | |
| .h3.tall { | |
| margin-top: 3.4rem; | |
| margin-bottom: 2.6rem; | |
| } | |
| h3.tall-top, | |
| .h3.tall-top, | |
| h3.tall-top, | |
| .h3.tall-top { | |
| margin-top: 3.4rem; | |
| } | |
| h3.tall-bottom, | |
| .h3.tall-bottom, | |
| h3.tall-bottom, | |
| .h3.tall-bottom { | |
| margin-bottom: 2.6rem; | |
| } | |
| h3.emphasis, | |
| .h3.emphasis, | |
| h3 .emphasis, | |
| .h3 .emphasis { | |
| color: #282e3e; | |
| font-weight: 800; | |
| } | |
| h3.muted, | |
| .h3.muted, | |
| h3 .muted, | |
| .h3 .muted { | |
| color: #adb0b8; | |
| } | |
| h3.inverse, | |
| .h3.inverse { | |
| color: #ffffff; | |
| } | |
| h3.inverse.emphasis, | |
| .h3.inverse.emphasis, | |
| h3.inverse .emphasis, | |
| .h3.inverse .emphasis { | |
| color: #ffffff; | |
| } | |
| h3.inverse.muted, | |
| .h3.inverse.muted, | |
| h3.inverse .muted, | |
| .h3.inverse .muted { | |
| color: #848995; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h3 | |
| ----------------------------------------------------------------------------- */ | |
| h3, | |
| .h3 { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h3 | |
| ----------------------------------------------------------------------------- */ | |
| h3, | |
| .h3 { | |
| margin-top: 1.87rem; | |
| margin-bottom: 1.43rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h3.short, | |
| .h3.short { | |
| margin-top: 0.935rem; | |
| margin-bottom: 0.715rem; | |
| } | |
| h3.short-top, | |
| .h3.short-top, | |
| h3.short-top-screen-medium, | |
| .h3.short-top-screen-medium { | |
| margin-top: 0.935rem; | |
| } | |
| h3.short-bottom, | |
| .h3.short-bottom, | |
| h3.short-bottom-screen-medium, | |
| .h3.short-bottom-screen-medium { | |
| margin-bottom: 0.715rem; | |
| } | |
| h3.tall, | |
| .h3.tall { | |
| margin-top: 3.74rem; | |
| margin-bottom: 2.86rem; | |
| } | |
| h3.tall-top, | |
| .h3.tall-top, | |
| h3.tall-top-screen-medium, | |
| .h3.tall-top-screen-medium { | |
| margin-top: 3.74rem; | |
| } | |
| h3.tall-bottom, | |
| .h3.tall-bottom, | |
| h3.tall-bottom-screen-medium, | |
| .h3.tall-bottom-screen-medium { | |
| margin-bottom: 2.86rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h3 | |
| ----------------------------------------------------------------------------- */ | |
| h3, | |
| .h3 { | |
| margin-top: 2.04rem; | |
| margin-bottom: 1.56rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h3.short, | |
| .h3.short { | |
| margin-top: 1.02rem; | |
| margin-bottom: 0.78rem; | |
| } | |
| h3.short-top, | |
| .h3.short-top, | |
| h3.short-top-screen-large, | |
| .h3.short-top-screen-large { | |
| margin-top: 1.02rem; | |
| } | |
| h3.short-bottom, | |
| .h3.short-bottom, | |
| h3.short-bottom-screen-large, | |
| .h3.short-bottom-screen-large { | |
| margin-bottom: 0.78rem; | |
| } | |
| h3.tall, | |
| .h3.tall { | |
| margin-top: 4.08rem; | |
| margin-bottom: 3.12rem; | |
| } | |
| h3.tall-top, | |
| .h3.tall-top, | |
| h3.tall-top-screen-large, | |
| .h3.tall-top-screen-large { | |
| margin-top: 4.08rem; | |
| } | |
| h3.tall-bottom, | |
| .h3.tall-bottom, | |
| h3.tall-bottom-screen-large, | |
| .h3.tall-bottom-screen-large { | |
| margin-bottom: 3.12rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h3 | |
| ----------------------------------------------------------------------------- */ | |
| h3, | |
| .h3 { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| heading-h4/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| heading-h4/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| heading-h4 | |
| ----------------------------------------------------------------------------- */ | |
| h4, | |
| .h4 { | |
| display: block; | |
| color: #323a4e; | |
| font-weight: 500; | |
| font-size: 1.5rem; | |
| line-height: 1.8rem; | |
| margin-top: 1.3rem; | |
| margin-bottom: 1.1rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h4.short, | |
| .h4.short { | |
| margin-top: 0.65rem; | |
| margin-bottom: 0.55rem; | |
| } | |
| h4.short-top, | |
| .h4.short-top, | |
| h4.short-top, | |
| .h4.short-top { | |
| margin-top: 0.65rem; | |
| } | |
| h4.short-bottom, | |
| .h4.short-bottom, | |
| h4.short-bottom, | |
| .h4.short-bottom { | |
| margin-bottom: 0.55rem; | |
| } | |
| h4.tall, | |
| .h4.tall { | |
| margin-top: 2.6rem; | |
| margin-bottom: 2.2rem; | |
| } | |
| h4.tall-top, | |
| .h4.tall-top, | |
| h4.tall-top, | |
| .h4.tall-top { | |
| margin-top: 2.6rem; | |
| } | |
| h4.tall-bottom, | |
| .h4.tall-bottom, | |
| h4.tall-bottom, | |
| .h4.tall-bottom { | |
| margin-bottom: 2.2rem; | |
| } | |
| h4.emphasis, | |
| .h4.emphasis, | |
| h4 .emphasis, | |
| .h4 .emphasis { | |
| color: #282e3e; | |
| font-weight: 800; | |
| } | |
| h4.muted, | |
| .h4.muted, | |
| h4 .muted, | |
| .h4 .muted { | |
| color: #adb0b8; | |
| } | |
| h4.inverse, | |
| .h4.inverse { | |
| color: #ffffff; | |
| } | |
| h4.inverse.emphasis, | |
| .h4.inverse.emphasis, | |
| h4.inverse .emphasis, | |
| .h4.inverse .emphasis { | |
| color: #ffffff; | |
| } | |
| h4.inverse.muted, | |
| .h4.inverse.muted, | |
| h4.inverse .muted, | |
| .h4.inverse .muted { | |
| color: #848995; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h4 | |
| ----------------------------------------------------------------------------- */ | |
| h4, | |
| .h4 { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h4 | |
| ----------------------------------------------------------------------------- */ | |
| h4, | |
| .h4 { | |
| margin-top: 1.1; | |
| margin-bottom: 1.1; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h4.short, | |
| .h4.short { | |
| margin-top: 0.55; | |
| margin-bottom: 0.55; | |
| } | |
| h4.short-top, | |
| .h4.short-top, | |
| h4.short-top-screen-medium, | |
| .h4.short-top-screen-medium { | |
| margin-top: 0.55; | |
| } | |
| h4.short-bottom, | |
| .h4.short-bottom, | |
| h4.short-bottom-screen-medium, | |
| .h4.short-bottom-screen-medium { | |
| margin-bottom: 0.55; | |
| } | |
| h4.tall, | |
| .h4.tall { | |
| margin-top: 2.2; | |
| margin-bottom: 2.2; | |
| } | |
| h4.tall-top, | |
| .h4.tall-top, | |
| h4.tall-top-screen-medium, | |
| .h4.tall-top-screen-medium { | |
| margin-top: 2.2; | |
| } | |
| h4.tall-bottom, | |
| .h4.tall-bottom, | |
| h4.tall-bottom-screen-medium, | |
| .h4.tall-bottom-screen-medium { | |
| margin-bottom: 2.2; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h4 | |
| ----------------------------------------------------------------------------- */ | |
| h4, | |
| .h4 { | |
| margin-top: 1.2; | |
| margin-bottom: 1.2; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h4.short, | |
| .h4.short { | |
| margin-top: 0.6; | |
| margin-bottom: 0.6; | |
| } | |
| h4.short-top, | |
| .h4.short-top, | |
| h4.short-top-screen-large, | |
| .h4.short-top-screen-large { | |
| margin-top: 0.6; | |
| } | |
| h4.short-bottom, | |
| .h4.short-bottom, | |
| h4.short-bottom-screen-large, | |
| .h4.short-bottom-screen-large { | |
| margin-bottom: 0.6; | |
| } | |
| h4.tall, | |
| .h4.tall { | |
| margin-top: 2.4; | |
| margin-bottom: 2.4; | |
| } | |
| h4.tall-top, | |
| .h4.tall-top, | |
| h4.tall-top-screen-large, | |
| .h4.tall-top-screen-large { | |
| margin-top: 2.4; | |
| } | |
| h4.tall-bottom, | |
| .h4.tall-bottom, | |
| h4.tall-bottom-screen-large, | |
| .h4.tall-bottom-screen-large { | |
| margin-bottom: 2.4; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h4 | |
| ----------------------------------------------------------------------------- */ | |
| h4, | |
| .h4 { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| heading-h5/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| heading-h5/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| heading-h5 | |
| ----------------------------------------------------------------------------- */ | |
| h5, | |
| .h5 { | |
| display: block; | |
| color: #323a4e; | |
| font-weight: 500; | |
| font-size: 1.2rem; | |
| line-height: 1.44rem; | |
| margin-top: 1.1rem; | |
| margin-bottom: 1rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h5.short, | |
| .h5.short { | |
| margin-top: 0.55rem; | |
| margin-bottom: 0.5rem; | |
| } | |
| h5.short-top, | |
| .h5.short-top, | |
| h5.short-top, | |
| .h5.short-top { | |
| margin-top: 0.55rem; | |
| } | |
| h5.short-bottom, | |
| .h5.short-bottom, | |
| h5.short-bottom, | |
| .h5.short-bottom { | |
| margin-bottom: 0.5rem; | |
| } | |
| h5.tall, | |
| .h5.tall { | |
| margin-top: 2.2rem; | |
| margin-bottom: 2rem; | |
| } | |
| h5.tall-top, | |
| .h5.tall-top, | |
| h5.tall-top, | |
| .h5.tall-top { | |
| margin-top: 2.2rem; | |
| } | |
| h5.tall-bottom, | |
| .h5.tall-bottom, | |
| h5.tall-bottom, | |
| .h5.tall-bottom { | |
| margin-bottom: 2rem; | |
| } | |
| h5.emphasis, | |
| .h5.emphasis, | |
| h5 .emphasis, | |
| .h5 .emphasis { | |
| color: #282e3e; | |
| font-weight: 800; | |
| } | |
| h5.muted, | |
| .h5.muted, | |
| h5 .muted, | |
| .h5 .muted { | |
| color: #adb0b8; | |
| } | |
| h5.inverse, | |
| .h5.inverse { | |
| color: #ffffff; | |
| } | |
| h5.inverse.emphasis, | |
| .h5.inverse.emphasis, | |
| h5.inverse .emphasis, | |
| .h5.inverse .emphasis { | |
| color: #ffffff; | |
| } | |
| h5.inverse.muted, | |
| .h5.inverse.muted, | |
| h5.inverse .muted, | |
| .h5.inverse .muted { | |
| color: #848995; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h5 | |
| ----------------------------------------------------------------------------- */ | |
| h5, | |
| .h5 { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h5 | |
| ----------------------------------------------------------------------------- */ | |
| h5, | |
| .h5 { | |
| margin-top: 1.1; | |
| margin-bottom: 1.1; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h5.short, | |
| .h5.short { | |
| margin-top: 0.55; | |
| margin-bottom: 0.55; | |
| } | |
| h5.short-top, | |
| .h5.short-top, | |
| h5.short-top-screen-medium, | |
| .h5.short-top-screen-medium { | |
| margin-top: 0.55; | |
| } | |
| h5.short-bottom, | |
| .h5.short-bottom, | |
| h5.short-bottom-screen-medium, | |
| .h5.short-bottom-screen-medium { | |
| margin-bottom: 0.55; | |
| } | |
| h5.tall, | |
| .h5.tall { | |
| margin-top: 2.2; | |
| margin-bottom: 2.2; | |
| } | |
| h5.tall-top, | |
| .h5.tall-top, | |
| h5.tall-top-screen-medium, | |
| .h5.tall-top-screen-medium { | |
| margin-top: 2.2; | |
| } | |
| h5.tall-bottom, | |
| .h5.tall-bottom, | |
| h5.tall-bottom-screen-medium, | |
| .h5.tall-bottom-screen-medium { | |
| margin-bottom: 2.2; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h5 | |
| ----------------------------------------------------------------------------- */ | |
| h5, | |
| .h5 { | |
| margin-top: 1.2; | |
| margin-bottom: 1.2; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h5.short, | |
| .h5.short { | |
| margin-top: 0.6; | |
| margin-bottom: 0.6; | |
| } | |
| h5.short-top, | |
| .h5.short-top, | |
| h5.short-top-screen-large, | |
| .h5.short-top-screen-large { | |
| margin-top: 0.6; | |
| } | |
| h5.short-bottom, | |
| .h5.short-bottom, | |
| h5.short-bottom-screen-large, | |
| .h5.short-bottom-screen-large { | |
| margin-bottom: 0.6; | |
| } | |
| h5.tall, | |
| .h5.tall { | |
| margin-top: 2.4; | |
| margin-bottom: 2.4; | |
| } | |
| h5.tall-top, | |
| .h5.tall-top, | |
| h5.tall-top-screen-large, | |
| .h5.tall-top-screen-large { | |
| margin-top: 2.4; | |
| } | |
| h5.tall-bottom, | |
| .h5.tall-bottom, | |
| h5.tall-bottom-screen-large, | |
| .h5.tall-bottom-screen-large { | |
| margin-bottom: 2.4; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h5 | |
| ----------------------------------------------------------------------------- */ | |
| h5, | |
| .h5 { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| heading-h6/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| heading-h6/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| heading-h6 | |
| ----------------------------------------------------------------------------- */ | |
| h6, | |
| .h6 { | |
| display: block; | |
| color: #323a4e; | |
| font-weight: 600; | |
| font-size: 1rem; | |
| line-height: 1.3rem; | |
| margin-top: 1rem; | |
| margin-bottom: 1rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h6.short, | |
| .h6.short { | |
| margin-top: 0.5rem; | |
| margin-bottom: 0.5rem; | |
| } | |
| h6.short-top, | |
| .h6.short-top, | |
| h6.short-top, | |
| .h6.short-top { | |
| margin-top: 0.5rem; | |
| } | |
| h6.short-bottom, | |
| .h6.short-bottom, | |
| h6.short-bottom, | |
| .h6.short-bottom { | |
| margin-bottom: 0.5rem; | |
| } | |
| h6.tall, | |
| .h6.tall { | |
| margin-top: 2rem; | |
| margin-bottom: 2rem; | |
| } | |
| h6.tall-top, | |
| .h6.tall-top, | |
| h6.tall-top, | |
| .h6.tall-top { | |
| margin-top: 2rem; | |
| } | |
| h6.tall-bottom, | |
| .h6.tall-bottom, | |
| h6.tall-bottom, | |
| .h6.tall-bottom { | |
| margin-bottom: 2rem; | |
| } | |
| h6.emphasis, | |
| .h6.emphasis, | |
| h6 .emphasis, | |
| .h6 .emphasis { | |
| color: #1e232f; | |
| font-weight: 800; | |
| } | |
| h6.muted, | |
| .h6.muted, | |
| h6 .muted, | |
| .h6 .muted { | |
| color: #adb0b8; | |
| } | |
| h6.inverse, | |
| .h6.inverse { | |
| color: #d6d8dc; | |
| } | |
| h6.inverse.emphasis, | |
| .h6.inverse.emphasis, | |
| h6.inverse .emphasis, | |
| .h6.inverse .emphasis { | |
| color: #ffffff; | |
| } | |
| h6.inverse.muted, | |
| .h6.inverse.muted, | |
| h6.inverse .muted, | |
| .h6.inverse .muted { | |
| color: #848995; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h6 | |
| ----------------------------------------------------------------------------- */ | |
| h6, | |
| .h6 { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h6 | |
| ----------------------------------------------------------------------------- */ | |
| h6, | |
| .h6 { | |
| margin-top: 1.1; | |
| margin-bottom: 1.1; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h6.short, | |
| .h6.short { | |
| margin-top: 0.55; | |
| margin-bottom: 0.55; | |
| } | |
| h6.short-top, | |
| .h6.short-top, | |
| h6.short-top-screen-medium, | |
| .h6.short-top-screen-medium { | |
| margin-top: 0.55; | |
| } | |
| h6.short-bottom, | |
| .h6.short-bottom, | |
| h6.short-bottom-screen-medium, | |
| .h6.short-bottom-screen-medium { | |
| margin-bottom: 0.55; | |
| } | |
| h6.tall, | |
| .h6.tall { | |
| margin-top: 2.2; | |
| margin-bottom: 2.2; | |
| } | |
| h6.tall-top, | |
| .h6.tall-top, | |
| h6.tall-top-screen-medium, | |
| .h6.tall-top-screen-medium { | |
| margin-top: 2.2; | |
| } | |
| h6.tall-bottom, | |
| .h6.tall-bottom, | |
| h6.tall-bottom-screen-medium, | |
| .h6.tall-bottom-screen-medium { | |
| margin-bottom: 2.2; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h6 | |
| ----------------------------------------------------------------------------- */ | |
| h6, | |
| .h6 { | |
| margin-top: 1.2; | |
| margin-bottom: 1.2; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| h6.short, | |
| .h6.short { | |
| margin-top: 0.6; | |
| margin-bottom: 0.6; | |
| } | |
| h6.short-top, | |
| .h6.short-top, | |
| h6.short-top-screen-large, | |
| .h6.short-top-screen-large { | |
| margin-top: 0.6; | |
| } | |
| h6.short-bottom, | |
| .h6.short-bottom, | |
| h6.short-bottom-screen-large, | |
| .h6.short-bottom-screen-large { | |
| margin-bottom: 0.6; | |
| } | |
| h6.tall, | |
| .h6.tall { | |
| margin-top: 2.4; | |
| margin-bottom: 2.4; | |
| } | |
| h6.tall-top, | |
| .h6.tall-top, | |
| h6.tall-top-screen-large, | |
| .h6.tall-top-screen-large { | |
| margin-top: 2.4; | |
| } | |
| h6.tall-bottom, | |
| .h6.tall-bottom, | |
| h6.tall-bottom-screen-large, | |
| .h6.tall-bottom-screen-large { | |
| margin-bottom: 2.4; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| heading-h6 | |
| ----------------------------------------------------------------------------- */ | |
| h6, | |
| .h6 { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| list-item/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| List Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| List Item Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| List Item Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| List Item Bullet | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Inline List | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Definition List | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Text Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| lists/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Lists | |
| ----------------------------------------------------------------------------- */ | |
| ul, | |
| ol, | |
| dl { | |
| position: relative; | |
| padding: 0px; | |
| list-style: none; | |
| margin-top: 0px; | |
| margin-bottom: 0.8rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| List Item | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Unstyled List | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inline List | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| ul.short, | |
| ol.short, | |
| dl.short { | |
| margin-top: 0px; | |
| margin-bottom: 0.4rem; | |
| } | |
| ul.short-top, | |
| ol.short-top, | |
| dl.short-top, | |
| ul.short-top, | |
| ol.short-top, | |
| dl.short-top { | |
| margin-top: 0px; | |
| } | |
| ul.short-bottom, | |
| ol.short-bottom, | |
| dl.short-bottom, | |
| ul.short-bottom, | |
| ol.short-bottom, | |
| dl.short-bottom { | |
| margin-bottom: 0.4rem; | |
| } | |
| ul.tall, | |
| ol.tall, | |
| dl.tall { | |
| margin-top: 0px; | |
| margin-bottom: 1.6rem; | |
| } | |
| ul.tall-top, | |
| ol.tall-top, | |
| dl.tall-top, | |
| ul.tall-top, | |
| ol.tall-top, | |
| dl.tall-top { | |
| margin-top: 0px; | |
| } | |
| ul.tall-bottom, | |
| ol.tall-bottom, | |
| dl.tall-bottom, | |
| ul.tall-bottom, | |
| ol.tall-bottom, | |
| dl.tall-bottom { | |
| margin-bottom: 1.6rem; | |
| } | |
| ul li, | |
| ol li, | |
| dl li, | |
| ul dt, | |
| ol dt, | |
| dl dt, | |
| ul dd, | |
| ol dd, | |
| dl dd { | |
| position: relative; | |
| color: #5b6171; | |
| font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| text-rendering: geometricPrecision; | |
| margin-top: 0px; | |
| margin-bottom: 0.4rem; | |
| padding-left: 1.2rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Nested List | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| ul li.short, | |
| ol li.short, | |
| dl li.short, | |
| ul dt.short, | |
| ol dt.short, | |
| dl dt.short, | |
| ul dd.short, | |
| ol dd.short, | |
| dl dd.short { | |
| margin-top: 0px; | |
| margin-bottom: 0.2rem; | |
| } | |
| ul li.short-top, | |
| ol li.short-top, | |
| dl li.short-top, | |
| ul dt.short-top, | |
| ol dt.short-top, | |
| dl dt.short-top, | |
| ul dd.short-top, | |
| ol dd.short-top, | |
| dl dd.short-top, | |
| ul li.short-top, | |
| ol li.short-top, | |
| dl li.short-top, | |
| ul dt.short-top, | |
| ol dt.short-top, | |
| dl dt.short-top, | |
| ul dd.short-top, | |
| ol dd.short-top, | |
| dl dd.short-top { | |
| margin-top: 0px; | |
| } | |
| ul li.short-bottom, | |
| ol li.short-bottom, | |
| dl li.short-bottom, | |
| ul dt.short-bottom, | |
| ol dt.short-bottom, | |
| dl dt.short-bottom, | |
| ul dd.short-bottom, | |
| ol dd.short-bottom, | |
| dl dd.short-bottom, | |
| ul li.short-bottom, | |
| ol li.short-bottom, | |
| dl li.short-bottom, | |
| ul dt.short-bottom, | |
| ol dt.short-bottom, | |
| dl dt.short-bottom, | |
| ul dd.short-bottom, | |
| ol dd.short-bottom, | |
| dl dd.short-bottom { | |
| margin-bottom: 0.2rem; | |
| } | |
| ul li.tall, | |
| ol li.tall, | |
| dl li.tall, | |
| ul dt.tall, | |
| ol dt.tall, | |
| dl dt.tall, | |
| ul dd.tall, | |
| ol dd.tall, | |
| dl dd.tall { | |
| margin-top: 0px; | |
| margin-bottom: 0.8rem; | |
| } | |
| ul li.tall-top, | |
| ol li.tall-top, | |
| dl li.tall-top, | |
| ul dt.tall-top, | |
| ol dt.tall-top, | |
| dl dt.tall-top, | |
| ul dd.tall-top, | |
| ol dd.tall-top, | |
| dl dd.tall-top, | |
| ul li.tall-top, | |
| ol li.tall-top, | |
| dl li.tall-top, | |
| ul dt.tall-top, | |
| ol dt.tall-top, | |
| dl dt.tall-top, | |
| ul dd.tall-top, | |
| ol dd.tall-top, | |
| dl dd.tall-top { | |
| margin-top: 0px; | |
| } | |
| ul li.tall-bottom, | |
| ol li.tall-bottom, | |
| dl li.tall-bottom, | |
| ul dt.tall-bottom, | |
| ol dt.tall-bottom, | |
| dl dt.tall-bottom, | |
| ul dd.tall-bottom, | |
| ol dd.tall-bottom, | |
| dl dd.tall-bottom, | |
| ul li.tall-bottom, | |
| ol li.tall-bottom, | |
| dl li.tall-bottom, | |
| ul dt.tall-bottom, | |
| ol dt.tall-bottom, | |
| dl dt.tall-bottom, | |
| ul dd.tall-bottom, | |
| ol dd.tall-bottom, | |
| dl dd.tall-bottom { | |
| margin-bottom: 0.8rem; | |
| } | |
| ul li:before, | |
| ol li:before, | |
| dl li:before, | |
| ul dt:before, | |
| ol dt:before, | |
| dl dt:before, | |
| ul dd:before, | |
| ol dd:before, | |
| dl dd:before { | |
| content: ''; | |
| position: absolute; | |
| display: block; | |
| width: 4.8px; | |
| height: 4.8px; | |
| border-radius: 50%; | |
| background-color: #5b6171; | |
| left: 0px; | |
| top: 8px; | |
| } | |
| ul li:last-child, | |
| ol li:last-child, | |
| dl li:last-child, | |
| ul dt:last-child, | |
| ol dt:last-child, | |
| dl dt:last-child, | |
| ul dd:last-child, | |
| ol dd:last-child, | |
| dl dd:last-child { | |
| margin-bottom: 0px; | |
| } | |
| ul li > ul, | |
| ol li > ul, | |
| dl li > ul, | |
| ul dt > ul, | |
| ol dt > ul, | |
| dl dt > ul, | |
| ul dd > ul, | |
| ol dd > ul, | |
| dl dd > ul, | |
| ul li > ol, | |
| ol li > ol, | |
| dl li > ol, | |
| ul dt > ol, | |
| ol dt > ol, | |
| dl dt > ol, | |
| ul dd > ol, | |
| ol dd > ol, | |
| dl dd > ol { | |
| margin-bottom: 0.4rem; | |
| margin-bottom: 0px; | |
| } | |
| ul.list-unstyled > li, | |
| ol.list-unstyled > li, | |
| dl.list-unstyled > li { | |
| padding-left: 0px; | |
| } | |
| ul.list-unstyled > li:before, | |
| ol.list-unstyled > li:before, | |
| dl.list-unstyled > li:before { | |
| display: none; | |
| } | |
| ul.list-inline, | |
| ol.list-inline, | |
| dl.list-inline { | |
| *zoom: 1; | |
| margin-top: -0.4rem; | |
| margin-left: -0.8rem; | |
| } | |
| ul.list-inline:before, | |
| ol.list-inline:before, | |
| dl.list-inline:before, | |
| ul.list-inline:after, | |
| ol.list-inline:after, | |
| dl.list-inline:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| ul.list-inline:after, | |
| ol.list-inline:after, | |
| dl.list-inline:after { | |
| clear: both; | |
| } | |
| ul.list-inline > li, | |
| ol.list-inline > li, | |
| dl.list-inline > li { | |
| padding-left: 0px; | |
| float: left; | |
| display: block; | |
| margin-bottom: 0px; | |
| margin-top: 0.4rem; | |
| margin-left: 0.8rem; | |
| } | |
| ul.list-inline > li:before, | |
| ol.list-inline > li:before, | |
| dl.list-inline > li:before { | |
| display: none; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Ordered Lists | |
| ----------------------------------------------------------------------------- */ | |
| ol { | |
| counter-reset: li; | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| ol > li:before { | |
| content: counter(li) "."; | |
| counter-increment: li; | |
| text-align: left; | |
| background: none; | |
| top: 0px; | |
| border-radius: 0px; | |
| color: #5b6171; | |
| height: 24px; | |
| } | |
| ol > li > ol.a li:before { | |
| content: counter(li, lower-alpha) "."; | |
| } | |
| ol > li > ol.A li:before { | |
| content: counter(li, upper-alpha) "."; | |
| } | |
| ol > li > ol.i li:before { | |
| content: counter(li, lower-roman) "."; | |
| } | |
| ol > li > ol.I li:before { | |
| content: counter(li, upper-roman) "."; | |
| } | |
| ol.a li:before { | |
| content: counter(li, lower-alpha) "."; | |
| } | |
| ol.A li:before { | |
| content: counter(li, upper-alpha) "."; | |
| } | |
| ol.i li:before { | |
| content: counter(li, lower-roman) "."; | |
| } | |
| ol.I li:before { | |
| content: counter(li, upper-roman) "."; | |
| } | |
| ol.inverse { | |
| /* ----------------------------------------------------------------------------- | |
| List Item | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| ol.inverse li:before { | |
| color: #c2c4ca; | |
| background: none; | |
| width: auto; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Definition List | |
| ----------------------------------------------------------------------------- */ | |
| dl dt, | |
| dl dd { | |
| padding-left: 0px !important; | |
| } | |
| dl dt:before, | |
| dl dd:before { | |
| display: none; | |
| } | |
| dl dt { | |
| font-weight: 600; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Lists | |
| ----------------------------------------------------------------------------- */ | |
| ul, | |
| ol, | |
| dl { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| List Item | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inline List | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| ul li, | |
| ol li, | |
| dl li, | |
| ul dt, | |
| ol dt, | |
| dl dt, | |
| ul dd, | |
| ol dd, | |
| dl dd { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Nested List | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Ordered Lists | |
| ----------------------------------------------------------------------------- */ | |
| ol > li:before { | |
| top: 0px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Lists | |
| ----------------------------------------------------------------------------- */ | |
| ul, | |
| ol, | |
| dl { | |
| margin-bottom: 0.88rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| List Item | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inline List | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| ul.short, | |
| ol.short, | |
| dl.short { | |
| margin-bottom: 0.44rem; | |
| } | |
| ul.short-bottom, | |
| ol.short-bottom, | |
| dl.short-bottom, | |
| ul.short-bottom-screen-medium, | |
| ol.short-bottom-screen-medium, | |
| dl.short-bottom-screen-medium { | |
| margin-bottom: 0.44rem; | |
| } | |
| ul.tall, | |
| ol.tall, | |
| dl.tall { | |
| margin-bottom: 1.76rem; | |
| } | |
| ul.tall-bottom, | |
| ol.tall-bottom, | |
| dl.tall-bottom, | |
| ul.tall-bottom-screen-medium, | |
| ol.tall-bottom-screen-medium, | |
| dl.tall-bottom-screen-medium { | |
| margin-bottom: 1.76rem; | |
| } | |
| ul li, | |
| ol li, | |
| dl li, | |
| ul dt, | |
| ol dt, | |
| dl dt, | |
| ul dd, | |
| ol dd, | |
| dl dd { | |
| margin-bottom: 0.44rem; | |
| padding-left: 1.32rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Nested List | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| ul li.short, | |
| ol li.short, | |
| dl li.short, | |
| ul dt.short, | |
| ol dt.short, | |
| dl dt.short, | |
| ul dd.short, | |
| ol dd.short, | |
| dl dd.short { | |
| margin-bottom: 0.22rem; | |
| } | |
| ul li.short-bottom, | |
| ol li.short-bottom, | |
| dl li.short-bottom, | |
| ul dt.short-bottom, | |
| ol dt.short-bottom, | |
| dl dt.short-bottom, | |
| ul dd.short-bottom, | |
| ol dd.short-bottom, | |
| dl dd.short-bottom, | |
| ul li.short-bottom-screen-medium, | |
| ol li.short-bottom-screen-medium, | |
| dl li.short-bottom-screen-medium, | |
| ul dt.short-bottom-screen-medium, | |
| ol dt.short-bottom-screen-medium, | |
| dl dt.short-bottom-screen-medium, | |
| ul dd.short-bottom-screen-medium, | |
| ol dd.short-bottom-screen-medium, | |
| dl dd.short-bottom-screen-medium { | |
| margin-bottom: 0.22rem; | |
| } | |
| ul li.tall, | |
| ol li.tall, | |
| dl li.tall, | |
| ul dt.tall, | |
| ol dt.tall, | |
| dl dt.tall, | |
| ul dd.tall, | |
| ol dd.tall, | |
| dl dd.tall { | |
| margin-bottom: 0.88rem; | |
| } | |
| ul li.tall-bottom, | |
| ol li.tall-bottom, | |
| dl li.tall-bottom, | |
| ul dt.tall-bottom, | |
| ol dt.tall-bottom, | |
| dl dt.tall-bottom, | |
| ul dd.tall-bottom, | |
| ol dd.tall-bottom, | |
| dl dd.tall-bottom, | |
| ul li.tall-bottom-screen-medium, | |
| ol li.tall-bottom-screen-medium, | |
| dl li.tall-bottom-screen-medium, | |
| ul dt.tall-bottom-screen-medium, | |
| ol dt.tall-bottom-screen-medium, | |
| dl dt.tall-bottom-screen-medium, | |
| ul dd.tall-bottom-screen-medium, | |
| ol dd.tall-bottom-screen-medium, | |
| dl dd.tall-bottom-screen-medium { | |
| margin-bottom: 0.88rem; | |
| } | |
| ul li:before, | |
| ol li:before, | |
| dl li:before, | |
| ul dt:before, | |
| ol dt:before, | |
| dl dt:before, | |
| ul dd:before, | |
| ol dd:before, | |
| dl dd:before { | |
| width: 5px; | |
| height: 5px; | |
| top: 9px; | |
| } | |
| ul li > ul, | |
| ol li > ul, | |
| dl li > ul, | |
| ul dt > ul, | |
| ol dt > ul, | |
| dl dt > ul, | |
| ul dd > ul, | |
| ol dd > ul, | |
| dl dd > ul, | |
| ul li > ol, | |
| ol li > ol, | |
| dl li > ol, | |
| ul dt > ol, | |
| ol dt > ol, | |
| dl dt > ol, | |
| ul dd > ol, | |
| ol dd > ol, | |
| dl dd > ol { | |
| margin-top: 0.44rem; | |
| } | |
| ul.list-inline, | |
| ol.list-inline, | |
| dl.list-inline { | |
| margin-top: -0.44rem; | |
| margin-left: -0.88rem; | |
| } | |
| ul.list-inline > li, | |
| ol.list-inline > li, | |
| dl.list-inline > li { | |
| margin-top: 0.44rem; | |
| margin-left: 0.88rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Ordered Lists | |
| ----------------------------------------------------------------------------- */ | |
| ol > li:before { | |
| top: 0px; | |
| height: 23px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Lists | |
| ----------------------------------------------------------------------------- */ | |
| ul, | |
| ol, | |
| dl { | |
| margin-bottom: 0.96rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| List Item | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inline List | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| ul.short, | |
| ol.short, | |
| dl.short { | |
| margin-bottom: 0.48rem; | |
| } | |
| ul.short-bottom, | |
| ol.short-bottom, | |
| dl.short-bottom, | |
| ul.short-bottom-screen-large, | |
| ol.short-bottom-screen-large, | |
| dl.short-bottom-screen-large { | |
| margin-bottom: 0.48rem; | |
| } | |
| ul.tall, | |
| ol.tall, | |
| dl.tall { | |
| margin-bottom: 1.92rem; | |
| } | |
| ul.tall-bottom, | |
| ol.tall-bottom, | |
| dl.tall-bottom, | |
| ul.tall-bottom-screen-large, | |
| ol.tall-bottom-screen-large, | |
| dl.tall-bottom-screen-large { | |
| margin-bottom: 1.92rem; | |
| } | |
| ul li, | |
| ol li, | |
| dl li, | |
| ul dt, | |
| ol dt, | |
| dl dt, | |
| ul dd, | |
| ol dd, | |
| dl dd { | |
| margin-bottom: 0.48rem; | |
| padding-left: 1.44rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Nested List | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| ul li.short, | |
| ol li.short, | |
| dl li.short, | |
| ul dt.short, | |
| ol dt.short, | |
| dl dt.short, | |
| ul dd.short, | |
| ol dd.short, | |
| dl dd.short { | |
| margin-bottom: 0.24rem; | |
| } | |
| ul li.short-bottom, | |
| ol li.short-bottom, | |
| dl li.short-bottom, | |
| ul dt.short-bottom, | |
| ol dt.short-bottom, | |
| dl dt.short-bottom, | |
| ul dd.short-bottom, | |
| ol dd.short-bottom, | |
| dl dd.short-bottom, | |
| ul li.short-bottom-screen-large, | |
| ol li.short-bottom-screen-large, | |
| dl li.short-bottom-screen-large, | |
| ul dt.short-bottom-screen-large, | |
| ol dt.short-bottom-screen-large, | |
| dl dt.short-bottom-screen-large, | |
| ul dd.short-bottom-screen-large, | |
| ol dd.short-bottom-screen-large, | |
| dl dd.short-bottom-screen-large { | |
| margin-bottom: 0.24rem; | |
| } | |
| ul li.tall, | |
| ol li.tall, | |
| dl li.tall, | |
| ul dt.tall, | |
| ol dt.tall, | |
| dl dt.tall, | |
| ul dd.tall, | |
| ol dd.tall, | |
| dl dd.tall { | |
| margin-bottom: 0.96rem; | |
| } | |
| ul li.tall-bottom, | |
| ol li.tall-bottom, | |
| dl li.tall-bottom, | |
| ul dt.tall-bottom, | |
| ol dt.tall-bottom, | |
| dl dt.tall-bottom, | |
| ul dd.tall-bottom, | |
| ol dd.tall-bottom, | |
| dl dd.tall-bottom, | |
| ul li.tall-bottom-screen-large, | |
| ol li.tall-bottom-screen-large, | |
| dl li.tall-bottom-screen-large, | |
| ul dt.tall-bottom-screen-large, | |
| ol dt.tall-bottom-screen-large, | |
| dl dt.tall-bottom-screen-large, | |
| ul dd.tall-bottom-screen-large, | |
| ol dd.tall-bottom-screen-large, | |
| dl dd.tall-bottom-screen-large { | |
| margin-bottom: 0.96rem; | |
| } | |
| ul li:before, | |
| ol li:before, | |
| dl li:before, | |
| ul dt:before, | |
| ol dt:before, | |
| dl dt:before, | |
| ul dd:before, | |
| ol dd:before, | |
| dl dd:before { | |
| width: 5px; | |
| height: 5px; | |
| top: 9.5px; | |
| } | |
| ul li > ul, | |
| ol li > ul, | |
| dl li > ul, | |
| ul dt > ul, | |
| ol dt > ul, | |
| dl dt > ul, | |
| ul dd > ul, | |
| ol dd > ul, | |
| dl dd > ul, | |
| ul li > ol, | |
| ol li > ol, | |
| dl li > ol, | |
| ul dt > ol, | |
| ol dt > ol, | |
| dl dt > ol, | |
| ul dd > ol, | |
| ol dd > ol, | |
| dl dd > ol { | |
| margin-top: 0.48rem; | |
| } | |
| ul.list-inline, | |
| ol.list-inline, | |
| dl.list-inline { | |
| margin-top: -0.48rem; | |
| margin-left: -0.96rem; | |
| } | |
| ul.list-inline > li, | |
| ol.list-inline > li, | |
| dl.list-inline > li { | |
| margin-top: 0.48rem; | |
| margin-left: 0.96rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Ordered Lists | |
| ----------------------------------------------------------------------------- */ | |
| ol > li:before { | |
| top: 0px; | |
| height: 24px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Lists | |
| ----------------------------------------------------------------------------- */ | |
| ul, | |
| ol, | |
| dl { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| List Item | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inline List | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| ul li, | |
| ol li, | |
| dl li, | |
| ul dt, | |
| ol dt, | |
| dl dt, | |
| ul dd, | |
| ol dd, | |
| dl dd { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Nested List | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Ordered Lists | |
| ----------------------------------------------------------------------------- */ | |
| ol > li:before { | |
| top: 0px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| table/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Tabel Cell Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Active | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default (Inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Active (Inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Tabel Cell Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Tabel Header Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Active | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default (Inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Active (Inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Tabel Header Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| table/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table { | |
| width: 100%; | |
| max-width: 100%; | |
| font-size: 1rem; | |
| line-height: 1.3rem; | |
| margin-bottom: 12px; | |
| border-collapse: collapse; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Table Border Radius | |
| ----------------------------------------------------------------------------- */ | |
| border-radius: 5px; | |
| } | |
| .table.table-short { | |
| margin-bottom: 6px; | |
| } | |
| .table.table-short-bottom, | |
| .table.table-short-bottom { | |
| margin-bottom: 6px; | |
| } | |
| .table.table-tall { | |
| margin-bottom: 24px; | |
| } | |
| .table.table-tall-bottom, | |
| .table.table-tall-bottom { | |
| margin-bottom: 24px; | |
| } | |
| .table tbody tr:first-child td:first-child, | |
| .table tbody tr:first-child th:first-child { | |
| border-top-left-radius: 5px; | |
| } | |
| .table tbody tr:first-child td:last-child, | |
| .table tbody tr:first-child th:last-child { | |
| border-top-right-radius: 5px; | |
| } | |
| .table tbody tr:last-child td:first-child, | |
| .table tbody tr:last-child th:first-child { | |
| border-bottom-left-radius: 5px; | |
| } | |
| .table tbody tr:last-child td:last-child, | |
| .table tbody tr:last-child th:last-child { | |
| border-bottom-right-radius: 5px; | |
| } | |
| .table > thead tr:first-child th:first-child { | |
| border-top-left-radius: 5px; | |
| } | |
| .table > thead tr:first-child th:last-child { | |
| border-top-right-radius: 5px; | |
| } | |
| .table > thead + tbody tr:first-child th, | |
| .table > thead + tbody tr:first-child td { | |
| border-radius: 0px !important; | |
| } | |
| .table th, | |
| .table td { | |
| text-align: left; | |
| text-decoration: none; | |
| font-size: 1rem; | |
| line-height: 1.1rem; | |
| border-width: 1px; | |
| border-color: #ebebed; | |
| border-style: solid; | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| border-collapse: collapse; | |
| } | |
| .table th:before, | |
| .table td:before { | |
| content: ''; | |
| display: block; | |
| float: left; | |
| height: 1.1rem; | |
| } | |
| .table th.selectable:hover, | |
| .table td.selectable:hover { | |
| cursor: pointer; | |
| background-color: #f9f9fa; | |
| } | |
| .table th.active, | |
| .table td.active, | |
| .table th.highlight, | |
| .table td.highlight { | |
| background-color: #f9f9fa; | |
| } | |
| .table th.active.selectable:hover, | |
| .table td.active.selectable:hover, | |
| .table th.highlight.selectable:hover, | |
| .table td.highlight.selectable:hover { | |
| background-color: #f3f3f4; | |
| } | |
| .table thead th { | |
| font-weight: 600; | |
| font-size: 0.9em; | |
| line-height: 1.17em; | |
| background-color: #f5f5f6; | |
| } | |
| .table thead th:before { | |
| height: 1.17em; | |
| } | |
| .table thead th.selectable:hover { | |
| background-color: #efeff1; | |
| } | |
| .table thead th.active, | |
| .table thead th.highlight { | |
| background-color: #ebebed; | |
| } | |
| .table thead th.active.selectable:hover, | |
| .table thead th.highlight.selectable:hover { | |
| background-color: #ebebed; | |
| } | |
| .table.table-hover tr:hover td { | |
| background-color: #f9f9fa; | |
| } | |
| .table.table-hover tr:hover td.active, | |
| .table.table-hover tr:hover td.highlight { | |
| background-color: #f3f3f4; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Inverse Table (.table-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| .table.table-inverse th, | |
| .table.table-inverse td { | |
| color: #c2c4ca; | |
| border-color: #30374a; | |
| } | |
| .table.table-inverse th.selectable:hover, | |
| .table.table-inverse td.selectable:hover { | |
| color: #d6d8dc; | |
| background-color: #282e3e; | |
| } | |
| .table.table-inverse th.active, | |
| .table.table-inverse td.active, | |
| .table.table-inverse th.highlight, | |
| .table.table-inverse td.highlight { | |
| color: #ebebed; | |
| background-color: #2b3142; | |
| } | |
| .table.table-inverse th.active.selectable:hover, | |
| .table.table-inverse td.active.selectable:hover, | |
| .table.table-inverse th.highlight.selectable:hover, | |
| .table.table-inverse td.highlight.selectable:hover { | |
| color: #f5f5f6; | |
| background-color: #30374a; | |
| } | |
| .table.table-inverse thead th { | |
| color: #ffffff; | |
| background-color: #323a4e; | |
| border-color: #323a4e; | |
| } | |
| .table.table-inverse thead th.selectable:hover { | |
| color: #ffffff; | |
| background-color: #384053; | |
| border-color: #384053; | |
| } | |
| .table.table-inverse thead th.active, | |
| .table.table-inverse thead th.highlight { | |
| background-color: #40485a; | |
| border-color: #40485a; | |
| } | |
| .table.table-inverse thead th.active.selectable:hover, | |
| .table.table-inverse thead th.highlight.selectable:hover { | |
| background-color: #40485a; | |
| border-color: #40485a; | |
| } | |
| .table.table-inverse.table-hover tr:hover td { | |
| color: #d6d8dc; | |
| background-color: #282e3e; | |
| } | |
| .table.table-inverse.table-hover tr:hover td.active, | |
| .table.table-inverse.table-hover tr:hover td.highlight { | |
| color: #f5f5f6; | |
| background-color: #30374a; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Responsive Table | |
| ----------------------------------------------------------------------------- */ | |
| .table-responsive { | |
| display: block; | |
| width: 100%; | |
| min-height: .01%; | |
| overflow-x: auto; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Table Borderless | |
| ----------------------------------------------------------------------------- */ | |
| .table-borderless > thead tr th { | |
| border-top: 0px; | |
| border-bottom: 0px; | |
| border-left: 0px; | |
| border-right: 0px; | |
| } | |
| .table-borderless > tbody tr td, | |
| .table-borderless > tfoot tr td, | |
| .table-borderless > tbody tr th, | |
| .table-borderless > tfoot tr th { | |
| border: 0px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Table Borderless (Outer Borders) | |
| ----------------------------------------------------------------------------- */ | |
| .table-borderless-outer > thead tr:first-child th { | |
| border-top: 0px; | |
| } | |
| .table-borderless-outer > thead tr:last-child th { | |
| border-bottom: 0px; | |
| } | |
| .table-borderless-outer > thead tr th:first-child { | |
| border-left: 0px; | |
| } | |
| .table-borderless-outer > thead tr th:last-child { | |
| border-right: 0px; | |
| } | |
| .table-borderless-outer > tbody tr:first-child td, | |
| .table-borderless-outer > tfoot tr:first-child td, | |
| .table-borderless-outer > tbody tr:first-child th, | |
| .table-borderless-outer > tfoot tr:first-child th { | |
| border-top: 0px; | |
| } | |
| .table-borderless-outer > tbody tr:last-child td, | |
| .table-borderless-outer > tfoot tr:last-child td, | |
| .table-borderless-outer > tbody tr:last-child th, | |
| .table-borderless-outer > tfoot tr:last-child th { | |
| border-bottom: 0px; | |
| } | |
| .table-borderless-outer > tbody tr td:first-child, | |
| .table-borderless-outer > tfoot tr td:first-child, | |
| .table-borderless-outer > tbody tr th:first-child, | |
| .table-borderless-outer > tfoot tr th:first-child { | |
| border-left: 0px; | |
| } | |
| .table-borderless-outer > tbody tr td:last-child, | |
| .table-borderless-outer > tfoot tr td:last-child, | |
| .table-borderless-outer > tbody tr th:last-child, | |
| .table-borderless-outer > tfoot tr th:last-child { | |
| border-right: 0px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Table Borderless (Outer Borders, Rows) | |
| ----------------------------------------------------------------------------- */ | |
| .table-borderless-outer-rows > thead tr:first-child th { | |
| border-top: 0px; | |
| } | |
| .table-borderless-outer-rows > thead tr:last-child th { | |
| border-bottom: 0px; | |
| } | |
| .table-borderless-outer-rows > tbody tr:first-child td, | |
| .table-borderless-outer-rows > tfoot tr:first-child td, | |
| .table-borderless-outer-rows > tbody tr:first-child th, | |
| .table-borderless-outer-rows > tfoot tr:first-child th { | |
| border-top: 0px; | |
| } | |
| .table-borderless-outer-rows > tbody tr:last-child td, | |
| .table-borderless-outer-rows > tfoot tr:last-child td, | |
| .table-borderless-outer-rows > tbody tr:last-child th, | |
| .table-borderless-outer-rows > tfoot tr:last-child th { | |
| border-bottom: 0px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Table Borderless (Outer Borders, Columns) | |
| ----------------------------------------------------------------------------- */ | |
| .table-borderless-outer-columns > thead tr th:first-child { | |
| border-left: 0px; | |
| } | |
| .table-borderless-outer-columns > thead tr th:last-child { | |
| border-right: 0px; | |
| } | |
| .table-borderless-outer-columns > tbody tr td:first-child, | |
| .table-borderless-outer-columns > tfoot tr td:first-child, | |
| .table-borderless-outer-columns > tbody tr th:first-child, | |
| .table-borderless-outer-columns > tfoot tr th:first-child { | |
| border-left: 0px; | |
| } | |
| .table-borderless-outer-columns > tbody tr td:last-child, | |
| .table-borderless-outer-columns > tfoot tr td:last-child, | |
| .table-borderless-outer-columns > tbody tr th:last-child, | |
| .table-borderless-outer-columns > tfoot tr th:last-child { | |
| border-right: 0px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Table Borderless (Inner Borders) | |
| ----------------------------------------------------------------------------- */ | |
| .table-borderless-inner > thead tr:not(:first-child) td, | |
| .table-borderless-inner > tbody tr:not(:first-child) td, | |
| .table-borderless-inner > tfoot tr:not(:first-child) td, | |
| .table-borderless-inner > thead tr:not(:first-child) th, | |
| .table-borderless-inner > tbody tr:not(:first-child) th, | |
| .table-borderless-inner > tfoot tr:not(:first-child) th { | |
| border-top: 0px; | |
| } | |
| .table-borderless-inner > thead tr:not(:last-child) td, | |
| .table-borderless-inner > tbody tr:not(:last-child) td, | |
| .table-borderless-inner > tfoot tr:not(:last-child) td, | |
| .table-borderless-inner > thead tr:not(:last-child) th, | |
| .table-borderless-inner > tbody tr:not(:last-child) th, | |
| .table-borderless-inner > tfoot tr:not(:last-child) th { | |
| border-bottom: 0px; | |
| } | |
| .table-borderless-inner > thead tr td:not(:first-child), | |
| .table-borderless-inner > tbody tr td:not(:first-child), | |
| .table-borderless-inner > tfoot tr td:not(:first-child), | |
| .table-borderless-inner > thead tr th:not(:first-child), | |
| .table-borderless-inner > tbody tr th:not(:first-child), | |
| .table-borderless-inner > tfoot tr th:not(:first-child) { | |
| border-left: 0px; | |
| } | |
| .table-borderless-inner > thead tr td:not(:last-child), | |
| .table-borderless-inner > tbody tr td:not(:last-child), | |
| .table-borderless-inner > tfoot tr td:not(:last-child), | |
| .table-borderless-inner > thead tr th:not(:last-child), | |
| .table-borderless-inner > tbody tr th:not(:last-child), | |
| .table-borderless-inner > tfoot tr th:not(:last-child) { | |
| border-right: 0px; | |
| } | |
| .table-borderless-inner > thead + tbody tr:first-child td, | |
| .table-borderless-inner > thead + tbody tr:first-child th { | |
| border-top: 0px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Table Borderless (Inner Borders, Rows) | |
| ----------------------------------------------------------------------------- */ | |
| .table-borderless-inner-rows > thead tr:not(:first-child) td, | |
| .table-borderless-inner-rows > tbody tr:not(:first-child) td, | |
| .table-borderless-inner-rows > tfoot tr:not(:first-child) td, | |
| .table-borderless-inner-rows > thead tr:not(:first-child) th, | |
| .table-borderless-inner-rows > tbody tr:not(:first-child) th, | |
| .table-borderless-inner-rows > tfoot tr:not(:first-child) th { | |
| border-top: 0px; | |
| } | |
| .table-borderless-inner-rows > thead tr:not(:last-child) td, | |
| .table-borderless-inner-rows > tbody tr:not(:last-child) td, | |
| .table-borderless-inner-rows > tfoot tr:not(:last-child) td, | |
| .table-borderless-inner-rows > thead tr:not(:last-child) th, | |
| .table-borderless-inner-rows > tbody tr:not(:last-child) th, | |
| .table-borderless-inner-rows > tfoot tr:not(:last-child) th { | |
| border-bottom: 0px; | |
| } | |
| > thead + tbody tr:first-child td, | |
| > thead + tbody tr:first-child th { | |
| border-top: 0px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Table Borderless (Inner Borders, Columns) | |
| ----------------------------------------------------------------------------- */ | |
| .table-borderless-inner-columns > thead tr td:not(:first-child), | |
| .table-borderless-inner-columns > tbody tr td:not(:first-child), | |
| .table-borderless-inner-columns > tfoot tr td:not(:first-child), | |
| .table-borderless-inner-columns > thead tr th:not(:first-child), | |
| .table-borderless-inner-columns > tbody tr th:not(:first-child), | |
| .table-borderless-inner-columns > tfoot tr th:not(:first-child) { | |
| border-left: 0px; | |
| } | |
| .table-borderless-inner-columns > thead tr td:not(:last-child), | |
| .table-borderless-inner-columns > tbody tr td:not(:last-child), | |
| .table-borderless-inner-columns > tfoot tr td:not(:last-child), | |
| .table-borderless-inner-columns > thead tr th:not(:last-child), | |
| .table-borderless-inner-columns > tbody tr th:not(:last-child), | |
| .table-borderless-inner-columns > tfoot tr th:not(:last-child) { | |
| border-right: 0px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table { | |
| margin-bottom: 12px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .table.table-short { | |
| margin-bottom: 6px; | |
| } | |
| .table.table-short-bottom, | |
| .table.table-short-bottom-screen-small { | |
| margin-bottom: 6px; | |
| } | |
| .table.table-tall { | |
| margin-bottom: 24px; | |
| } | |
| .table.table-tall-bottom, | |
| .table.table-tall-bottom-screen-small { | |
| margin-bottom: 24px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table { | |
| margin-bottom: 16px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .table.table-short { | |
| margin-bottom: 8px; | |
| } | |
| .table.table-short-bottom, | |
| .table.table-short-bottom-screen-medium { | |
| margin-bottom: 8px; | |
| } | |
| .table.table-tall { | |
| margin-bottom: 32px; | |
| } | |
| .table.table-tall-bottom, | |
| .table.table-tall-bottom-screen-medium { | |
| margin-bottom: 32px; | |
| } | |
| .table th, | |
| .table td { | |
| padding-top: 0.55rem; | |
| padding-bottom: 0.55rem; | |
| padding-left: 1.1; | |
| padding-right: 0.55rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table { | |
| margin-bottom: 18px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .table.table-short { | |
| margin-bottom: 9px; | |
| } | |
| .table.table-short-bottom, | |
| .table.table-short-bottom-screen-large { | |
| margin-bottom: 9px; | |
| } | |
| .table.table-tall { | |
| margin-bottom: 36px; | |
| } | |
| .table.table-tall-bottom, | |
| .table.table-tall-bottom-screen-large { | |
| margin-bottom: 36px; | |
| } | |
| .table th, | |
| .table td { | |
| padding-top: 0.6rem; | |
| padding-bottom: 0.6rem; | |
| padding-left: 1.2; | |
| padding-right: 0.6rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table { | |
| margin-bottom: 24px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .table.table-short { | |
| margin-bottom: 12px; | |
| } | |
| .table.table-short-bottom, | |
| .table.table-short-bottom-screen-jumbo { | |
| margin-bottom: 12px; | |
| } | |
| .table.table-tall { | |
| margin-bottom: 48px; | |
| } | |
| .table.table-tall-bottom, | |
| .table.table-tall-bottom-screen-jumbo { | |
| margin-bottom: 48px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| table-small/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Tabel Cell Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Tabel Header Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| table-small/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table.table-small { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Table Border Radius | |
| ----------------------------------------------------------------------------- */ | |
| border-radius: 3px; | |
| } | |
| .table.table-small tbody tr:first-child td:first-child, | |
| .table.table-small tbody tr:first-child th:first-child { | |
| border-top-left-radius: 3px; | |
| } | |
| .table.table-small tbody tr:first-child td:last-child, | |
| .table.table-small tbody tr:first-child th:last-child { | |
| border-top-right-radius: 3px; | |
| } | |
| .table.table-small tbody tr:last-child td:first-child, | |
| .table.table-small tbody tr:last-child th:first-child { | |
| border-bottom-left-radius: 3px; | |
| } | |
| .table.table-small tbody tr:last-child td:last-child, | |
| .table.table-small tbody tr:last-child th:last-child { | |
| border-bottom-right-radius: 3px; | |
| } | |
| .table.table-small > thead tr:first-child th:first-child { | |
| border-top-left-radius: 3px; | |
| } | |
| .table.table-small > thead tr:first-child th:last-child { | |
| border-top-right-radius: 3px; | |
| } | |
| .table.table-small > thead + tbody tr:first-child th, | |
| .table.table-small > thead + tbody tr:first-child td { | |
| border-radius: 0px !important; | |
| } | |
| .table.table-small th, | |
| .table.table-small td { | |
| font-size: 0.9rem; | |
| line-height: 0.99rem; | |
| padding-top: 0.35rem; | |
| padding-bottom: 0.35rem; | |
| } | |
| .table.table-small th:before, | |
| .table.table-small td:before { | |
| height: 0.99rem; | |
| } | |
| .table.table-small thead th { | |
| font-size: 0.85em; | |
| line-height: 1.105em; | |
| } | |
| .table.table-small thead th:before { | |
| height: 1.105em; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table.table-small { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table.table-small { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .table.table-small th, | |
| .table.table-small td { | |
| padding-top: 0.385rem; | |
| padding-bottom: 0.385rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table.table-small { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .table.table-small th, | |
| .table.table-small td { | |
| padding-top: 0.42rem; | |
| padding-bottom: 0.42rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table.table-small { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| table-large/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Tabel Cell Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Tabel Header Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| table-large/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table.table-large { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Table Border Radius | |
| ----------------------------------------------------------------------------- */ | |
| border-radius: 3px; | |
| } | |
| .table.table-large tbody tr:first-child td:first-child, | |
| .table.table-large tbody tr:first-child th:first-child { | |
| border-top-left-radius: 3px; | |
| } | |
| .table.table-large tbody tr:first-child td:last-child, | |
| .table.table-large tbody tr:first-child th:last-child { | |
| border-top-right-radius: 3px; | |
| } | |
| .table.table-large tbody tr:last-child td:first-child, | |
| .table.table-large tbody tr:last-child th:first-child { | |
| border-bottom-left-radius: 3px; | |
| } | |
| .table.table-large tbody tr:last-child td:last-child, | |
| .table.table-large tbody tr:last-child th:last-child { | |
| border-bottom-right-radius: 3px; | |
| } | |
| .table.table-large > thead tr:first-child th:first-child { | |
| border-top-left-radius: 3px; | |
| } | |
| .table.table-large > thead tr:first-child th:last-child { | |
| border-top-right-radius: 3px; | |
| } | |
| .table.table-large > thead + tbody tr:first-child th, | |
| .table.table-large > thead + tbody tr:first-child td { | |
| border-radius: 0px !important; | |
| } | |
| .table.table-large th, | |
| .table.table-large td { | |
| font-size: 1.1rem; | |
| line-height: 1.21rem; | |
| padding-top: 0.8rem; | |
| padding-bottom: 0.8rem; | |
| padding-left: 0.8rem; | |
| padding-right: 0.8rem; | |
| } | |
| .table.table-large th:before, | |
| .table.table-large td:before { | |
| height: 1.21rem; | |
| } | |
| .table.table-large thead th { | |
| font-size: 1em; | |
| line-height: 1.3em; | |
| } | |
| .table.table-large thead th:before { | |
| height: 1.3em; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table.table-large { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table.table-large { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .table.table-large th, | |
| .table.table-large td { | |
| padding-top: 0.88rem; | |
| padding-bottom: 0.88rem; | |
| padding-left: 0.88rem; | |
| padding-right: 0.88rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table.table-large { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .table.table-large th, | |
| .table.table-large td { | |
| padding-top: 0.96rem; | |
| padding-bottom: 0.96rem; | |
| padding-left: 0.96rem; | |
| padding-right: 0.96rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table.table-large { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| table-row-selected/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Tabel Cell Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Active | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default (Inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Active (Inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| table-row-selected/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table tr.selected td, | |
| .table td.selected { | |
| text-decoration: none; | |
| background-color: #f9f9fa; | |
| } | |
| .table tr.selected td.selectable:hover, | |
| .table td.selected.selectable:hover { | |
| background-color: #f9f9fa; | |
| } | |
| .table tr.selected td.active, | |
| .table td.selected.active, | |
| .table tr.selected td.highlight, | |
| .table td.selected.highlight { | |
| background-color: #f9f9fa; | |
| } | |
| .table tr.selected td.active.selectable:hover, | |
| .table td.selected.active.selectable:hover, | |
| .table tr.selected td.highlight.selectable:hover, | |
| .table td.selected.highlight.selectable:hover { | |
| background-color: #f3f3f4; | |
| } | |
| .table.table-hover tr.selected:hover td, | |
| .table.table-hover tr:hover td.selected { | |
| background-color: #f9f9fa; | |
| } | |
| .table.table-hover tr.selected:hover td.active, | |
| .table.table-hover tr:hover td.selected.active, | |
| .table.table-hover tr.selected:hover td.highlight, | |
| .table.table-hover tr:hover td.selected.highlight { | |
| background-color: #f3f3f4; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Inverse Table (.table-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| .table.table-inverse tr.selected td, | |
| .table.table-inverse td.selected { | |
| color: #ebebed; | |
| background-color: #2b3142; | |
| } | |
| .table.table-inverse tr.selected td.selectable:hover, | |
| .table.table-inverse td.selected.selectable:hover { | |
| color: #ebebed; | |
| background-color: #2b3142; | |
| } | |
| .table.table-inverse tr.selected td.active.selectable:hover, | |
| .table.table-inverse td.selected.active.selectable:hover, | |
| .table.table-inverse tr.selected td.highlight.selectable:hover, | |
| .table.table-inverse td.selected.highlight.selectable:hover { | |
| color: #f5f5f6; | |
| background-color: #30374a; | |
| } | |
| .table.table-inverse.table-hover tr.selected:hover td, | |
| .table.table-inverse.table-hover tr:hover td.selected { | |
| color: #ebebed; | |
| background-color: #2b3142; | |
| } | |
| .table.table-inverse.table-hover tr.selected:hover td.active, | |
| .table.table-inverse.table-hover tr:hover td.selected.active, | |
| .table.table-inverse.table-hover tr.selected:hover td.highlight, | |
| .table.table-inverse.table-hover tr:hover td.selected.highlight { | |
| color: #f5f5f6; | |
| background-color: #30374a; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| table-row-success/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Tabel Cell Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Active | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default (Inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Active (Inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| table-row-success/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table tr.success td, | |
| .table td.success { | |
| color: #ffffff; | |
| background-color: #27c97b; | |
| border-color: #27c97b; | |
| } | |
| .table tr.success td.selectable:hover, | |
| .table td.success.selectable:hover { | |
| background-color: #25bf75; | |
| border-color: #25bf75; | |
| } | |
| .table tr.success td.active, | |
| .table td.success.active, | |
| .table tr.success td.highlight, | |
| .table td.success.highlight { | |
| color: #ffffff; | |
| background-color: #23b56f; | |
| border-color: #23b56f; | |
| } | |
| .table tr.success td.active.selectable:hover, | |
| .table td.success.active.selectable:hover, | |
| .table tr.success td.highlight.selectable:hover, | |
| .table td.success.highlight.selectable:hover { | |
| background-color: #21ab69; | |
| border-color: #21ab69; | |
| } | |
| .table.table-hover tr.success:hover td, | |
| .table.table-hover tr:hover td.success { | |
| background-color: #25bf75; | |
| border-color: #25bf75; | |
| } | |
| .table.table-hover tr.success:hover td.active, | |
| .table.table-hover tr:hover td.success.active, | |
| .table.table-hover tr.success:hover td.highlight, | |
| .table.table-hover tr:hover td.success.highlight { | |
| background-color: #21ab69; | |
| border-color: #21ab69; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Inverse Table (.table-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| .table.table-inverse tr.success td.selectable:hover, | |
| .table.table-inverse td.success.selectable:hover { | |
| color: #ffffff; | |
| background-color: #25bf75; | |
| border-color: #25bf75; | |
| } | |
| .table.table-inverse tr.success td.active.selectable:hover, | |
| .table.table-inverse td.success.active.selectable:hover, | |
| .table.table-inverse tr.success td.highlight.selectable:hover, | |
| .table.table-inverse td.success.highlight.selectable:hover { | |
| background-color: #21ab69; | |
| border-color: #21ab69; | |
| } | |
| .table.table-inverse.table-hover tr.success:hover td, | |
| .table.table-inverse.table-hover tr:hover td.success { | |
| color: #ffffff; | |
| background-color: #25bf75; | |
| border-color: #25bf75; | |
| } | |
| .table.table-inverse.table-hover tr.success:hover td.active, | |
| .table.table-inverse.table-hover tr:hover td.success.active, | |
| .table.table-inverse.table-hover tr.success:hover td.highlight, | |
| .table.table-inverse.table-hover tr:hover td.success.highlight { | |
| background-color: #21ab69; | |
| border-color: #21ab69; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| table-row-warning/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Tabel Cell Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Active | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default (Inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Active (Inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| table-row-warning/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table tr.warning td, | |
| .table td.warning { | |
| color: #ffffff; | |
| background-color: #f56753; | |
| border-color: #f56753; | |
| } | |
| .table tr.warning td.selectable:hover, | |
| .table td.warning.selectable:hover { | |
| background-color: #e9624f; | |
| border-color: #e9624f; | |
| } | |
| .table tr.warning td.active, | |
| .table td.warning.active, | |
| .table tr.warning td.highlight, | |
| .table td.warning.highlight { | |
| color: #ffffff; | |
| background-color: #dd5d4b; | |
| border-color: #dd5d4b; | |
| } | |
| .table tr.warning td.active.selectable:hover, | |
| .table td.warning.active.selectable:hover, | |
| .table tr.warning td.highlight.selectable:hover, | |
| .table td.warning.highlight.selectable:hover { | |
| background-color: #d05847; | |
| border-color: #d05847; | |
| } | |
| .table.table-hover tr.warning:hover td, | |
| .table.table-hover tr:hover td.warning { | |
| background-color: #e9624f; | |
| border-color: #e9624f; | |
| } | |
| .table.table-hover tr.warning:hover td.active, | |
| .table.table-hover tr:hover td.warning.active, | |
| .table.table-hover tr.warning:hover td.highlight, | |
| .table.table-hover tr:hover td.warning.highlight { | |
| background-color: #d05847; | |
| border-color: #d05847; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Inverse Table (.table-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| .table.table-inverse tr.warning td.selectable:hover, | |
| .table.table-inverse td.warning.selectable:hover { | |
| color: #ffffff; | |
| background-color: #e9624f; | |
| border-color: #e9624f; | |
| } | |
| .table.table-inverse tr.warning td.active.selectable:hover, | |
| .table.table-inverse td.warning.active.selectable:hover, | |
| .table.table-inverse tr.warning td.highlight.selectable:hover, | |
| .table.table-inverse td.warning.highlight.selectable:hover { | |
| background-color: #d05847; | |
| border-color: #d05847; | |
| } | |
| .table.table-inverse.table-hover tr.warning:hover td, | |
| .table.table-inverse.table-hover tr:hover td.warning { | |
| color: #ffffff; | |
| background-color: #e9624f; | |
| border-color: #e9624f; | |
| } | |
| .table.table-inverse.table-hover tr.warning:hover td.active, | |
| .table.table-inverse.table-hover tr:hover td.warning.active, | |
| .table.table-inverse.table-hover tr.warning:hover td.highlight, | |
| .table.table-inverse.table-hover tr:hover td.warning.highlight { | |
| background-color: #d05847; | |
| border-color: #d05847; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| table-row-danger/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Tabel Cell Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Active | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default (Inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Active (Inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| table-row-danger/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Table | |
| ----------------------------------------------------------------------------- */ | |
| .table tr.danger td, | |
| .table td.danger { | |
| color: #ffffff; | |
| background-color: #f33745; | |
| border-color: #f33745; | |
| } | |
| .table tr.danger td.selectable:hover, | |
| .table td.danger.selectable:hover { | |
| background-color: #e73442; | |
| border-color: #e73442; | |
| } | |
| .table tr.danger td.active, | |
| .table td.danger.active, | |
| .table tr.danger td.highlight, | |
| .table td.danger.highlight { | |
| color: #ffffff; | |
| background-color: #db323e; | |
| border-color: #db323e; | |
| } | |
| .table tr.danger td.active.selectable:hover, | |
| .table td.danger.active.selectable:hover, | |
| .table tr.danger td.highlight.selectable:hover, | |
| .table td.danger.highlight.selectable:hover { | |
| background-color: #cf2f3b; | |
| border-color: #cf2f3b; | |
| } | |
| .table.table-hover tr.danger:hover td, | |
| .table.table-hover tr:hover td.danger { | |
| background-color: #e73442; | |
| border-color: #e73442; | |
| } | |
| .table.table-hover tr.danger:hover td.active, | |
| .table.table-hover tr:hover td.danger.active, | |
| .table.table-hover tr.danger:hover td.highlight, | |
| .table.table-hover tr:hover td.danger.highlight { | |
| background-color: #cf2f3b; | |
| border-color: #cf2f3b; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Inverse Table (.table-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| .table.table-inverse tr.danger td.selectable:hover, | |
| .table.table-inverse td.danger.selectable:hover { | |
| color: #ffffff; | |
| background-color: #e73442; | |
| border-color: #e73442; | |
| } | |
| .table.table-inverse tr.danger td.active.selectable:hover, | |
| .table.table-inverse td.danger.active.selectable:hover, | |
| .table.table-inverse tr.danger td.highlight.selectable:hover, | |
| .table.table-inverse td.danger.highlight.selectable:hover { | |
| background-color: #cf2f3b; | |
| border-color: #cf2f3b; | |
| } | |
| .table.table-inverse.table-hover tr.danger:hover td, | |
| .table.table-inverse.table-hover tr:hover td.danger { | |
| color: #ffffff; | |
| background-color: #e73442; | |
| border-color: #e73442; | |
| } | |
| .table.table-inverse.table-hover tr.danger:hover td.active, | |
| .table.table-inverse.table-hover tr:hover td.danger.active, | |
| .table.table-inverse.table-hover tr.danger:hover td.highlight, | |
| .table.table-inverse.table-hover tr:hover td.danger.highlight { | |
| background-color: #cf2f3b; | |
| border-color: #cf2f3b; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Code | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| code/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| code/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Code | |
| ----------------------------------------------------------------------------- */ | |
| code, | |
| .code { | |
| display: inline-block; | |
| white-space: nowrap; | |
| vertical-align: initial; | |
| font-size: 80%; | |
| line-height: 150%; | |
| padding-left: 0.3rem; | |
| padding-right: 0.3rem; | |
| color: #9351e5; | |
| font-family: Monaco, Menlo, Consolas, "Courier New", monospace; | |
| font-weight: inherit; | |
| text-decoration: none; | |
| text-rendering: optimizelegibility; | |
| background-color: #f9f5fd; | |
| border-radius: 3px; | |
| /* ----------------------------------------------------------------------------- | |
| Code Inverse (.code-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| code.code-inverse, | |
| .code.code-inverse { | |
| color: #ffffff; | |
| background-color: #474e60; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Code | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Code | |
| ----------------------------------------------------------------------------- */ | |
| code, | |
| .code { | |
| padding-left: 0.33rem; | |
| padding-right: 0.33rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Code | |
| ----------------------------------------------------------------------------- */ | |
| code, | |
| .code { | |
| padding-left: 0.36rem; | |
| padding-right: 0.36rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Code | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| code-block/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| code-block/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Code Block | |
| ----------------------------------------------------------------------------- */ | |
| pre, | |
| .code-block { | |
| display: block; | |
| word-break: break-all; | |
| white-space: pre; | |
| font-size: 0.8rem; | |
| line-height: 1.04rem; | |
| margin-top: 0px; | |
| margin-bottom: 12px; | |
| padding-top: 1rem; | |
| padding-bottom: 1rem; | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| color: #5b6171; | |
| font-family: Monaco, Menlo, Consolas, "Courier New", monospace; | |
| font-weight: inherit; | |
| text-decoration: none; | |
| text-rendering: optimizelegibility; | |
| background-color: #f9f9fa; | |
| border-radius: 3px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Style Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Code Block Inverse (.code-block-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| pre.short, | |
| .code-block.short { | |
| margin-top: 0px; | |
| margin-bottom: 6px; | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; | |
| } | |
| pre.short-top, | |
| .code-block.short-top, | |
| pre.short-top, | |
| .code-block.short-top { | |
| margin-top: 0px; | |
| padding-top: 0.5rem; | |
| } | |
| pre.short-bottom, | |
| .code-block.short-bottom, | |
| pre.short-bottom, | |
| .code-block.short-bottom { | |
| margin-bottom: 6px; | |
| padding-bottom: 0.5rem; | |
| } | |
| pre.tall, | |
| .code-block.tall { | |
| margin-top: 0px; | |
| margin-bottom: 24px; | |
| padding-top: 2rem; | |
| padding-bottom: 2rem; | |
| } | |
| pre.tall-top, | |
| .code-block.tall-top, | |
| pre.tall-top, | |
| .code-block.tall-top { | |
| margin-top: 0px; | |
| padding-top: 2rem; | |
| } | |
| pre.tall-bottom, | |
| .code-block.tall-bottom, | |
| pre.tall-bottom, | |
| .code-block.tall-bottom { | |
| margin-bottom: 24px; | |
| padding-bottom: 2rem; | |
| } | |
| pre.flush, | |
| .code-block.flush { | |
| padding: 0px !important; | |
| } | |
| pre.transparent, | |
| .code-block.transparent { | |
| background: none !important; | |
| } | |
| pre.code-block-inverse, | |
| .code-block.code-block-inverse { | |
| color: #ffffff; | |
| background-color: #474e60; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Code Block | |
| ----------------------------------------------------------------------------- */ | |
| pre, | |
| .code-block { | |
| margin-bottom: 12px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| pre.short, | |
| .code-block.short { | |
| margin-bottom: 6px; | |
| } | |
| pre.short-bottom, | |
| .code-block.short-bottom, | |
| pre.short-bottom-screen-small, | |
| .code-block.short-bottom-screen-small { | |
| margin-bottom: 6px; | |
| } | |
| pre.tall, | |
| .code-block.tall { | |
| margin-bottom: 24px; | |
| } | |
| pre.tall-bottom, | |
| .code-block.tall-bottom, | |
| pre.tall-bottom-screen-small, | |
| .code-block.tall-bottom-screen-small { | |
| margin-bottom: 24px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Code Block | |
| ----------------------------------------------------------------------------- */ | |
| pre, | |
| .code-block { | |
| margin-bottom: 16px; | |
| padding-top: 1.1rem; | |
| padding-bottom: 1.1rem; | |
| padding-left: 1.1rem; | |
| padding-right: 1.1rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| pre.short, | |
| .code-block.short { | |
| margin-bottom: 8px; | |
| padding-top: 0.55rem; | |
| padding-bottom: 0.55rem; | |
| } | |
| pre.short-top, | |
| .code-block.short-top, | |
| pre.short-top-screen-medium, | |
| .code-block.short-top-screen-medium { | |
| padding-top: 0.55rem; | |
| } | |
| pre.short-bottom, | |
| .code-block.short-bottom, | |
| pre.short-bottom-screen-medium, | |
| .code-block.short-bottom-screen-medium { | |
| margin-bottom: 8px; | |
| padding-bottom: 0.55rem; | |
| } | |
| pre.tall, | |
| .code-block.tall { | |
| margin-bottom: 32px; | |
| padding-top: 2.2rem; | |
| padding-bottom: 2.2rem; | |
| } | |
| pre.tall-top, | |
| .code-block.tall-top, | |
| pre.tall-top-screen-medium, | |
| .code-block.tall-top-screen-medium { | |
| padding-top: 2.2rem; | |
| } | |
| pre.tall-bottom, | |
| .code-block.tall-bottom, | |
| pre.tall-bottom-screen-medium, | |
| .code-block.tall-bottom-screen-medium { | |
| margin-bottom: 32px; | |
| padding-bottom: 2.2rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Code Block | |
| ----------------------------------------------------------------------------- */ | |
| pre, | |
| .code-block { | |
| margin-bottom: 18px; | |
| padding-top: 1.2rem; | |
| padding-bottom: 1.2rem; | |
| padding-left: 1.2rem; | |
| padding-right: 1.2rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| pre.short, | |
| .code-block.short { | |
| margin-bottom: 9px; | |
| padding-top: 0.6rem; | |
| padding-bottom: 0.6rem; | |
| } | |
| pre.short-top, | |
| .code-block.short-top, | |
| pre.short-top-screen-large, | |
| .code-block.short-top-screen-large { | |
| padding-top: 0.6rem; | |
| } | |
| pre.short-bottom, | |
| .code-block.short-bottom, | |
| pre.short-bottom-screen-large, | |
| .code-block.short-bottom-screen-large { | |
| margin-bottom: 9px; | |
| padding-bottom: 0.6rem; | |
| } | |
| pre.tall, | |
| .code-block.tall { | |
| margin-bottom: 36px; | |
| padding-top: 2.4rem; | |
| padding-bottom: 2.4rem; | |
| } | |
| pre.tall-top, | |
| .code-block.tall-top, | |
| pre.tall-top-screen-large, | |
| .code-block.tall-top-screen-large { | |
| padding-top: 2.4rem; | |
| } | |
| pre.tall-bottom, | |
| .code-block.tall-bottom, | |
| pre.tall-bottom-screen-large, | |
| .code-block.tall-bottom-screen-large { | |
| margin-bottom: 36px; | |
| padding-bottom: 2.4rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Code Block | |
| ----------------------------------------------------------------------------- */ | |
| pre, | |
| .code-block { | |
| margin-bottom: 24px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| pre.short, | |
| .code-block.short { | |
| margin-bottom: 12px; | |
| } | |
| pre.short-bottom, | |
| .code-block.short-bottom, | |
| pre.short-bottom-screen-jumbo, | |
| .code-block.short-bottom-screen-jumbo { | |
| margin-bottom: 12px; | |
| } | |
| pre.tall, | |
| .code-block.tall { | |
| margin-bottom: 48px; | |
| } | |
| pre.tall-bottom, | |
| .code-block.tall-bottom, | |
| pre.tall-bottom-screen-jumbo, | |
| .code-block.tall-bottom-screen-jumbo { | |
| margin-bottom: 48px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Components | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Button | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button | |
| ----------------------------------------------------------------------------- */ | |
| button, | |
| .button { | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| font-size: 1rem; | |
| line-height: 1.1rem; | |
| color: #323a4e; | |
| font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| text-decoration: none; | |
| text-rendering: optimizelegibility; | |
| background-color: #e0e1e4; | |
| border-width: 1px; | |
| border-color: #e0e1e4; | |
| border-style: solid; | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem; | |
| height: 38px; | |
| border-radius: 5px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Inverse (.button-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Block Button (.button-block) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Button (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Content | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| button.button-narrow, | |
| .button.button-narrow { | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } | |
| button.button-narrow-left, | |
| .button.button-narrow-left, | |
| button.button-narrow-left, | |
| .button.button-narrow-left { | |
| padding-left: 0.75rem; | |
| } | |
| button.button-narrow-right, | |
| .button.button-narrow-right, | |
| button.button-narrow-right, | |
| .button.button-narrow-right { | |
| padding-right: 0.75rem; | |
| } | |
| button.button-wide, | |
| .button.button-wide { | |
| padding-left: 3rem; | |
| padding-right: 3rem; | |
| } | |
| button.button-wide-left, | |
| .button.button-wide-left, | |
| button.button-wide-left, | |
| .button.button-wide-left { | |
| padding-left: 3rem; | |
| } | |
| button.button-wide-right, | |
| .button.button-wide-right, | |
| button.button-wide-right, | |
| .button.button-wide-right { | |
| padding-right: 3rem; | |
| } | |
| button > *, | |
| .button > * { | |
| display: -ms-inline-flexbox !important; | |
| display: inline-flex !important; | |
| } | |
| button.button-dropdown:after, | |
| .button.button-dropdown:after, | |
| button.dropdown-toggle:after, | |
| .button.dropdown-toggle:after { | |
| vertical-align: middle; | |
| content: ''; | |
| display: inline-block; | |
| width: 0; | |
| height: 0; | |
| border-style: solid; | |
| line-height: 0px; | |
| border-color: #323a4e transparent transparent transparent; | |
| _border-color: #323a4e #000000 #000000 #000000; | |
| margin-left: 0.375rem; | |
| margin-top: 2px; | |
| border-right-width: 4.5px; | |
| border-left-width: 4.5px; | |
| border-top-width: 5px; | |
| border-bottom-width: 0px; | |
| } | |
| button:hover, | |
| .button:hover { | |
| color: #282e3e; | |
| text-decoration: none; | |
| background-color: #d6d8dc; | |
| border-color: #d6d8dc; | |
| cursor: pointer; | |
| } | |
| button:hover.button-dropdown:after, | |
| .button:hover.button-dropdown:after, | |
| button:hover.dropdown-toggle:after, | |
| .button:hover.dropdown-toggle:after { | |
| border-color: #282e3e transparent transparent transparent; | |
| _border-color: #282e3e #000000 #000000 #000000; | |
| } | |
| button:active, | |
| .button:active { | |
| color: #5b6171; | |
| background-color: #b7bac1; | |
| border-color: #b7bac1; | |
| } | |
| button:active.button-dropdown:after, | |
| .button:active.button-dropdown:after, | |
| button:active.dropdown-toggle:after, | |
| .button:active.dropdown-toggle:after { | |
| border-color: #5b6171 transparent transparent transparent; | |
| _border-color: #5b6171 #000000 #000000 #000000; | |
| } | |
| button.selected, | |
| .button.selected, | |
| button.active, | |
| .button.active { | |
| color: #5b6171; | |
| background-color: #c2c4ca; | |
| border-color: #c2c4ca; | |
| } | |
| button.selected.button-dropdown:after, | |
| .button.selected.button-dropdown:after, | |
| button.active.button-dropdown:after, | |
| .button.active.button-dropdown:after, | |
| button.selected.dropdown-toggle:after, | |
| .button.selected.dropdown-toggle:after, | |
| button.active.dropdown-toggle:after, | |
| .button.active.dropdown-toggle:after { | |
| border-color: #5b6171 transparent transparent transparent; | |
| _border-color: #5b6171 #000000 #000000 #000000; | |
| } | |
| button:disabled, | |
| .button:disabled, | |
| button.disabled, | |
| .button.disabled { | |
| cursor: default; | |
| color: #323a4e; | |
| font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| text-decoration: none; | |
| text-rendering: optimizelegibility; | |
| background-color: #e0e1e4; | |
| border-width: 1px; | |
| border-color: #e0e1e4; | |
| border-style: solid; | |
| opacity: 0.5; | |
| } | |
| button:disabled.button-dropdown:after, | |
| .button:disabled.button-dropdown:after, | |
| button.disabled.button-dropdown:after, | |
| .button.disabled.button-dropdown:after, | |
| button:disabled.dropdown-toggle:after, | |
| .button:disabled.dropdown-toggle:after, | |
| button.disabled.dropdown-toggle:after, | |
| .button.disabled.dropdown-toggle:after { | |
| border-color: #323a4e transparent transparent transparent; | |
| _border-color: #323a4e #000000 #000000 #000000; | |
| } | |
| button.button-inverse, | |
| .button.button-inverse { | |
| color: #ffffff; | |
| background-color: #474e60; | |
| border-color: #474e60; | |
| } | |
| button.button-inverse.button-dropdown:after, | |
| .button.button-inverse.button-dropdown:after, | |
| button.button-inverse.dropdown-toggle:after, | |
| .button.button-inverse.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| button.button-inverse:hover, | |
| .button.button-inverse:hover { | |
| color: #ffffff; | |
| text-decoration: none; | |
| background-color: #515869; | |
| border-color: #515869; | |
| } | |
| button.button-inverse:hover.button-dropdown:after, | |
| .button.button-inverse:hover.button-dropdown:after, | |
| button.button-inverse:hover.dropdown-toggle:after, | |
| .button.button-inverse:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| button.button-inverse:active, | |
| .button.button-inverse:active { | |
| color: #adb0b8; | |
| background-color: #323a4e; | |
| border-color: #323a4e; | |
| } | |
| button.button-inverse:active.button-dropdown:after, | |
| .button.button-inverse:active.button-dropdown:after, | |
| button.button-inverse:active.dropdown-toggle:after, | |
| .button.button-inverse:active.dropdown-toggle:after { | |
| border-color: #adb0b8 transparent transparent transparent; | |
| _border-color: #adb0b8 #000000 #000000 #000000; | |
| } | |
| button.button-inverse.selected, | |
| .button.button-inverse.selected, | |
| button.button-inverse.active, | |
| .button.button-inverse.active { | |
| color: #c2c4ca; | |
| background-color: #3c4457; | |
| border-color: #3c4457; | |
| } | |
| button.button-inverse.selected.button-dropdown:after, | |
| .button.button-inverse.selected.button-dropdown:after, | |
| button.button-inverse.active.button-dropdown:after, | |
| .button.button-inverse.active.button-dropdown:after, | |
| button.button-inverse.selected.dropdown-toggle:after, | |
| .button.button-inverse.selected.dropdown-toggle:after, | |
| button.button-inverse.active.dropdown-toggle:after, | |
| .button.button-inverse.active.dropdown-toggle:after { | |
| border-color: #c2c4ca transparent transparent transparent; | |
| _border-color: #c2c4ca #000000 #000000 #000000; | |
| } | |
| button.button-inverse:disabled, | |
| .button.button-inverse:disabled, | |
| button.button-inverse.disabled, | |
| .button.button-inverse.disabled { | |
| color: #ffffff; | |
| background-color: #474e60; | |
| border-color: #474e60; | |
| opacity: 0.5; | |
| } | |
| button.button-inverse:disabled.button-dropdown:after, | |
| .button.button-inverse:disabled.button-dropdown:after, | |
| button.button-inverse.disabled.button-dropdown:after, | |
| .button.button-inverse.disabled.button-dropdown:after, | |
| button.button-inverse:disabled.dropdown-toggle:after, | |
| .button.button-inverse:disabled.dropdown-toggle:after, | |
| button.button-inverse.disabled.dropdown-toggle:after, | |
| .button.button-inverse.disabled.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| button.button-block, | |
| .button.button-block { | |
| display: -ms-flexbox; | |
| display: flex; | |
| width: 100%; | |
| margin-left: 0px; | |
| margin-right: 0px; | |
| } | |
| button.button-rounded, | |
| .button.button-rounded { | |
| border-radius: 1000px; | |
| padding-left: 1.8rem; | |
| padding-right: 1.8rem; | |
| } | |
| button.button-rounded.button-narrow, | |
| .button.button-rounded.button-narrow { | |
| padding-left: 0.9rem; | |
| } | |
| button.button-rounded.button-wide, | |
| .button.button-rounded.button-wide { | |
| padding-left: 3.6rem; | |
| } | |
| button.button-rounded.button-narrow, | |
| .button.button-rounded.button-narrow { | |
| padding-right: 0.9rem; | |
| } | |
| button.button-rounded.button-wide, | |
| .button.button-rounded.button-wide { | |
| padding-right: 3.6rem; | |
| } | |
| button > *, | |
| .button > * { | |
| box-sizing: content-box; | |
| padding-right: 0.375rem; | |
| } | |
| button > *:last-child, | |
| .button > *:last-child { | |
| padding-right: 0px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group.open > button, | |
| .button-group.open > .button { | |
| color: #5b6171; | |
| background-color: #c2c4ca; | |
| border-color: #c2c4ca; | |
| } | |
| .button-group.open > button.button-dropdown:after, | |
| .button-group.open > .button.button-dropdown:after, | |
| .button-group.open > button.dropdown-toggle:after, | |
| .button-group.open > .button.dropdown-toggle:after { | |
| border-color: #5b6171 transparent transparent transparent; | |
| _border-color: #5b6171 #000000 #000000 #000000; | |
| } | |
| .button-group.open > button.button-inverse, | |
| .button-group.open > .button.button-inverse { | |
| color: #c2c4ca; | |
| background-color: #3c4457; | |
| border-color: #3c4457; | |
| } | |
| .button-group.open > button.button-inverse.button-dropdown:after, | |
| .button-group.open > .button.button-inverse.button-dropdown:after, | |
| .button-group.open > button.button-inverse.dropdown-toggle:after, | |
| .button-group.open > .button.button-inverse.dropdown-toggle:after { | |
| border-color: #c2c4ca transparent transparent transparent; | |
| _border-color: #c2c4ca #000000 #000000 #000000; | |
| } | |
| .button-group button, | |
| .button-group .button { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group button.button-rounded:not(:first-of-type):not(:last-of-type), | |
| .button-group .button.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-right: 1.5rem; | |
| } | |
| .button-group button.button-rounded:first-of-type, | |
| .button-group .button.button-rounded:first-of-type { | |
| padding-right: 1.5rem; | |
| } | |
| .button-group button.button-rounded:first-of-type.button-narrow, | |
| .button-group .button.button-rounded:first-of-type.button-narrow { | |
| padding-right: 0.75rem; | |
| } | |
| .button-group button.button-rounded:first-of-type.button-wide, | |
| .button-group .button.button-rounded:first-of-type.button-wide { | |
| padding-right: 3rem; | |
| } | |
| .button-group button.button-rounded:not(:first-of-type):not(:last-of-type), | |
| .button-group .button.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-left: 1.5rem; | |
| } | |
| .button-group button.button-rounded:last-of-type, | |
| .button-group .button.button-rounded:last-of-type { | |
| padding-left: 1.5rem; | |
| } | |
| .button-group button.button-rounded:last-of-type.button-narrow, | |
| .button-group .button.button-rounded:last-of-type.button-narrow { | |
| padding-left: 0.75rem; | |
| } | |
| .button-group button.button-rounded:last-of-type.button-wide, | |
| .button-group .button.button-rounded:last-of-type.button-wide { | |
| padding-left: 3rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button | |
| ----------------------------------------------------------------------------- */ | |
| button, | |
| .button { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Block Button (.button-block) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| button.button-block.button-block-below-screen-small, | |
| .button.button-block.button-block-below-screen-small { | |
| width: auto; | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group button, | |
| .button-group .button { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button | |
| ----------------------------------------------------------------------------- */ | |
| button, | |
| .button { | |
| padding-left: 1.65rem; | |
| padding-right: 1.65rem; | |
| height: 41.8px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Block Button (.button-block) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Content | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| button.button-narrow, | |
| .button.button-narrow { | |
| padding-left: 0.825rem; | |
| padding-right: 0.825rem; | |
| } | |
| button.button-narrow-left, | |
| .button.button-narrow-left, | |
| button.button-narrow-left-screen-medium, | |
| .button.button-narrow-left-screen-medium { | |
| padding-left: 0.825rem; | |
| } | |
| button.button-narrow-right, | |
| .button.button-narrow-right, | |
| button.button-narrow-right-screen-medium, | |
| .button.button-narrow-right-screen-medium { | |
| padding-right: 0.825rem; | |
| } | |
| button.button-wide, | |
| .button.button-wide { | |
| padding-left: 3.3rem; | |
| padding-right: 3.3rem; | |
| } | |
| button.button-wide-left, | |
| .button.button-wide-left, | |
| button.button-wide-left-screen-medium, | |
| .button.button-wide-left-screen-medium { | |
| padding-left: 3.3rem; | |
| } | |
| button.button-wide-right, | |
| .button.button-wide-right, | |
| button.button-wide-right-screen-medium, | |
| .button.button-wide-right-screen-medium { | |
| padding-right: 3.3rem; | |
| } | |
| button.button-dropdown:after, | |
| .button.button-dropdown:after, | |
| button.dropdown-toggle:after, | |
| .button.dropdown-toggle:after { | |
| margin-left: 0.4125rem; | |
| border-right-width: 4.95px; | |
| border-left-width: 4.95px; | |
| border-top-width: 5.5px; | |
| border-bottom-width: 0px; | |
| } | |
| button.button-block.button-block-below-screen-medium, | |
| .button.button-block.button-block-below-screen-medium { | |
| width: auto; | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| } | |
| button.button-rounded, | |
| .button.button-rounded { | |
| padding-left: 1.98rem; | |
| padding-right: 1.98rem; | |
| } | |
| button.button-rounded.button-narrow, | |
| .button.button-rounded.button-narrow { | |
| padding-left: 0.99rem; | |
| } | |
| button.button-rounded.button-wide, | |
| .button.button-rounded.button-wide { | |
| padding-left: 3.96rem; | |
| } | |
| button.button-rounded.button-narrow, | |
| .button.button-rounded.button-narrow { | |
| padding-right: 0.99rem; | |
| } | |
| button.button-rounded.button-wide, | |
| .button.button-rounded.button-wide { | |
| padding-right: 3.96rem; | |
| } | |
| button > *, | |
| .button > * { | |
| padding-right: 0.4125rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group button, | |
| .button-group .button { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group button.button-rounded:not(:first-of-type):not(:last-of-type), | |
| .button-group .button.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-left: 1.65rem; | |
| } | |
| .button-group button.button-rounded:first-of-type, | |
| .button-group .button.button-rounded:first-of-type { | |
| padding-left: 1.65rem; | |
| } | |
| .button-group button.button-rounded:first-of-type.button-narrow, | |
| .button-group .button.button-rounded:first-of-type.button-narrow { | |
| padding-left: 0.825rem; | |
| } | |
| .button-group button.button-rounded:first-of-type.button-wide, | |
| .button-group .button.button-rounded:first-of-type.button-wide { | |
| padding-left: 3.3rem; | |
| } | |
| .button-group button.button-rounded:not(:first-of-type):not(:last-of-type), | |
| .button-group .button.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-right: 1.65rem; | |
| } | |
| .button-group button.button-rounded:first-of-type, | |
| .button-group .button.button-rounded:first-of-type { | |
| padding-right: 1.65rem; | |
| } | |
| .button-group button.button-rounded:first-of-type.button-narrow, | |
| .button-group .button.button-rounded:first-of-type.button-narrow { | |
| padding-right: 0.825rem; | |
| } | |
| .button-group button.button-rounded:first-of-type.button-wide, | |
| .button-group .button.button-rounded:first-of-type.button-wide { | |
| padding-right: 3.3rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button | |
| ----------------------------------------------------------------------------- */ | |
| button, | |
| .button { | |
| padding-left: 1.8rem; | |
| padding-right: 1.8rem; | |
| height: 45.6px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Block Button (.button-block) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Content | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| button.button-narrow, | |
| .button.button-narrow { | |
| padding-left: 0.9rem; | |
| padding-right: 0.9rem; | |
| } | |
| button.button-narrow-left, | |
| .button.button-narrow-left, | |
| button.button-narrow-left-screen-large, | |
| .button.button-narrow-left-screen-large { | |
| padding-left: 0.9rem; | |
| } | |
| button.button-narrow-right, | |
| .button.button-narrow-right, | |
| button.button-narrow-right-screen-large, | |
| .button.button-narrow-right-screen-large { | |
| padding-right: 0.9rem; | |
| } | |
| button.button-wide, | |
| .button.button-wide { | |
| padding-left: 3.6rem; | |
| padding-right: 3.6rem; | |
| } | |
| button.button-wide-left, | |
| .button.button-wide-left, | |
| button.button-wide-left-screen-large, | |
| .button.button-wide-left-screen-large { | |
| padding-left: 3.6rem; | |
| } | |
| button.button-wide-right, | |
| .button.button-wide-right, | |
| button.button-wide-right-screen-large, | |
| .button.button-wide-right-screen-large { | |
| padding-right: 3.6rem; | |
| } | |
| button.button-dropdown:after, | |
| .button.button-dropdown:after, | |
| button.dropdown-toggle:after, | |
| .button.dropdown-toggle:after { | |
| margin-left: 0.45rem; | |
| border-right-width: 5.4px; | |
| border-left-width: 5.4px; | |
| border-top-width: 6px; | |
| border-bottom-width: 0px; | |
| } | |
| button.button-block.button-block-below-screen-large, | |
| .button.button-block.button-block-below-screen-large { | |
| width: auto; | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| } | |
| button.button-rounded, | |
| .button.button-rounded { | |
| padding-left: 2.16rem; | |
| padding-right: 2.16rem; | |
| } | |
| button.button-rounded.button-narrow, | |
| .button.button-rounded.button-narrow { | |
| padding-left: 1.08rem; | |
| } | |
| button.button-rounded.button-wide, | |
| .button.button-rounded.button-wide { | |
| padding-left: 4.32rem; | |
| } | |
| button.button-rounded.button-narrow, | |
| .button.button-rounded.button-narrow { | |
| padding-right: 1.08rem; | |
| } | |
| button.button-rounded.button-wide, | |
| .button.button-rounded.button-wide { | |
| padding-right: 4.32rem; | |
| } | |
| button > *, | |
| .button > * { | |
| padding-right: 0.45rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group button, | |
| .button-group .button { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group button.button-rounded:not(:first-of-type):not(:last-of-type), | |
| .button-group .button.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-left: 1.8rem; | |
| } | |
| .button-group button.button-rounded:first-of-type, | |
| .button-group .button.button-rounded:first-of-type { | |
| padding-left: 1.8rem; | |
| } | |
| .button-group button.button-rounded:first-of-type.button-narrow, | |
| .button-group .button.button-rounded:first-of-type.button-narrow { | |
| padding-left: 0.9rem; | |
| } | |
| .button-group button.button-rounded:first-of-type.button-wide, | |
| .button-group .button.button-rounded:first-of-type.button-wide { | |
| padding-left: 3.6rem; | |
| } | |
| .button-group button.button-rounded:not(:first-of-type):not(:last-of-type), | |
| .button-group .button.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-right: 1.8rem; | |
| } | |
| .button-group button.button-rounded:first-of-type, | |
| .button-group .button.button-rounded:first-of-type { | |
| padding-right: 1.8rem; | |
| } | |
| .button-group button.button-rounded:first-of-type.button-narrow, | |
| .button-group .button.button-rounded:first-of-type.button-narrow { | |
| padding-right: 0.9rem; | |
| } | |
| .button-group button.button-rounded:first-of-type.button-wide, | |
| .button-group .button.button-rounded:first-of-type.button-wide { | |
| padding-right: 3.6rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button | |
| ----------------------------------------------------------------------------- */ | |
| button, | |
| .button { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Block Button (.button-block) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| button.button-block.button-block-below-screen-jumbo, | |
| .button.button-block.button-block-below-screen-jumbo { | |
| width: auto; | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group button, | |
| .button-group .button { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-mini/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded button-mini | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-mini/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Mini (.button-mini) | |
| ----------------------------------------------------------------------------- */ | |
| .button-mini { | |
| font-size: 0.75rem; | |
| line-height: 0.75rem; | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| height: 24px; | |
| border-radius: 3px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Button (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Content | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-mini.button-narrow { | |
| padding-left: 0.25rem; | |
| padding-right: 0.25rem; | |
| } | |
| .button-mini.button-narrow-left, | |
| .button-mini.button-narrow-left { | |
| padding-left: 0.25rem; | |
| } | |
| .button-mini.button-narrow-right, | |
| .button-mini.button-narrow-right { | |
| padding-right: 0.25rem; | |
| } | |
| .button-mini.button-wide { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| .button-mini.button-wide-left, | |
| .button-mini.button-wide-left { | |
| padding-left: 1rem; | |
| } | |
| .button-mini.button-wide-right, | |
| .button-mini.button-wide-right { | |
| padding-right: 1rem; | |
| } | |
| .button-mini.button-dropdown:after, | |
| .button-mini.dropdown-toggle:after { | |
| margin-left: 0.125rem; | |
| margin-top: 2px; | |
| border-right-width: 2.84210526px; | |
| border-left-width: 2.84210526px; | |
| border-top-width: 3.15789474px; | |
| border-bottom-width: 0px; | |
| } | |
| .button-mini.button-rounded { | |
| border-radius: 1000px; | |
| padding-left: 0.6rem; | |
| padding-right: 0.6rem; | |
| } | |
| .button-mini.button-rounded.button-narrow { | |
| padding-left: 0.3rem; | |
| } | |
| .button-mini.button-rounded.button-wide { | |
| padding-left: 1.2rem; | |
| } | |
| .button-mini.button-rounded.button-narrow { | |
| padding-right: 0.3rem; | |
| } | |
| .button-mini.button-rounded.button-wide { | |
| padding-right: 1.2rem; | |
| } | |
| .button-mini > * { | |
| padding-right: 0.125rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Mini (.button-mini) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-mini { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-mini.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-right: 0.5rem; | |
| } | |
| .button-group .button-mini.button-rounded:first-of-type { | |
| padding-right: 0.5rem; | |
| } | |
| .button-group .button-mini.button-rounded:first-of-type.button-narrow { | |
| padding-right: 0.25rem; | |
| } | |
| .button-group .button-mini.button-rounded:first-of-type.button-wide { | |
| padding-right: 1rem; | |
| } | |
| .button-group .button-mini.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-left: 0.5rem; | |
| } | |
| .button-group .button-mini.button-rounded:last-of-type { | |
| padding-left: 0.5rem; | |
| } | |
| .button-group .button-mini.button-rounded:last-of-type.button-narrow { | |
| padding-left: 0.25rem; | |
| } | |
| .button-group .button-mini.button-rounded:last-of-type.button-wide { | |
| padding-left: 1rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Mini (.button-mini) | |
| ----------------------------------------------------------------------------- */ | |
| .button-mini { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Mini (.button-mini) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-mini { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Mini (.button-mini) | |
| ----------------------------------------------------------------------------- */ | |
| .button-mini { | |
| padding-left: 0.55rem; | |
| padding-right: 0.55rem; | |
| height: 26.4px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Content | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-mini.button-narrow { | |
| padding-left: 0.275rem; | |
| padding-right: 0.275rem; | |
| } | |
| .button-mini.button-narrow-left, | |
| .button-mini.button-narrow-left-screen-medium { | |
| padding-left: 0.275rem; | |
| } | |
| .button-mini.button-narrow-right, | |
| .button-mini.button-narrow-right-screen-medium { | |
| padding-right: 0.275rem; | |
| } | |
| .button-mini.button-wide { | |
| padding-left: 1.1rem; | |
| padding-right: 1.1rem; | |
| } | |
| .button-mini.button-wide-left, | |
| .button-mini.button-wide-left-screen-medium { | |
| padding-left: 1.1rem; | |
| } | |
| .button-mini.button-wide-right, | |
| .button-mini.button-wide-right-screen-medium { | |
| padding-right: 1.1rem; | |
| } | |
| .button-mini.button-dropdown:after, | |
| .button-mini.dropdown-toggle:after { | |
| margin-left: 0.1375rem; | |
| border-right-width: 3.12631579px; | |
| border-left-width: 3.12631579px; | |
| border-top-width: 3.47368421px; | |
| border-bottom-width: 0px; | |
| } | |
| .button-mini.button-rounded { | |
| padding-left: 0.66rem; | |
| padding-right: 0.66rem; | |
| } | |
| .button-mini.button-rounded.button-narrow { | |
| padding-left: 0.33rem; | |
| } | |
| .button-mini.button-rounded.button-wide { | |
| padding-left: 1.32rem; | |
| } | |
| .button-mini.button-rounded.button-narrow { | |
| padding-right: 0.33rem; | |
| } | |
| .button-mini.button-rounded.button-wide { | |
| padding-right: 1.32rem; | |
| } | |
| .button-mini > * { | |
| padding-right: 0.1375rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Mini (.button-mini) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-mini { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-mini.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-left: 0.55rem; | |
| } | |
| .button-group .button-mini.button-rounded:first-of-type { | |
| padding-left: 0.55rem; | |
| } | |
| .button-group .button-mini.button-rounded:first-of-type.button-narrow { | |
| padding-left: 0.275rem; | |
| } | |
| .button-group .button-mini.button-rounded:first-of-type.button-wide { | |
| padding-left: 1.1rem; | |
| } | |
| .button-group .button-mini.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-right: 0.55rem; | |
| } | |
| .button-group .button-mini.button-rounded:first-of-type { | |
| padding-right: 0.55rem; | |
| } | |
| .button-group .button-mini.button-rounded:first-of-type.button-narrow { | |
| padding-right: 0.275rem; | |
| } | |
| .button-group .button-mini.button-rounded:first-of-type.button-wide { | |
| padding-right: 1.1rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Mini (.button-mini) | |
| ----------------------------------------------------------------------------- */ | |
| .button-mini { | |
| padding-left: 0.6rem; | |
| padding-right: 0.6rem; | |
| height: 28.8px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Content | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-mini.button-narrow { | |
| padding-left: 0.3rem; | |
| padding-right: 0.3rem; | |
| } | |
| .button-mini.button-narrow-left, | |
| .button-mini.button-narrow-left-screen-large { | |
| padding-left: 0.3rem; | |
| } | |
| .button-mini.button-narrow-right, | |
| .button-mini.button-narrow-right-screen-large { | |
| padding-right: 0.3rem; | |
| } | |
| .button-mini.button-wide { | |
| padding-left: 1.2rem; | |
| padding-right: 1.2rem; | |
| } | |
| .button-mini.button-wide-left, | |
| .button-mini.button-wide-left-screen-large { | |
| padding-left: 1.2rem; | |
| } | |
| .button-mini.button-wide-right, | |
| .button-mini.button-wide-right-screen-large { | |
| padding-right: 1.2rem; | |
| } | |
| .button-mini.button-dropdown:after, | |
| .button-mini.dropdown-toggle:after { | |
| margin-left: 0.15rem; | |
| border-right-width: 3.41052632px; | |
| border-left-width: 3.41052632px; | |
| border-top-width: 3.78947368px; | |
| border-bottom-width: 0px; | |
| } | |
| .button-mini.button-rounded { | |
| padding-left: 0.72rem; | |
| padding-right: 0.72rem; | |
| } | |
| .button-mini.button-rounded.button-narrow { | |
| padding-left: 0.36rem; | |
| } | |
| .button-mini.button-rounded.button-wide { | |
| padding-left: 1.44rem; | |
| } | |
| .button-mini.button-rounded.button-narrow { | |
| padding-right: 0.36rem; | |
| } | |
| .button-mini.button-rounded.button-wide { | |
| padding-right: 1.44rem; | |
| } | |
| .button-mini > * { | |
| padding-right: 0.15rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Mini (.button-mini) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-mini { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-mini.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-left: 0.6rem; | |
| } | |
| .button-group .button-mini.button-rounded:first-of-type { | |
| padding-left: 0.6rem; | |
| } | |
| .button-group .button-mini.button-rounded:first-of-type.button-narrow { | |
| padding-left: 0.3rem; | |
| } | |
| .button-group .button-mini.button-rounded:first-of-type.button-wide { | |
| padding-left: 1.2rem; | |
| } | |
| .button-group .button-mini.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-right: 0.6rem; | |
| } | |
| .button-group .button-mini.button-rounded:first-of-type { | |
| padding-right: 0.6rem; | |
| } | |
| .button-group .button-mini.button-rounded:first-of-type.button-narrow { | |
| padding-right: 0.3rem; | |
| } | |
| .button-group .button-mini.button-rounded:first-of-type.button-wide { | |
| padding-right: 1.2rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Mini (.button-mini) | |
| ----------------------------------------------------------------------------- */ | |
| .button-mini { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Mini (.button-mini) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-mini { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-small/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded button-small | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-small/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Small (.button-small) | |
| ----------------------------------------------------------------------------- */ | |
| .button-small { | |
| font-size: 0.9rem; | |
| line-height: 0.9rem; | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| height: 32px; | |
| border-radius: 4px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Button (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Content | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-small.button-narrow { | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| } | |
| .button-small.button-narrow-left, | |
| .button-small.button-narrow-left { | |
| padding-left: 0.5rem; | |
| } | |
| .button-small.button-narrow-right, | |
| .button-small.button-narrow-right { | |
| padding-right: 0.5rem; | |
| } | |
| .button-small.button-wide { | |
| padding-left: 2rem; | |
| padding-right: 2rem; | |
| } | |
| .button-small.button-wide-left, | |
| .button-small.button-wide-left { | |
| padding-left: 2rem; | |
| } | |
| .button-small.button-wide-right, | |
| .button-small.button-wide-right { | |
| padding-right: 2rem; | |
| } | |
| .button-small.button-dropdown:after, | |
| .button-small.dropdown-toggle:after { | |
| margin-left: 0.25rem; | |
| margin-top: 2px; | |
| border-right-width: 3.78947368px; | |
| border-left-width: 3.78947368px; | |
| border-top-width: 4.21052632px; | |
| border-bottom-width: 0px; | |
| } | |
| .button-small.button-rounded { | |
| border-radius: 1000px; | |
| padding-left: 1.2rem; | |
| padding-right: 1.2rem; | |
| } | |
| .button-small.button-rounded.button-narrow { | |
| padding-left: 0.6rem; | |
| } | |
| .button-small.button-rounded.button-wide { | |
| padding-left: 2.4rem; | |
| } | |
| .button-small.button-rounded.button-narrow { | |
| padding-right: 0.6rem; | |
| } | |
| .button-small.button-rounded.button-wide { | |
| padding-right: 2.4rem; | |
| } | |
| .button-small > * { | |
| padding-right: 0.25rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Small (.button-small) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-small { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-small.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-right: 1rem; | |
| } | |
| .button-group .button-small.button-rounded:first-of-type { | |
| padding-right: 1rem; | |
| } | |
| .button-group .button-small.button-rounded:first-of-type.button-narrow { | |
| padding-right: 0.5rem; | |
| } | |
| .button-group .button-small.button-rounded:first-of-type.button-wide { | |
| padding-right: 2rem; | |
| } | |
| .button-group .button-small.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-left: 1rem; | |
| } | |
| .button-group .button-small.button-rounded:last-of-type { | |
| padding-left: 1rem; | |
| } | |
| .button-group .button-small.button-rounded:last-of-type.button-narrow { | |
| padding-left: 0.5rem; | |
| } | |
| .button-group .button-small.button-rounded:last-of-type.button-wide { | |
| padding-left: 2rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Small (.button-small) | |
| ----------------------------------------------------------------------------- */ | |
| .button-small { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Small (.button-small) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-small { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Small (.button-small) | |
| ----------------------------------------------------------------------------- */ | |
| .button-small { | |
| padding-left: 1.1rem; | |
| padding-right: 1.1rem; | |
| height: 35.2px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Content | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-small.button-narrow { | |
| padding-left: 0.55rem; | |
| padding-right: 0.55rem; | |
| } | |
| .button-small.button-narrow-left, | |
| .button-small.button-narrow-left-screen-medium { | |
| padding-left: 0.55rem; | |
| } | |
| .button-small.button-narrow-right, | |
| .button-small.button-narrow-right-screen-medium { | |
| padding-right: 0.55rem; | |
| } | |
| .button-small.button-wide { | |
| padding-left: 2.2rem; | |
| padding-right: 2.2rem; | |
| } | |
| .button-small.button-wide-left, | |
| .button-small.button-wide-left-screen-medium { | |
| padding-left: 2.2rem; | |
| } | |
| .button-small.button-wide-right, | |
| .button-small.button-wide-right-screen-medium { | |
| padding-right: 2.2rem; | |
| } | |
| .button-small.button-dropdown:after, | |
| .button-small.dropdown-toggle:after { | |
| margin-left: 0.275rem; | |
| border-right-width: 4.16842105px; | |
| border-left-width: 4.16842105px; | |
| border-top-width: 4.63157895px; | |
| border-bottom-width: 0px; | |
| } | |
| .button-small.button-rounded { | |
| padding-left: 1.32rem; | |
| padding-right: 1.32rem; | |
| } | |
| .button-small.button-rounded.button-narrow { | |
| padding-left: 0.66rem; | |
| } | |
| .button-small.button-rounded.button-wide { | |
| padding-left: 2.64rem; | |
| } | |
| .button-small.button-rounded.button-narrow { | |
| padding-right: 0.66rem; | |
| } | |
| .button-small.button-rounded.button-wide { | |
| padding-right: 2.64rem; | |
| } | |
| .button-small > * { | |
| padding-right: 0.275rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Small (.button-small) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-small { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-small.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-left: 1.1rem; | |
| } | |
| .button-group .button-small.button-rounded:first-of-type { | |
| padding-left: 1.1rem; | |
| } | |
| .button-group .button-small.button-rounded:first-of-type.button-narrow { | |
| padding-left: 0.55rem; | |
| } | |
| .button-group .button-small.button-rounded:first-of-type.button-wide { | |
| padding-left: 2.2rem; | |
| } | |
| .button-group .button-small.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-right: 1.1rem; | |
| } | |
| .button-group .button-small.button-rounded:first-of-type { | |
| padding-right: 1.1rem; | |
| } | |
| .button-group .button-small.button-rounded:first-of-type.button-narrow { | |
| padding-right: 0.55rem; | |
| } | |
| .button-group .button-small.button-rounded:first-of-type.button-wide { | |
| padding-right: 2.2rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Small (.button-small) | |
| ----------------------------------------------------------------------------- */ | |
| .button-small { | |
| padding-left: 1.2rem; | |
| padding-right: 1.2rem; | |
| height: 38.4px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Content | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-small.button-narrow { | |
| padding-left: 0.6rem; | |
| padding-right: 0.6rem; | |
| } | |
| .button-small.button-narrow-left, | |
| .button-small.button-narrow-left-screen-large { | |
| padding-left: 0.6rem; | |
| } | |
| .button-small.button-narrow-right, | |
| .button-small.button-narrow-right-screen-large { | |
| padding-right: 0.6rem; | |
| } | |
| .button-small.button-wide { | |
| padding-left: 2.4rem; | |
| padding-right: 2.4rem; | |
| } | |
| .button-small.button-wide-left, | |
| .button-small.button-wide-left-screen-large { | |
| padding-left: 2.4rem; | |
| } | |
| .button-small.button-wide-right, | |
| .button-small.button-wide-right-screen-large { | |
| padding-right: 2.4rem; | |
| } | |
| .button-small.button-dropdown:after, | |
| .button-small.dropdown-toggle:after { | |
| margin-left: 0.3rem; | |
| border-right-width: 4.54736842px; | |
| border-left-width: 4.54736842px; | |
| border-top-width: 5.05263158px; | |
| border-bottom-width: 0px; | |
| } | |
| .button-small.button-rounded { | |
| padding-left: 1.44rem; | |
| padding-right: 1.44rem; | |
| } | |
| .button-small.button-rounded.button-narrow { | |
| padding-left: 0.72rem; | |
| } | |
| .button-small.button-rounded.button-wide { | |
| padding-left: 2.88rem; | |
| } | |
| .button-small.button-rounded.button-narrow { | |
| padding-right: 0.72rem; | |
| } | |
| .button-small.button-rounded.button-wide { | |
| padding-right: 2.88rem; | |
| } | |
| .button-small > * { | |
| padding-right: 0.3rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Small (.button-small) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-small { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-small.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-left: 1.2rem; | |
| } | |
| .button-group .button-small.button-rounded:first-of-type { | |
| padding-left: 1.2rem; | |
| } | |
| .button-group .button-small.button-rounded:first-of-type.button-narrow { | |
| padding-left: 0.6rem; | |
| } | |
| .button-group .button-small.button-rounded:first-of-type.button-wide { | |
| padding-left: 2.4rem; | |
| } | |
| .button-group .button-small.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-right: 1.2rem; | |
| } | |
| .button-group .button-small.button-rounded:first-of-type { | |
| padding-right: 1.2rem; | |
| } | |
| .button-group .button-small.button-rounded:first-of-type.button-narrow { | |
| padding-right: 0.6rem; | |
| } | |
| .button-group .button-small.button-rounded:first-of-type.button-wide { | |
| padding-right: 2.4rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Small (.button-small) | |
| ----------------------------------------------------------------------------- */ | |
| .button-small { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Small (.button-small) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-small { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-large/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded button-large | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-large/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Large (.button-large) | |
| ----------------------------------------------------------------------------- */ | |
| .button-large { | |
| font-size: 1.1rem; | |
| line-height: 1.21rem; | |
| padding-left: 2rem; | |
| padding-right: 2rem; | |
| height: 46px; | |
| border-radius: 6px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Button (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Content | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-large.button-narrow { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| .button-large.button-narrow-left, | |
| .button-large.button-narrow-left { | |
| padding-left: 1rem; | |
| } | |
| .button-large.button-narrow-right, | |
| .button-large.button-narrow-right { | |
| padding-right: 1rem; | |
| } | |
| .button-large.button-wide { | |
| padding-left: 4rem; | |
| padding-right: 4rem; | |
| } | |
| .button-large.button-wide-left, | |
| .button-large.button-wide-left { | |
| padding-left: 4rem; | |
| } | |
| .button-large.button-wide-right, | |
| .button-large.button-wide-right { | |
| padding-right: 4rem; | |
| } | |
| .button-large.button-dropdown:after, | |
| .button-large.dropdown-toggle:after { | |
| margin-left: 0.5rem; | |
| margin-top: 2px; | |
| border-right-width: 5.44736842px; | |
| border-left-width: 5.44736842px; | |
| border-top-width: 6.05263158px; | |
| border-bottom-width: 0px; | |
| } | |
| .button-large.button-rounded { | |
| border-radius: 1000px; | |
| padding-left: 2.4rem; | |
| padding-right: 2.4rem; | |
| } | |
| .button-large.button-rounded.button-narrow { | |
| padding-left: 1.2rem; | |
| } | |
| .button-large.button-rounded.button-wide { | |
| padding-left: 4.8rem; | |
| } | |
| .button-large.button-rounded.button-narrow { | |
| padding-right: 1.2rem; | |
| } | |
| .button-large.button-rounded.button-wide { | |
| padding-right: 4.8rem; | |
| } | |
| .button-large > * { | |
| padding-right: 0.5rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Large (.button-large) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-large { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-large.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-right: 2rem; | |
| } | |
| .button-group .button-large.button-rounded:first-of-type { | |
| padding-right: 2rem; | |
| } | |
| .button-group .button-large.button-rounded:first-of-type.button-narrow { | |
| padding-right: 1rem; | |
| } | |
| .button-group .button-large.button-rounded:first-of-type.button-wide { | |
| padding-right: 4rem; | |
| } | |
| .button-group .button-large.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-left: 2rem; | |
| } | |
| .button-group .button-large.button-rounded:last-of-type { | |
| padding-left: 2rem; | |
| } | |
| .button-group .button-large.button-rounded:last-of-type.button-narrow { | |
| padding-left: 1rem; | |
| } | |
| .button-group .button-large.button-rounded:last-of-type.button-wide { | |
| padding-left: 4rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Large (.button-large) | |
| ----------------------------------------------------------------------------- */ | |
| .button-large { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Large (.button-large) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-large { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Large (.button-large) | |
| ----------------------------------------------------------------------------- */ | |
| .button-large { | |
| padding-left: 2.2rem; | |
| padding-right: 2.2rem; | |
| height: 50.6px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Content | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-large.button-narrow { | |
| padding-left: 1.1rem; | |
| padding-right: 1.1rem; | |
| } | |
| .button-large.button-narrow-left, | |
| .button-large.button-narrow-left-screen-medium { | |
| padding-left: 1.1rem; | |
| } | |
| .button-large.button-narrow-right, | |
| .button-large.button-narrow-right-screen-medium { | |
| padding-right: 1.1rem; | |
| } | |
| .button-large.button-wide { | |
| padding-left: 4.4rem; | |
| padding-right: 4.4rem; | |
| } | |
| .button-large.button-wide-left, | |
| .button-large.button-wide-left-screen-medium { | |
| padding-left: 4.4rem; | |
| } | |
| .button-large.button-wide-right, | |
| .button-large.button-wide-right-screen-medium { | |
| padding-right: 4.4rem; | |
| } | |
| .button-large.button-dropdown:after, | |
| .button-large.dropdown-toggle:after { | |
| margin-left: 0.55rem; | |
| border-right-width: 5.99210526px; | |
| border-left-width: 5.99210526px; | |
| border-top-width: 6.65789474px; | |
| border-bottom-width: 0px; | |
| } | |
| .button-large.button-rounded { | |
| padding-left: 2.64rem; | |
| padding-right: 2.64rem; | |
| } | |
| .button-large.button-rounded.button-narrow { | |
| padding-left: 1.32rem; | |
| } | |
| .button-large.button-rounded.button-wide { | |
| padding-left: 5.28rem; | |
| } | |
| .button-large.button-rounded.button-narrow { | |
| padding-right: 1.32rem; | |
| } | |
| .button-large.button-rounded.button-wide { | |
| padding-right: 5.28rem; | |
| } | |
| .button-large > * { | |
| padding-right: 0.55rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Large (.button-large) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-large { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-large.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-left: 2.2rem; | |
| } | |
| .button-group .button-large.button-rounded:first-of-type { | |
| padding-left: 2.2rem; | |
| } | |
| .button-group .button-large.button-rounded:first-of-type.button-narrow { | |
| padding-left: 1.1rem; | |
| } | |
| .button-group .button-large.button-rounded:first-of-type.button-wide { | |
| padding-left: 4.4rem; | |
| } | |
| .button-group .button-large.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-right: 2.2rem; | |
| } | |
| .button-group .button-large.button-rounded:first-of-type { | |
| padding-right: 2.2rem; | |
| } | |
| .button-group .button-large.button-rounded:first-of-type.button-narrow { | |
| padding-right: 1.1rem; | |
| } | |
| .button-group .button-large.button-rounded:first-of-type.button-wide { | |
| padding-right: 4.4rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Large (.button-large) | |
| ----------------------------------------------------------------------------- */ | |
| .button-large { | |
| padding-left: 2.4rem; | |
| padding-right: 2.4rem; | |
| height: 55.2px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Content | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-large.button-narrow { | |
| padding-left: 1.2rem; | |
| padding-right: 1.2rem; | |
| } | |
| .button-large.button-narrow-left, | |
| .button-large.button-narrow-left-screen-large { | |
| padding-left: 1.2rem; | |
| } | |
| .button-large.button-narrow-right, | |
| .button-large.button-narrow-right-screen-large { | |
| padding-right: 1.2rem; | |
| } | |
| .button-large.button-wide { | |
| padding-left: 4.8rem; | |
| padding-right: 4.8rem; | |
| } | |
| .button-large.button-wide-left, | |
| .button-large.button-wide-left-screen-large { | |
| padding-left: 4.8rem; | |
| } | |
| .button-large.button-wide-right, | |
| .button-large.button-wide-right-screen-large { | |
| padding-right: 4.8rem; | |
| } | |
| .button-large.button-dropdown:after, | |
| .button-large.dropdown-toggle:after { | |
| margin-left: 0.6rem; | |
| border-right-width: 6.53684211px; | |
| border-left-width: 6.53684211px; | |
| border-top-width: 7.26315789px; | |
| border-bottom-width: 0px; | |
| } | |
| .button-large.button-rounded { | |
| padding-left: 2.88rem; | |
| padding-right: 2.88rem; | |
| } | |
| .button-large.button-rounded.button-narrow { | |
| padding-left: 1.44rem; | |
| } | |
| .button-large.button-rounded.button-wide { | |
| padding-left: 5.76rem; | |
| } | |
| .button-large.button-rounded.button-narrow { | |
| padding-right: 1.44rem; | |
| } | |
| .button-large.button-rounded.button-wide { | |
| padding-right: 5.76rem; | |
| } | |
| .button-large > * { | |
| padding-right: 0.6rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Large (.button-large) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-large { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-large.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-left: 2.4rem; | |
| } | |
| .button-group .button-large.button-rounded:first-of-type { | |
| padding-left: 2.4rem; | |
| } | |
| .button-group .button-large.button-rounded:first-of-type.button-narrow { | |
| padding-left: 1.2rem; | |
| } | |
| .button-group .button-large.button-rounded:first-of-type.button-wide { | |
| padding-left: 4.8rem; | |
| } | |
| .button-group .button-large.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-right: 2.4rem; | |
| } | |
| .button-group .button-large.button-rounded:first-of-type { | |
| padding-right: 2.4rem; | |
| } | |
| .button-group .button-large.button-rounded:first-of-type.button-narrow { | |
| padding-right: 1.2rem; | |
| } | |
| .button-group .button-large.button-rounded:first-of-type.button-wide { | |
| padding-right: 4.8rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Large (.button-large) | |
| ----------------------------------------------------------------------------- */ | |
| .button-large { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Large (.button-large) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-large { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-jumbo/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded button-jumbo | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-jumbo/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Jumbo (.button-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| .button-jumbo { | |
| font-size: 1.3rem; | |
| line-height: 1.3rem; | |
| padding-left: 2rem; | |
| padding-right: 2rem; | |
| height: 56px; | |
| border-radius: 7px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Button (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Content | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-jumbo.button-narrow { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| .button-jumbo.button-narrow-left, | |
| .button-jumbo.button-narrow-left { | |
| padding-left: 1rem; | |
| } | |
| .button-jumbo.button-narrow-right, | |
| .button-jumbo.button-narrow-right { | |
| padding-right: 1rem; | |
| } | |
| .button-jumbo.button-wide { | |
| padding-left: 4rem; | |
| padding-right: 4rem; | |
| } | |
| .button-jumbo.button-wide-left, | |
| .button-jumbo.button-wide-left { | |
| padding-left: 4rem; | |
| } | |
| .button-jumbo.button-wide-right, | |
| .button-jumbo.button-wide-right { | |
| padding-right: 4rem; | |
| } | |
| .button-jumbo.button-dropdown:after, | |
| .button-jumbo.dropdown-toggle:after { | |
| margin-left: 0.5rem; | |
| margin-top: 2px; | |
| border-right-width: 6.63157895px; | |
| border-left-width: 6.63157895px; | |
| border-top-width: 7.36842105px; | |
| border-bottom-width: 0px; | |
| } | |
| .button-jumbo.button-rounded { | |
| border-radius: 1000px; | |
| padding-left: 2.4rem; | |
| padding-right: 2.4rem; | |
| } | |
| .button-jumbo.button-rounded.button-narrow { | |
| padding-left: 1.2rem; | |
| } | |
| .button-jumbo.button-rounded.button-wide { | |
| padding-left: 4.8rem; | |
| } | |
| .button-jumbo.button-rounded.button-narrow { | |
| padding-right: 1.2rem; | |
| } | |
| .button-jumbo.button-rounded.button-wide { | |
| padding-right: 4.8rem; | |
| } | |
| .button-jumbo > * { | |
| padding-right: 0.5rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Jumbo (.button-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-jumbo { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-jumbo.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-right: 2rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:first-of-type { | |
| padding-right: 2rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:first-of-type.button-narrow { | |
| padding-right: 1rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:first-of-type.button-wide { | |
| padding-right: 4rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-left: 2rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:last-of-type { | |
| padding-left: 2rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:last-of-type.button-narrow { | |
| padding-left: 1rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:last-of-type.button-wide { | |
| padding-left: 4rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Jumbo (.button-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| .button-jumbo { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Jumbo (.button-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-jumbo { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Jumbo (.button-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| .button-jumbo { | |
| padding-left: 2.2rem; | |
| padding-right: 2.2rem; | |
| height: 61.6px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Content | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-jumbo.button-narrow { | |
| padding-left: 1.1rem; | |
| padding-right: 1.1rem; | |
| } | |
| .button-jumbo.button-narrow-left, | |
| .button-jumbo.button-narrow-left-screen-medium { | |
| padding-left: 1.1rem; | |
| } | |
| .button-jumbo.button-narrow-right, | |
| .button-jumbo.button-narrow-right-screen-medium { | |
| padding-right: 1.1rem; | |
| } | |
| .button-jumbo.button-wide { | |
| padding-left: 4.4rem; | |
| padding-right: 4.4rem; | |
| } | |
| .button-jumbo.button-wide-left, | |
| .button-jumbo.button-wide-left-screen-medium { | |
| padding-left: 4.4rem; | |
| } | |
| .button-jumbo.button-wide-right, | |
| .button-jumbo.button-wide-right-screen-medium { | |
| padding-right: 4.4rem; | |
| } | |
| .button-jumbo.button-dropdown:after, | |
| .button-jumbo.dropdown-toggle:after { | |
| margin-left: 0.55rem; | |
| border-right-width: 7.29473684px; | |
| border-left-width: 7.29473684px; | |
| border-top-width: 8.10526316px; | |
| border-bottom-width: 0px; | |
| } | |
| .button-jumbo.button-rounded { | |
| padding-left: 2.64rem; | |
| padding-right: 2.64rem; | |
| } | |
| .button-jumbo.button-rounded.button-narrow { | |
| padding-left: 1.32rem; | |
| } | |
| .button-jumbo.button-rounded.button-wide { | |
| padding-left: 5.28rem; | |
| } | |
| .button-jumbo.button-rounded.button-narrow { | |
| padding-right: 1.32rem; | |
| } | |
| .button-jumbo.button-rounded.button-wide { | |
| padding-right: 5.28rem; | |
| } | |
| .button-jumbo > * { | |
| padding-right: 0.55rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Jumbo (.button-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-jumbo { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-jumbo.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-left: 2.2rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:first-of-type { | |
| padding-left: 2.2rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:first-of-type.button-narrow { | |
| padding-left: 1.1rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:first-of-type.button-wide { | |
| padding-left: 4.4rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-right: 2.2rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:first-of-type { | |
| padding-right: 2.2rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:first-of-type.button-narrow { | |
| padding-right: 1.1rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:first-of-type.button-wide { | |
| padding-right: 4.4rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Jumbo (.button-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| .button-jumbo { | |
| padding-left: 2.4rem; | |
| padding-right: 2.4rem; | |
| height: 67.2px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Content | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-jumbo.button-narrow { | |
| padding-left: 1.2rem; | |
| padding-right: 1.2rem; | |
| } | |
| .button-jumbo.button-narrow-left, | |
| .button-jumbo.button-narrow-left-screen-large { | |
| padding-left: 1.2rem; | |
| } | |
| .button-jumbo.button-narrow-right, | |
| .button-jumbo.button-narrow-right-screen-large { | |
| padding-right: 1.2rem; | |
| } | |
| .button-jumbo.button-wide { | |
| padding-left: 4.8rem; | |
| padding-right: 4.8rem; | |
| } | |
| .button-jumbo.button-wide-left, | |
| .button-jumbo.button-wide-left-screen-large { | |
| padding-left: 4.8rem; | |
| } | |
| .button-jumbo.button-wide-right, | |
| .button-jumbo.button-wide-right-screen-large { | |
| padding-right: 4.8rem; | |
| } | |
| .button-jumbo.button-dropdown:after, | |
| .button-jumbo.dropdown-toggle:after { | |
| margin-left: 0.6rem; | |
| border-right-width: 7.95789474px; | |
| border-left-width: 7.95789474px; | |
| border-top-width: 8.84210526px; | |
| border-bottom-width: 0px; | |
| } | |
| .button-jumbo.button-rounded { | |
| padding-left: 2.88rem; | |
| padding-right: 2.88rem; | |
| } | |
| .button-jumbo.button-rounded.button-narrow { | |
| padding-left: 1.44rem; | |
| } | |
| .button-jumbo.button-rounded.button-wide { | |
| padding-left: 5.76rem; | |
| } | |
| .button-jumbo.button-rounded.button-narrow { | |
| padding-right: 1.44rem; | |
| } | |
| .button-jumbo.button-rounded.button-wide { | |
| padding-right: 5.76rem; | |
| } | |
| .button-jumbo > * { | |
| padding-right: 0.6rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Jumbo (.button-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-jumbo { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-jumbo.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-left: 2.4rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:first-of-type { | |
| padding-left: 2.4rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:first-of-type.button-narrow { | |
| padding-left: 1.2rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:first-of-type.button-wide { | |
| padding-left: 4.8rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:not(:first-of-type):not(:last-of-type) { | |
| padding-right: 2.4rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:first-of-type { | |
| padding-right: 2.4rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:first-of-type.button-narrow { | |
| padding-right: 1.2rem; | |
| } | |
| .button-group .button-jumbo.button-rounded:first-of-type.button-wide { | |
| padding-right: 4.8rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Jumbo (.button-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| .button-jumbo { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Dropdown (.button-dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.button-group) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| /* ----------------------------------------------------------------------------- | |
| Button Jumbo (.button-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group .button-jumbo { | |
| /* ----------------------------------------------------------------------------- | |
| Button Rounded (.button-rouded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-outline/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-outline/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Outline (.button-outline) | |
| ----------------------------------------------------------------------------- */ | |
| .button-outline, | |
| .button.button-stroke { | |
| color: #5b6171; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: #e0e1e4; | |
| border-style: solid; | |
| /* ----------------------------------------------------------------------------- | |
| Button Outline Inverse (.button-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-outline.button-dropdown:after, | |
| .button.button-stroke.button-dropdown:after, | |
| .button-outline.dropdown-toggle:after, | |
| .button.button-stroke.dropdown-toggle:after { | |
| border-color: #5b6171 transparent transparent transparent; | |
| _border-color: #5b6171 #000000 #000000 #000000; | |
| } | |
| .button-outline:hover, | |
| .button.button-stroke:hover { | |
| color: #282e3e; | |
| text-decoration: none; | |
| background-color: #e0e1e4; | |
| border-color: #e0e1e4; | |
| } | |
| .button-outline:hover.button-dropdown:after, | |
| .button.button-stroke:hover.button-dropdown:after, | |
| .button-outline:hover.dropdown-toggle:after, | |
| .button.button-stroke:hover.dropdown-toggle:after { | |
| border-color: #282e3e transparent transparent transparent; | |
| _border-color: #282e3e #000000 #000000 #000000; | |
| } | |
| .button-outline:active, | |
| .button.button-stroke:active { | |
| color: #5b6171; | |
| background-color: #b7bac1; | |
| border-color: #b7bac1; | |
| } | |
| .button-outline:active.button-dropdown:after, | |
| .button.button-stroke:active.button-dropdown:after, | |
| .button-outline:active.dropdown-toggle:after, | |
| .button.button-stroke:active.dropdown-toggle:after { | |
| border-color: #5b6171 transparent transparent transparent; | |
| _border-color: #5b6171 #000000 #000000 #000000; | |
| } | |
| .button-outline.selected, | |
| .button.button-stroke.selected, | |
| .button-outline.active, | |
| .button.button-stroke.active { | |
| color: #848995; | |
| text-decoration: none; | |
| background-color: #e0e1e4; | |
| border-color: #e0e1e4; | |
| } | |
| .button-outline.selected.button-dropdown:after, | |
| .button.button-stroke.selected.button-dropdown:after, | |
| .button-outline.active.button-dropdown:after, | |
| .button.button-stroke.active.button-dropdown:after, | |
| .button-outline.selected.dropdown-toggle:after, | |
| .button.button-stroke.selected.dropdown-toggle:after, | |
| .button-outline.active.dropdown-toggle:after, | |
| .button.button-stroke.active.dropdown-toggle:after { | |
| border-color: #848995 transparent transparent transparent; | |
| _border-color: #848995 #000000 #000000 #000000; | |
| } | |
| .button-outline.button-inverse, | |
| .button.button-stroke.button-inverse { | |
| color: #ffffff; | |
| background-color: transparent; | |
| border-color: #474e60; | |
| } | |
| .button-outline.button-inverse.button-dropdown:after, | |
| .button.button-stroke.button-inverse.button-dropdown:after, | |
| .button-outline.button-inverse.dropdown-toggle:after, | |
| .button.button-stroke.button-inverse.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-outline.button-inverse:hover, | |
| .button.button-stroke.button-inverse:hover { | |
| color: #ffffff; | |
| text-decoration: none; | |
| background-color: #474e60; | |
| border-color: #474e60; | |
| } | |
| .button-outline.button-inverse:hover.button-dropdown:after, | |
| .button.button-stroke.button-inverse:hover.button-dropdown:after, | |
| .button-outline.button-inverse:hover.dropdown-toggle:after, | |
| .button.button-stroke.button-inverse:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-outline.button-inverse:active, | |
| .button.button-stroke.button-inverse:active { | |
| color: #ffffff; | |
| background-color: #323a4e; | |
| border-color: #323a4e; | |
| } | |
| .button-outline.button-inverse:active.button-dropdown:after, | |
| .button.button-stroke.button-inverse:active.button-dropdown:after, | |
| .button-outline.button-inverse:active.dropdown-toggle:after, | |
| .button.button-stroke.button-inverse:active.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-outline.button-inverse.selected, | |
| .button.button-stroke.button-inverse.selected, | |
| .button-outline.button-inverse.active, | |
| .button.button-stroke.button-inverse.active { | |
| color: #d6d8dc; | |
| text-decoration: none; | |
| background-color: #474e60; | |
| border-color: #474e60; | |
| } | |
| .button-outline.button-inverse.selected.button-dropdown:after, | |
| .button.button-stroke.button-inverse.selected.button-dropdown:after, | |
| .button-outline.button-inverse.active.button-dropdown:after, | |
| .button.button-stroke.button-inverse.active.button-dropdown:after, | |
| .button-outline.button-inverse.selected.dropdown-toggle:after, | |
| .button.button-stroke.button-inverse.selected.dropdown-toggle:after, | |
| .button-outline.button-inverse.active.dropdown-toggle:after, | |
| .button.button-stroke.button-inverse.active.dropdown-toggle:after { | |
| border-color: #d6d8dc transparent transparent transparent; | |
| _border-color: #d6d8dc #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.open) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group.open > .button-outline, | |
| .button-group.open > .button.button-stroke { | |
| color: #848995; | |
| text-decoration: none; | |
| background-color: #e0e1e4; | |
| border-color: #e0e1e4; | |
| } | |
| .button-group.open > .button-outline.button-dropdown:after, | |
| .button-group.open > .button.button-stroke.button-dropdown:after, | |
| .button-group.open > .button-outline.dropdown-toggle:after, | |
| .button-group.open > .button.button-stroke.dropdown-toggle:after { | |
| border-color: #848995 transparent transparent transparent; | |
| _border-color: #848995 #000000 #000000 #000000; | |
| } | |
| .button-group.open > .button-outline.button-inverse, | |
| .button-group.open > .button.button-stroke.button-inverse { | |
| color: #d6d8dc; | |
| text-decoration: none; | |
| background-color: #474e60; | |
| border-color: #474e60; | |
| } | |
| .button-group.open > .button-outline.button-inverse.button-dropdown:after, | |
| .button-group.open > .button.button-stroke.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-outline.button-inverse.dropdown-toggle:after, | |
| .button-group.open > .button.button-stroke.button-inverse.dropdown-toggle:after { | |
| border-color: #d6d8dc transparent transparent transparent; | |
| _border-color: #d6d8dc #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-link/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-link/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Link (.button-link) | |
| ----------------------------------------------------------------------------- */ | |
| .button-link { | |
| color: #5b6171; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: rgba(0, 0, 0, 0); | |
| border-style: solid; | |
| /* ----------------------------------------------------------------------------- | |
| Button Link Inverse (.button-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-link.button-dropdown:after, | |
| .button-link.dropdown-toggle:after { | |
| border-color: #5b6171 transparent transparent transparent; | |
| _border-color: #5b6171 #000000 #000000 #000000; | |
| } | |
| .button-link:hover { | |
| color: #282e3e; | |
| text-decoration: underline; | |
| background-color: transparent; | |
| border-color: rgba(0, 0, 0, 0); | |
| } | |
| .button-link:hover.button-dropdown:after, | |
| .button-link:hover.dropdown-toggle:after { | |
| border-color: #282e3e transparent transparent transparent; | |
| _border-color: #282e3e #000000 #000000 #000000; | |
| } | |
| .button-link:active { | |
| color: #5b6171; | |
| background-color: transparent; | |
| border-color: rgba(0, 0, 0, 0); | |
| } | |
| .button-link:active.button-dropdown:after, | |
| .button-link:active.dropdown-toggle:after { | |
| border-color: #5b6171 transparent transparent transparent; | |
| _border-color: #5b6171 #000000 #000000 #000000; | |
| } | |
| .button-link.selected, | |
| .button-link.active { | |
| color: #5b6171; | |
| background-color: transparent; | |
| border-color: rgba(0, 0, 0, 0); | |
| } | |
| .button-link.selected.button-dropdown:after, | |
| .button-link.active.button-dropdown:after, | |
| .button-link.selected.dropdown-toggle:after, | |
| .button-link.active.dropdown-toggle:after { | |
| border-color: #5b6171 transparent transparent transparent; | |
| _border-color: #5b6171 #000000 #000000 #000000; | |
| } | |
| .button-link.button-inverse { | |
| color: #e0e1e4; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: rgba(0, 0, 0, 0); | |
| border-style: solid; | |
| } | |
| .button-link.button-inverse.button-dropdown:after, | |
| .button-link.button-inverse.dropdown-toggle:after { | |
| border-color: #e0e1e4 transparent transparent transparent; | |
| _border-color: #e0e1e4 #000000 #000000 #000000; | |
| } | |
| .button-link.button-inverse:hover { | |
| color: #ffffff; | |
| text-decoration: underline; | |
| background-color: transparent; | |
| border-color: rgba(0, 0, 0, 0); | |
| } | |
| .button-link.button-inverse:hover.button-dropdown:after, | |
| .button-link.button-inverse:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-link.button-inverse:active { | |
| color: #b7bac1; | |
| background-color: transparent; | |
| border-color: rgba(0, 0, 0, 0); | |
| } | |
| .button-link.button-inverse:active.button-dropdown:after, | |
| .button-link.button-inverse:active.dropdown-toggle:after { | |
| border-color: #b7bac1 transparent transparent transparent; | |
| _border-color: #b7bac1 #000000 #000000 #000000; | |
| } | |
| .button-link.button-inverse.selected, | |
| .button-link.button-inverse.active { | |
| color: #b7bac1; | |
| background-color: transparent; | |
| border-color: rgba(0, 0, 0, 0); | |
| } | |
| .button-link.button-inverse.selected.button-dropdown:after, | |
| .button-link.button-inverse.active.button-dropdown:after, | |
| .button-link.button-inverse.selected.dropdown-toggle:after, | |
| .button-link.button-inverse.active.dropdown-toggle:after { | |
| border-color: #b7bac1 transparent transparent transparent; | |
| _border-color: #b7bac1 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.open) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group.open > .button-link { | |
| color: #5b6171; | |
| background-color: transparent; | |
| border-color: rgba(0, 0, 0, 0); | |
| } | |
| .button-group.open > .button-link.button-dropdown:after, | |
| .button-group.open > .button-link.dropdown-toggle:after { | |
| border-color: #5b6171 transparent transparent transparent; | |
| _border-color: #5b6171 #000000 #000000 #000000; | |
| } | |
| .button-group.open > .button-link.button-inverse { | |
| color: #b7bac1; | |
| background-color: transparent; | |
| border-color: rgba(0, 0, 0, 0); | |
| } | |
| .button-group.open > .button-link.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-link.button-inverse.dropdown-toggle:after { | |
| border-color: #b7bac1 transparent transparent transparent; | |
| _border-color: #b7bac1 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-primary/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-primary/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Primary (.button-primary) | |
| ----------------------------------------------------------------------------- */ | |
| .button-primary { | |
| color: #ffffff; | |
| background-color: #9351e5; | |
| border-color: #9351e5; | |
| /* ----------------------------------------------------------------------------- | |
| Button Primary Inverse (.button-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-primary.button-dropdown:after, | |
| .button-primary.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-primary:hover { | |
| color: #ffffff; | |
| background-color: #8449ce; | |
| border-color: #8449ce; | |
| } | |
| .button-primary:hover.button-dropdown:after, | |
| .button-primary:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-primary:active { | |
| color: #e9dcfa; | |
| background-color: #6e3dac; | |
| border-color: #6e3dac; | |
| } | |
| .button-primary:active.button-dropdown:after, | |
| .button-primary:active.dropdown-toggle:after { | |
| border-color: #e9dcfa transparent transparent transparent; | |
| _border-color: #e9dcfa #000000 #000000 #000000; | |
| } | |
| .button-primary.selected, | |
| .button-primary.active { | |
| color: #dfcbf7; | |
| background-color: #7d45c3; | |
| border-color: #7d45c3; | |
| } | |
| .button-primary.selected.button-dropdown:after, | |
| .button-primary.active.button-dropdown:after, | |
| .button-primary.selected.dropdown-toggle:after, | |
| .button-primary.active.dropdown-toggle:after { | |
| border-color: #dfcbf7 transparent transparent transparent; | |
| _border-color: #dfcbf7 #000000 #000000 #000000; | |
| } | |
| .button-primary.button-inverse { | |
| color: #ffffff; | |
| background-color: #9351e5; | |
| border-color: #9351e5; | |
| } | |
| .button-primary.button-inverse.button-dropdown:after, | |
| .button-primary.button-inverse.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-primary.button-inverse:hover { | |
| color: #ffffff; | |
| background-color: #985ae6; | |
| border-color: #985ae6; | |
| } | |
| .button-primary.button-inverse:hover.button-dropdown:after, | |
| .button-primary.button-inverse:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-primary.button-inverse:active { | |
| color: #e9dcfa; | |
| background-color: #6e3dac; | |
| border-color: #6e3dac; | |
| } | |
| .button-primary.button-inverse:active.button-dropdown:after, | |
| .button-primary.button-inverse:active.dropdown-toggle:after { | |
| border-color: #e9dcfa transparent transparent transparent; | |
| _border-color: #e9dcfa #000000 #000000 #000000; | |
| } | |
| .button-primary.button-inverse.selected, | |
| .button-primary.button-inverse.active { | |
| color: #dfcbf7; | |
| background-color: #7d45c3; | |
| border-color: #7d45c3; | |
| } | |
| .button-primary.button-inverse.selected.button-dropdown:after, | |
| .button-primary.button-inverse.active.button-dropdown:after, | |
| .button-primary.button-inverse.selected.dropdown-toggle:after, | |
| .button-primary.button-inverse.active.dropdown-toggle:after { | |
| border-color: #dfcbf7 transparent transparent transparent; | |
| _border-color: #dfcbf7 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.open) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group.open > .button-primary { | |
| color: #dfcbf7; | |
| background-color: #7d45c3; | |
| border-color: #7d45c3; | |
| } | |
| .button-group.open > .button-primary.button-dropdown:after, | |
| .button-group.open > .button-primary.dropdown-toggle:after { | |
| border-color: #dfcbf7 transparent transparent transparent; | |
| _border-color: #dfcbf7 #000000 #000000 #000000; | |
| } | |
| .button-group.open > .button-primary.button-inverse { | |
| color: #dfcbf7; | |
| background-color: #7d45c3; | |
| border-color: #7d45c3; | |
| } | |
| .button-group.open > .button-primary.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-primary.button-inverse.dropdown-toggle:after { | |
| border-color: #dfcbf7 transparent transparent transparent; | |
| _border-color: #dfcbf7 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-primary-outline/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-primary-outline/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Primary Outline (.button-primary-outline) | |
| ----------------------------------------------------------------------------- */ | |
| .button-primary-outline, | |
| .button-primary.button-stroke { | |
| color: #9351e5; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: #9351e5; | |
| border-style: solid; | |
| /* ----------------------------------------------------------------------------- | |
| Button Primary Outline Inverse (.button-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-primary-outline.button-dropdown:after, | |
| .button-primary.button-stroke.button-dropdown:after, | |
| .button-primary-outline.dropdown-toggle:after, | |
| .button-primary.button-stroke.dropdown-toggle:after { | |
| border-color: #9351e5 transparent transparent transparent; | |
| _border-color: #9351e5 #000000 #000000 #000000; | |
| } | |
| .button-primary-outline:hover, | |
| .button-primary.button-stroke:hover { | |
| color: #ffffff; | |
| background-color: #9351e5; | |
| border-color: #9351e5; | |
| } | |
| .button-primary-outline:hover.button-dropdown:after, | |
| .button-primary.button-stroke:hover.button-dropdown:after, | |
| .button-primary-outline:hover.dropdown-toggle:after, | |
| .button-primary.button-stroke:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-primary-outline:active, | |
| .button-primary.button-stroke:active { | |
| color: #e9dcfa; | |
| background-color: #6e3dac; | |
| border-color: #6e3dac; | |
| } | |
| .button-primary-outline:active.button-dropdown:after, | |
| .button-primary.button-stroke:active.button-dropdown:after, | |
| .button-primary-outline:active.dropdown-toggle:after, | |
| .button-primary.button-stroke:active.dropdown-toggle:after { | |
| border-color: #e9dcfa transparent transparent transparent; | |
| _border-color: #e9dcfa #000000 #000000 #000000; | |
| } | |
| .button-primary-outline.selected, | |
| .button-primary.button-stroke.selected, | |
| .button-primary-outline.active, | |
| .button-primary.button-stroke.active { | |
| color: #dfcbf7; | |
| background-color: #9351e5; | |
| border-color: #9351e5; | |
| } | |
| .button-primary-outline.selected.button-dropdown:after, | |
| .button-primary.button-stroke.selected.button-dropdown:after, | |
| .button-primary-outline.active.button-dropdown:after, | |
| .button-primary.button-stroke.active.button-dropdown:after, | |
| .button-primary-outline.selected.dropdown-toggle:after, | |
| .button-primary.button-stroke.selected.dropdown-toggle:after, | |
| .button-primary-outline.active.dropdown-toggle:after, | |
| .button-primary.button-stroke.active.dropdown-toggle:after { | |
| border-color: #dfcbf7 transparent transparent transparent; | |
| _border-color: #dfcbf7 #000000 #000000 #000000; | |
| } | |
| .button-primary-outline.button-inverse, | |
| .button-primary.button-stroke.button-inverse { | |
| color: #ffffff; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: #9351e5; | |
| border-style: solid; | |
| } | |
| .button-primary-outline.button-inverse.button-dropdown:after, | |
| .button-primary.button-stroke.button-inverse.button-dropdown:after, | |
| .button-primary-outline.button-inverse.dropdown-toggle:after, | |
| .button-primary.button-stroke.button-inverse.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-primary-outline.button-inverse:hover, | |
| .button-primary.button-stroke.button-inverse:hover { | |
| color: #ffffff; | |
| background-color: #9351e5; | |
| border-color: #9351e5; | |
| } | |
| .button-primary-outline.button-inverse:hover.button-dropdown:after, | |
| .button-primary.button-stroke.button-inverse:hover.button-dropdown:after, | |
| .button-primary-outline.button-inverse:hover.dropdown-toggle:after, | |
| .button-primary.button-stroke.button-inverse:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-primary-outline.button-inverse:active, | |
| .button-primary.button-stroke.button-inverse:active { | |
| color: #e9dcfa; | |
| background-color: #6e3dac; | |
| border-color: #6e3dac; | |
| } | |
| .button-primary-outline.button-inverse:active.button-dropdown:after, | |
| .button-primary.button-stroke.button-inverse:active.button-dropdown:after, | |
| .button-primary-outline.button-inverse:active.dropdown-toggle:after, | |
| .button-primary.button-stroke.button-inverse:active.dropdown-toggle:after { | |
| border-color: #e9dcfa transparent transparent transparent; | |
| _border-color: #e9dcfa #000000 #000000 #000000; | |
| } | |
| .button-primary-outline.button-inverse.selected, | |
| .button-primary.button-stroke.button-inverse.selected, | |
| .button-primary-outline.button-inverse.active, | |
| .button-primary.button-stroke.button-inverse.active { | |
| color: #dfcbf7; | |
| background-color: #9351e5; | |
| border-color: #9351e5; | |
| } | |
| .button-primary-outline.button-inverse.selected.button-dropdown:after, | |
| .button-primary.button-stroke.button-inverse.selected.button-dropdown:after, | |
| .button-primary-outline.button-inverse.active.button-dropdown:after, | |
| .button-primary.button-stroke.button-inverse.active.button-dropdown:after, | |
| .button-primary-outline.button-inverse.selected.dropdown-toggle:after, | |
| .button-primary.button-stroke.button-inverse.selected.dropdown-toggle:after, | |
| .button-primary-outline.button-inverse.active.dropdown-toggle:after, | |
| .button-primary.button-stroke.button-inverse.active.dropdown-toggle:after { | |
| border-color: #dfcbf7 transparent transparent transparent; | |
| _border-color: #dfcbf7 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.open) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group.open > .button-primary-outline, | |
| .button-group.open > .button-primary.button-stroke { | |
| color: #dfcbf7; | |
| background-color: #9351e5; | |
| border-color: #9351e5; | |
| } | |
| .button-group.open > .button-primary-outline.button-dropdown:after, | |
| .button-group.open > .button-primary.button-stroke.button-dropdown:after, | |
| .button-group.open > .button-primary-outline.dropdown-toggle:after, | |
| .button-group.open > .button-primary.button-stroke.dropdown-toggle:after { | |
| border-color: #dfcbf7 transparent transparent transparent; | |
| _border-color: #dfcbf7 #000000 #000000 #000000; | |
| } | |
| .button-group.open > .button-primary-outline.button-inverse, | |
| .button-group.open > .button-primary.button-stroke.button-inverse { | |
| color: #dfcbf7; | |
| background-color: #9351e5; | |
| border-color: #9351e5; | |
| } | |
| .button-group.open > .button-primary-outline.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-primary.button-stroke.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-primary-outline.button-inverse.dropdown-toggle:after, | |
| .button-group.open > .button-primary.button-stroke.button-inverse.dropdown-toggle:after { | |
| border-color: #dfcbf7 transparent transparent transparent; | |
| _border-color: #dfcbf7 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-primary-link/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-primary-link/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Primary Link (.button-primary-link) | |
| ----------------------------------------------------------------------------- */ | |
| .button-primary-link, | |
| .button-primary.button-link { | |
| color: #9351e5; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: rgba(147, 81, 229, 0); | |
| border-style: solid; | |
| /* ----------------------------------------------------------------------------- | |
| Button Primary Link Inverse (.button-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-primary-link.button-dropdown:after, | |
| .button-primary.button-link.button-dropdown:after, | |
| .button-primary-link.dropdown-toggle:after, | |
| .button-primary.button-link.dropdown-toggle:after { | |
| border-color: #9351e5 transparent transparent transparent; | |
| _border-color: #9351e5 #000000 #000000 #000000; | |
| } | |
| .button-primary-link:hover, | |
| .button-primary.button-link:hover { | |
| color: #7641b7; | |
| text-decoration: underline; | |
| background-color: transparent; | |
| border-color: rgba(118, 65, 183, 0); | |
| } | |
| .button-primary-link:hover.button-dropdown:after, | |
| .button-primary.button-link:hover.button-dropdown:after, | |
| .button-primary-link:hover.dropdown-toggle:after, | |
| .button-primary.button-link:hover.dropdown-toggle:after { | |
| border-color: #7641b7 transparent transparent transparent; | |
| _border-color: #7641b7 #000000 #000000 #000000; | |
| } | |
| .button-primary-link:active, | |
| .button-primary.button-link:active { | |
| color: #583189; | |
| background-color: transparent; | |
| border-color: rgba(88, 49, 137, 0); | |
| } | |
| .button-primary-link:active.button-dropdown:after, | |
| .button-primary.button-link:active.button-dropdown:after, | |
| .button-primary-link:active.dropdown-toggle:after, | |
| .button-primary.button-link:active.dropdown-toggle:after { | |
| border-color: #583189 transparent transparent transparent; | |
| _border-color: #583189 #000000 #000000 #000000; | |
| } | |
| .button-primary-link.selected, | |
| .button-primary.button-link.selected, | |
| .button-primary-link.active, | |
| .button-primary.button-link.active { | |
| color: #583189; | |
| background-color: transparent; | |
| border-color: rgba(88, 49, 137, 0); | |
| } | |
| .button-primary-link.selected.button-dropdown:after, | |
| .button-primary.button-link.selected.button-dropdown:after, | |
| .button-primary-link.active.button-dropdown:after, | |
| .button-primary.button-link.active.button-dropdown:after, | |
| .button-primary-link.selected.dropdown-toggle:after, | |
| .button-primary.button-link.selected.dropdown-toggle:after, | |
| .button-primary-link.active.dropdown-toggle:after, | |
| .button-primary.button-link.active.dropdown-toggle:after { | |
| border-color: #583189 transparent transparent transparent; | |
| _border-color: #583189 #000000 #000000 #000000; | |
| } | |
| .button-primary-link.button-inverse, | |
| .button-primary.button-link.button-inverse { | |
| color: #9351e5; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: rgba(147, 81, 229, 0); | |
| border-style: solid; | |
| } | |
| .button-primary-link.button-inverse.button-dropdown:after, | |
| .button-primary.button-link.button-inverse.button-dropdown:after, | |
| .button-primary-link.button-inverse.dropdown-toggle:after, | |
| .button-primary.button-link.button-inverse.dropdown-toggle:after { | |
| border-color: #9351e5 transparent transparent transparent; | |
| _border-color: #9351e5 #000000 #000000 #000000; | |
| } | |
| .button-primary-link.button-inverse:hover, | |
| .button-primary.button-link.button-inverse:hover { | |
| color: #a974ea; | |
| text-decoration: underline; | |
| background-color: transparent; | |
| border-color: rgba(169, 116, 234, 0); | |
| } | |
| .button-primary-link.button-inverse:hover.button-dropdown:after, | |
| .button-primary.button-link.button-inverse:hover.button-dropdown:after, | |
| .button-primary-link.button-inverse:hover.dropdown-toggle:after, | |
| .button-primary.button-link.button-inverse:hover.dropdown-toggle:after { | |
| border-color: #a974ea transparent transparent transparent; | |
| _border-color: #a974ea #000000 #000000 #000000; | |
| } | |
| .button-primary-link.button-inverse:active, | |
| .button-primary.button-link.button-inverse:active { | |
| color: #7641b7; | |
| background-color: transparent; | |
| border-color: rgba(118, 65, 183, 0); | |
| } | |
| .button-primary-link.button-inverse:active.button-dropdown:after, | |
| .button-primary.button-link.button-inverse:active.button-dropdown:after, | |
| .button-primary-link.button-inverse:active.dropdown-toggle:after, | |
| .button-primary.button-link.button-inverse:active.dropdown-toggle:after { | |
| border-color: #7641b7 transparent transparent transparent; | |
| _border-color: #7641b7 #000000 #000000 #000000; | |
| } | |
| .button-primary-link.button-inverse.selected, | |
| .button-primary.button-link.button-inverse.selected, | |
| .button-primary-link.button-inverse.active, | |
| .button-primary.button-link.button-inverse.active { | |
| color: #7641b7; | |
| background-color: transparent; | |
| border-color: rgba(118, 65, 183, 0); | |
| } | |
| .button-primary-link.button-inverse.selected.button-dropdown:after, | |
| .button-primary.button-link.button-inverse.selected.button-dropdown:after, | |
| .button-primary-link.button-inverse.active.button-dropdown:after, | |
| .button-primary.button-link.button-inverse.active.button-dropdown:after, | |
| .button-primary-link.button-inverse.selected.dropdown-toggle:after, | |
| .button-primary.button-link.button-inverse.selected.dropdown-toggle:after, | |
| .button-primary-link.button-inverse.active.dropdown-toggle:after, | |
| .button-primary.button-link.button-inverse.active.dropdown-toggle:after { | |
| border-color: #7641b7 transparent transparent transparent; | |
| _border-color: #7641b7 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.open) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group.open > .button-primary-link, | |
| .button-group.open > .button-primary.button-link { | |
| color: #583189; | |
| background-color: transparent; | |
| border-color: rgba(88, 49, 137, 0); | |
| } | |
| .button-group.open > .button-primary-link.button-dropdown:after, | |
| .button-group.open > .button-primary.button-link.button-dropdown:after, | |
| .button-group.open > .button-primary-link.dropdown-toggle:after, | |
| .button-group.open > .button-primary.button-link.dropdown-toggle:after { | |
| border-color: #583189 transparent transparent transparent; | |
| _border-color: #583189 #000000 #000000 #000000; | |
| } | |
| .button-group.open > .button-primary-link.button-inverse, | |
| .button-group.open > .button-primary.button-link.button-inverse { | |
| color: #7641b7; | |
| background-color: transparent; | |
| border-color: rgba(118, 65, 183, 0); | |
| } | |
| .button-group.open > .button-primary-link.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-primary.button-link.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-primary-link.button-inverse.dropdown-toggle:after, | |
| .button-group.open > .button-primary.button-link.button-inverse.dropdown-toggle:after { | |
| border-color: #7641b7 transparent transparent transparent; | |
| _border-color: #7641b7 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-success/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-success/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Success (.button-success) | |
| ----------------------------------------------------------------------------- */ | |
| .button-success { | |
| color: #ffffff; | |
| background-color: #27c97b; | |
| border-color: #27c97b; | |
| /* ----------------------------------------------------------------------------- | |
| Button Success Inverse (.button-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-success.button-dropdown:after, | |
| .button-success.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-success:hover { | |
| color: #ffffff; | |
| background-color: #23b56f; | |
| border-color: #23b56f; | |
| } | |
| .button-success:hover.button-dropdown:after, | |
| .button-success:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-success:active { | |
| color: #d4f4e5; | |
| background-color: #1d975c; | |
| border-color: #1d975c; | |
| } | |
| .button-success:active.button-dropdown:after, | |
| .button-success:active.dropdown-toggle:after { | |
| border-color: #d4f4e5 transparent transparent transparent; | |
| _border-color: #d4f4e5 #000000 #000000 #000000; | |
| } | |
| .button-success.selected, | |
| .button-success.active { | |
| color: #beefd7; | |
| background-color: #21ab69; | |
| border-color: #21ab69; | |
| } | |
| .button-success.selected.button-dropdown:after, | |
| .button-success.active.button-dropdown:after, | |
| .button-success.selected.dropdown-toggle:after, | |
| .button-success.active.dropdown-toggle:after { | |
| border-color: #beefd7 transparent transparent transparent; | |
| _border-color: #beefd7 #000000 #000000 #000000; | |
| } | |
| .button-success.button-inverse { | |
| color: #ffffff; | |
| background-color: #27c97b; | |
| border-color: #27c97b; | |
| } | |
| .button-success.button-inverse.button-dropdown:after, | |
| .button-success.button-inverse.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-success.button-inverse:hover { | |
| color: #ffffff; | |
| background-color: #32cc82; | |
| border-color: #32cc82; | |
| } | |
| .button-success.button-inverse:hover.button-dropdown:after, | |
| .button-success.button-inverse:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-success.button-inverse:active { | |
| color: #d4f4e5; | |
| background-color: #1d975c; | |
| border-color: #1d975c; | |
| } | |
| .button-success.button-inverse:active.button-dropdown:after, | |
| .button-success.button-inverse:active.dropdown-toggle:after { | |
| border-color: #d4f4e5 transparent transparent transparent; | |
| _border-color: #d4f4e5 #000000 #000000 #000000; | |
| } | |
| .button-success.button-inverse.selected, | |
| .button-success.button-inverse.active { | |
| color: #beefd7; | |
| background-color: #21ab69; | |
| border-color: #21ab69; | |
| } | |
| .button-success.button-inverse.selected.button-dropdown:after, | |
| .button-success.button-inverse.active.button-dropdown:after, | |
| .button-success.button-inverse.selected.dropdown-toggle:after, | |
| .button-success.button-inverse.active.dropdown-toggle:after { | |
| border-color: #beefd7 transparent transparent transparent; | |
| _border-color: #beefd7 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.open) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group.open > .button-success { | |
| color: #beefd7; | |
| background-color: #21ab69; | |
| border-color: #21ab69; | |
| } | |
| .button-group.open > .button-success.button-dropdown:after, | |
| .button-group.open > .button-success.dropdown-toggle:after { | |
| border-color: #beefd7 transparent transparent transparent; | |
| _border-color: #beefd7 #000000 #000000 #000000; | |
| } | |
| .button-group.open > .button-success.button-inverse { | |
| color: #beefd7; | |
| background-color: #21ab69; | |
| border-color: #21ab69; | |
| } | |
| .button-group.open > .button-success.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-success.button-inverse.dropdown-toggle:after { | |
| border-color: #beefd7 transparent transparent transparent; | |
| _border-color: #beefd7 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-success-outline/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-success-outline/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Success Outline (.button-success-outline) | |
| ----------------------------------------------------------------------------- */ | |
| .button-success-outline, | |
| .button-success.button-stroke { | |
| color: #27c97b; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: #27c97b; | |
| border-style: solid; | |
| /* ----------------------------------------------------------------------------- | |
| Button Success Outline Inverse (.button-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-success-outline.button-dropdown:after, | |
| .button-success.button-stroke.button-dropdown:after, | |
| .button-success-outline.dropdown-toggle:after, | |
| .button-success.button-stroke.dropdown-toggle:after { | |
| border-color: #27c97b transparent transparent transparent; | |
| _border-color: #27c97b #000000 #000000 #000000; | |
| } | |
| .button-success-outline:hover, | |
| .button-success.button-stroke:hover { | |
| color: #ffffff; | |
| background-color: #27c97b; | |
| border-color: #27c97b; | |
| } | |
| .button-success-outline:hover.button-dropdown:after, | |
| .button-success.button-stroke:hover.button-dropdown:after, | |
| .button-success-outline:hover.dropdown-toggle:after, | |
| .button-success.button-stroke:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-success-outline:active, | |
| .button-success.button-stroke:active { | |
| color: #d4f4e5; | |
| background-color: #1d975c; | |
| border-color: #1d975c; | |
| } | |
| .button-success-outline:active.button-dropdown:after, | |
| .button-success.button-stroke:active.button-dropdown:after, | |
| .button-success-outline:active.dropdown-toggle:after, | |
| .button-success.button-stroke:active.dropdown-toggle:after { | |
| border-color: #d4f4e5 transparent transparent transparent; | |
| _border-color: #d4f4e5 #000000 #000000 #000000; | |
| } | |
| .button-success-outline.selected, | |
| .button-success.button-stroke.selected, | |
| .button-success-outline.active, | |
| .button-success.button-stroke.active { | |
| color: #beefd7; | |
| background-color: #27c97b; | |
| border-color: #27c97b; | |
| } | |
| .button-success-outline.selected.button-dropdown:after, | |
| .button-success.button-stroke.selected.button-dropdown:after, | |
| .button-success-outline.active.button-dropdown:after, | |
| .button-success.button-stroke.active.button-dropdown:after, | |
| .button-success-outline.selected.dropdown-toggle:after, | |
| .button-success.button-stroke.selected.dropdown-toggle:after, | |
| .button-success-outline.active.dropdown-toggle:after, | |
| .button-success.button-stroke.active.dropdown-toggle:after { | |
| border-color: #beefd7 transparent transparent transparent; | |
| _border-color: #beefd7 #000000 #000000 #000000; | |
| } | |
| .button-success-outline.button-inverse, | |
| .button-success.button-stroke.button-inverse { | |
| color: #ffffff; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: #27c97b; | |
| border-style: solid; | |
| } | |
| .button-success-outline.button-inverse.button-dropdown:after, | |
| .button-success.button-stroke.button-inverse.button-dropdown:after, | |
| .button-success-outline.button-inverse.dropdown-toggle:after, | |
| .button-success.button-stroke.button-inverse.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-success-outline.button-inverse:hover, | |
| .button-success.button-stroke.button-inverse:hover { | |
| color: #ffffff; | |
| background-color: #27c97b; | |
| border-color: #27c97b; | |
| } | |
| .button-success-outline.button-inverse:hover.button-dropdown:after, | |
| .button-success.button-stroke.button-inverse:hover.button-dropdown:after, | |
| .button-success-outline.button-inverse:hover.dropdown-toggle:after, | |
| .button-success.button-stroke.button-inverse:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-success-outline.button-inverse:active, | |
| .button-success.button-stroke.button-inverse:active { | |
| color: #d4f4e5; | |
| background-color: #1d975c; | |
| border-color: #1d975c; | |
| } | |
| .button-success-outline.button-inverse:active.button-dropdown:after, | |
| .button-success.button-stroke.button-inverse:active.button-dropdown:after, | |
| .button-success-outline.button-inverse:active.dropdown-toggle:after, | |
| .button-success.button-stroke.button-inverse:active.dropdown-toggle:after { | |
| border-color: #d4f4e5 transparent transparent transparent; | |
| _border-color: #d4f4e5 #000000 #000000 #000000; | |
| } | |
| .button-success-outline.button-inverse.selected, | |
| .button-success.button-stroke.button-inverse.selected, | |
| .button-success-outline.button-inverse.active, | |
| .button-success.button-stroke.button-inverse.active { | |
| color: #beefd7; | |
| background-color: #27c97b; | |
| border-color: #27c97b; | |
| } | |
| .button-success-outline.button-inverse.selected.button-dropdown:after, | |
| .button-success.button-stroke.button-inverse.selected.button-dropdown:after, | |
| .button-success-outline.button-inverse.active.button-dropdown:after, | |
| .button-success.button-stroke.button-inverse.active.button-dropdown:after, | |
| .button-success-outline.button-inverse.selected.dropdown-toggle:after, | |
| .button-success.button-stroke.button-inverse.selected.dropdown-toggle:after, | |
| .button-success-outline.button-inverse.active.dropdown-toggle:after, | |
| .button-success.button-stroke.button-inverse.active.dropdown-toggle:after { | |
| border-color: #beefd7 transparent transparent transparent; | |
| _border-color: #beefd7 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.open) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group.open > .button-success-outline, | |
| .button-group.open > .button-success.button-stroke { | |
| color: #beefd7; | |
| background-color: #27c97b; | |
| border-color: #27c97b; | |
| } | |
| .button-group.open > .button-success-outline.button-dropdown:after, | |
| .button-group.open > .button-success.button-stroke.button-dropdown:after, | |
| .button-group.open > .button-success-outline.dropdown-toggle:after, | |
| .button-group.open > .button-success.button-stroke.dropdown-toggle:after { | |
| border-color: #beefd7 transparent transparent transparent; | |
| _border-color: #beefd7 #000000 #000000 #000000; | |
| } | |
| .button-group.open > .button-success-outline.button-inverse, | |
| .button-group.open > .button-success.button-stroke.button-inverse { | |
| color: #beefd7; | |
| background-color: #27c97b; | |
| border-color: #27c97b; | |
| } | |
| .button-group.open > .button-success-outline.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-success.button-stroke.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-success-outline.button-inverse.dropdown-toggle:after, | |
| .button-group.open > .button-success.button-stroke.button-inverse.dropdown-toggle:after { | |
| border-color: #beefd7 transparent transparent transparent; | |
| _border-color: #beefd7 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-success-link/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-success-link/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Success Link (.button-success-link) | |
| ----------------------------------------------------------------------------- */ | |
| .button-success-link, | |
| .button-success.button-link { | |
| color: #27c97b; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: rgba(39, 201, 123, 0); | |
| border-style: solid; | |
| /* ----------------------------------------------------------------------------- | |
| Button Success Link Inverse (.button-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-success-link.button-dropdown:after, | |
| .button-success.button-link.button-dropdown:after, | |
| .button-success-link.dropdown-toggle:after, | |
| .button-success.button-link.dropdown-toggle:after { | |
| border-color: #27c97b transparent transparent transparent; | |
| _border-color: #27c97b #000000 #000000 #000000; | |
| } | |
| .button-success-link:hover, | |
| .button-success.button-link:hover { | |
| color: #1fa162; | |
| text-decoration: underline; | |
| background-color: transparent; | |
| border-color: rgba(31, 161, 98, 0); | |
| } | |
| .button-success-link:hover.button-dropdown:after, | |
| .button-success.button-link:hover.button-dropdown:after, | |
| .button-success-link:hover.dropdown-toggle:after, | |
| .button-success.button-link:hover.dropdown-toggle:after { | |
| border-color: #1fa162 transparent transparent transparent; | |
| _border-color: #1fa162 #000000 #000000 #000000; | |
| } | |
| .button-success-link:active, | |
| .button-success.button-link:active { | |
| color: #17794a; | |
| background-color: transparent; | |
| border-color: rgba(23, 121, 74, 0); | |
| } | |
| .button-success-link:active.button-dropdown:after, | |
| .button-success.button-link:active.button-dropdown:after, | |
| .button-success-link:active.dropdown-toggle:after, | |
| .button-success.button-link:active.dropdown-toggle:after { | |
| border-color: #17794a transparent transparent transparent; | |
| _border-color: #17794a #000000 #000000 #000000; | |
| } | |
| .button-success-link.selected, | |
| .button-success.button-link.selected, | |
| .button-success-link.active, | |
| .button-success.button-link.active { | |
| color: #17794a; | |
| background-color: transparent; | |
| border-color: rgba(23, 121, 74, 0); | |
| } | |
| .button-success-link.selected.button-dropdown:after, | |
| .button-success.button-link.selected.button-dropdown:after, | |
| .button-success-link.active.button-dropdown:after, | |
| .button-success.button-link.active.button-dropdown:after, | |
| .button-success-link.selected.dropdown-toggle:after, | |
| .button-success.button-link.selected.dropdown-toggle:after, | |
| .button-success-link.active.dropdown-toggle:after, | |
| .button-success.button-link.active.dropdown-toggle:after { | |
| border-color: #17794a transparent transparent transparent; | |
| _border-color: #17794a #000000 #000000 #000000; | |
| } | |
| .button-success-link.button-inverse, | |
| .button-success.button-link.button-inverse { | |
| color: #27c97b; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: rgba(39, 201, 123, 0); | |
| border-style: solid; | |
| } | |
| .button-success-link.button-inverse.button-dropdown:after, | |
| .button-success.button-link.button-inverse.button-dropdown:after, | |
| .button-success-link.button-inverse.dropdown-toggle:after, | |
| .button-success.button-link.button-inverse.dropdown-toggle:after { | |
| border-color: #27c97b transparent transparent transparent; | |
| _border-color: #27c97b #000000 #000000 #000000; | |
| } | |
| .button-success-link.button-inverse:hover, | |
| .button-success.button-link.button-inverse:hover { | |
| color: #52d495; | |
| text-decoration: underline; | |
| background-color: transparent; | |
| border-color: rgba(82, 212, 149, 0); | |
| } | |
| .button-success-link.button-inverse:hover.button-dropdown:after, | |
| .button-success.button-link.button-inverse:hover.button-dropdown:after, | |
| .button-success-link.button-inverse:hover.dropdown-toggle:after, | |
| .button-success.button-link.button-inverse:hover.dropdown-toggle:after { | |
| border-color: #52d495 transparent transparent transparent; | |
| _border-color: #52d495 #000000 #000000 #000000; | |
| } | |
| .button-success-link.button-inverse:active, | |
| .button-success.button-link.button-inverse:active { | |
| color: #1fa162; | |
| background-color: transparent; | |
| border-color: rgba(31, 161, 98, 0); | |
| } | |
| .button-success-link.button-inverse:active.button-dropdown:after, | |
| .button-success.button-link.button-inverse:active.button-dropdown:after, | |
| .button-success-link.button-inverse:active.dropdown-toggle:after, | |
| .button-success.button-link.button-inverse:active.dropdown-toggle:after { | |
| border-color: #1fa162 transparent transparent transparent; | |
| _border-color: #1fa162 #000000 #000000 #000000; | |
| } | |
| .button-success-link.button-inverse.selected, | |
| .button-success.button-link.button-inverse.selected, | |
| .button-success-link.button-inverse.active, | |
| .button-success.button-link.button-inverse.active { | |
| color: #1fa162; | |
| background-color: transparent; | |
| border-color: rgba(31, 161, 98, 0); | |
| } | |
| .button-success-link.button-inverse.selected.button-dropdown:after, | |
| .button-success.button-link.button-inverse.selected.button-dropdown:after, | |
| .button-success-link.button-inverse.active.button-dropdown:after, | |
| .button-success.button-link.button-inverse.active.button-dropdown:after, | |
| .button-success-link.button-inverse.selected.dropdown-toggle:after, | |
| .button-success.button-link.button-inverse.selected.dropdown-toggle:after, | |
| .button-success-link.button-inverse.active.dropdown-toggle:after, | |
| .button-success.button-link.button-inverse.active.dropdown-toggle:after { | |
| border-color: #1fa162 transparent transparent transparent; | |
| _border-color: #1fa162 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.open) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group.open > .button-success-link, | |
| .button-group.open > .button-success.button-link { | |
| color: #17794a; | |
| background-color: transparent; | |
| border-color: rgba(23, 121, 74, 0); | |
| } | |
| .button-group.open > .button-success-link.button-dropdown:after, | |
| .button-group.open > .button-success.button-link.button-dropdown:after, | |
| .button-group.open > .button-success-link.dropdown-toggle:after, | |
| .button-group.open > .button-success.button-link.dropdown-toggle:after { | |
| border-color: #17794a transparent transparent transparent; | |
| _border-color: #17794a #000000 #000000 #000000; | |
| } | |
| .button-group.open > .button-success-link.button-inverse, | |
| .button-group.open > .button-success.button-link.button-inverse { | |
| color: #1fa162; | |
| background-color: transparent; | |
| border-color: rgba(31, 161, 98, 0); | |
| } | |
| .button-group.open > .button-success-link.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-success.button-link.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-success-link.button-inverse.dropdown-toggle:after, | |
| .button-group.open > .button-success.button-link.button-inverse.dropdown-toggle:after { | |
| border-color: #1fa162 transparent transparent transparent; | |
| _border-color: #1fa162 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-warning/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-warning/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Warning (.button-warning) | |
| ----------------------------------------------------------------------------- */ | |
| .button-warning { | |
| color: #ffffff; | |
| background-color: #f6c846; | |
| border-color: #f6c846; | |
| /* ----------------------------------------------------------------------------- | |
| Button Warning Inverse (.button-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-warning.button-dropdown:after, | |
| .button-warning.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-warning:hover { | |
| color: #ffffff; | |
| background-color: #ddb43f; | |
| border-color: #ddb43f; | |
| } | |
| .button-warning:hover.button-dropdown:after, | |
| .button-warning:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-warning:active { | |
| color: #fdf4da; | |
| background-color: #b99635; | |
| border-color: #b99635; | |
| } | |
| .button-warning:active.button-dropdown:after, | |
| .button-warning:active.dropdown-toggle:after { | |
| border-color: #fdf4da transparent transparent transparent; | |
| _border-color: #fdf4da #000000 #000000 #000000; | |
| } | |
| .button-warning.selected, | |
| .button-warning.active { | |
| color: #fcefc8; | |
| background-color: #d1aa3c; | |
| border-color: #d1aa3c; | |
| } | |
| .button-warning.selected.button-dropdown:after, | |
| .button-warning.active.button-dropdown:after, | |
| .button-warning.selected.dropdown-toggle:after, | |
| .button-warning.active.dropdown-toggle:after { | |
| border-color: #fcefc8 transparent transparent transparent; | |
| _border-color: #fcefc8 #000000 #000000 #000000; | |
| } | |
| .button-warning.button-inverse { | |
| color: #ffffff; | |
| background-color: #f6c846; | |
| border-color: #f6c846; | |
| } | |
| .button-warning.button-inverse.button-dropdown:after, | |
| .button-warning.button-inverse.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-warning.button-inverse:hover { | |
| color: #ffffff; | |
| background-color: #f6cb4f; | |
| border-color: #f6cb4f; | |
| } | |
| .button-warning.button-inverse:hover.button-dropdown:after, | |
| .button-warning.button-inverse:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-warning.button-inverse:active { | |
| color: #fdf4da; | |
| background-color: #b99635; | |
| border-color: #b99635; | |
| } | |
| .button-warning.button-inverse:active.button-dropdown:after, | |
| .button-warning.button-inverse:active.dropdown-toggle:after { | |
| border-color: #fdf4da transparent transparent transparent; | |
| _border-color: #fdf4da #000000 #000000 #000000; | |
| } | |
| .button-warning.button-inverse.selected, | |
| .button-warning.button-inverse.active { | |
| color: #fcefc8; | |
| background-color: #d1aa3c; | |
| border-color: #d1aa3c; | |
| } | |
| .button-warning.button-inverse.selected.button-dropdown:after, | |
| .button-warning.button-inverse.active.button-dropdown:after, | |
| .button-warning.button-inverse.selected.dropdown-toggle:after, | |
| .button-warning.button-inverse.active.dropdown-toggle:after { | |
| border-color: #fcefc8 transparent transparent transparent; | |
| _border-color: #fcefc8 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.open) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group.open > .button-warning { | |
| color: #fcefc8; | |
| background-color: #d1aa3c; | |
| border-color: #d1aa3c; | |
| } | |
| .button-group.open > .button-warning.button-dropdown:after, | |
| .button-group.open > .button-warning.dropdown-toggle:after { | |
| border-color: #fcefc8 transparent transparent transparent; | |
| _border-color: #fcefc8 #000000 #000000 #000000; | |
| } | |
| .button-group.open > .button-warning.button-inverse { | |
| color: #fcefc8; | |
| background-color: #d1aa3c; | |
| border-color: #d1aa3c; | |
| } | |
| .button-group.open > .button-warning.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-warning.button-inverse.dropdown-toggle:after { | |
| border-color: #fcefc8 transparent transparent transparent; | |
| _border-color: #fcefc8 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-warning-outline/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-warning-outline/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Warning Outline (.button-warning-outline) | |
| ----------------------------------------------------------------------------- */ | |
| .button-warning-outline, | |
| .button-warning.button-stroke { | |
| color: #f6c846; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: #f6c846; | |
| border-style: solid; | |
| /* ----------------------------------------------------------------------------- | |
| Button Warning Outline Inverse (.button-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-warning-outline.button-dropdown:after, | |
| .button-warning.button-stroke.button-dropdown:after, | |
| .button-warning-outline.dropdown-toggle:after, | |
| .button-warning.button-stroke.dropdown-toggle:after { | |
| border-color: #f6c846 transparent transparent transparent; | |
| _border-color: #f6c846 #000000 #000000 #000000; | |
| } | |
| .button-warning-outline:hover, | |
| .button-warning.button-stroke:hover { | |
| color: #ffffff; | |
| background-color: #f6c846; | |
| border-color: #f6c846; | |
| } | |
| .button-warning-outline:hover.button-dropdown:after, | |
| .button-warning.button-stroke:hover.button-dropdown:after, | |
| .button-warning-outline:hover.dropdown-toggle:after, | |
| .button-warning.button-stroke:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-warning-outline:active, | |
| .button-warning.button-stroke:active { | |
| color: #fdf4da; | |
| background-color: #b99635; | |
| border-color: #b99635; | |
| } | |
| .button-warning-outline:active.button-dropdown:after, | |
| .button-warning.button-stroke:active.button-dropdown:after, | |
| .button-warning-outline:active.dropdown-toggle:after, | |
| .button-warning.button-stroke:active.dropdown-toggle:after { | |
| border-color: #fdf4da transparent transparent transparent; | |
| _border-color: #fdf4da #000000 #000000 #000000; | |
| } | |
| .button-warning-outline.selected, | |
| .button-warning.button-stroke.selected, | |
| .button-warning-outline.active, | |
| .button-warning.button-stroke.active { | |
| color: #fcefc8; | |
| background-color: #f6c846; | |
| border-color: #f6c846; | |
| } | |
| .button-warning-outline.selected.button-dropdown:after, | |
| .button-warning.button-stroke.selected.button-dropdown:after, | |
| .button-warning-outline.active.button-dropdown:after, | |
| .button-warning.button-stroke.active.button-dropdown:after, | |
| .button-warning-outline.selected.dropdown-toggle:after, | |
| .button-warning.button-stroke.selected.dropdown-toggle:after, | |
| .button-warning-outline.active.dropdown-toggle:after, | |
| .button-warning.button-stroke.active.dropdown-toggle:after { | |
| border-color: #fcefc8 transparent transparent transparent; | |
| _border-color: #fcefc8 #000000 #000000 #000000; | |
| } | |
| .button-warning-outline.button-inverse, | |
| .button-warning.button-stroke.button-inverse { | |
| color: #ffffff; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: #f6c846; | |
| border-style: solid; | |
| } | |
| .button-warning-outline.button-inverse.button-dropdown:after, | |
| .button-warning.button-stroke.button-inverse.button-dropdown:after, | |
| .button-warning-outline.button-inverse.dropdown-toggle:after, | |
| .button-warning.button-stroke.button-inverse.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-warning-outline.button-inverse:hover, | |
| .button-warning.button-stroke.button-inverse:hover { | |
| color: #ffffff; | |
| background-color: #f6c846; | |
| border-color: #f6c846; | |
| } | |
| .button-warning-outline.button-inverse:hover.button-dropdown:after, | |
| .button-warning.button-stroke.button-inverse:hover.button-dropdown:after, | |
| .button-warning-outline.button-inverse:hover.dropdown-toggle:after, | |
| .button-warning.button-stroke.button-inverse:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-warning-outline.button-inverse:active, | |
| .button-warning.button-stroke.button-inverse:active { | |
| color: #fdf4da; | |
| background-color: #b99635; | |
| border-color: #b99635; | |
| } | |
| .button-warning-outline.button-inverse:active.button-dropdown:after, | |
| .button-warning.button-stroke.button-inverse:active.button-dropdown:after, | |
| .button-warning-outline.button-inverse:active.dropdown-toggle:after, | |
| .button-warning.button-stroke.button-inverse:active.dropdown-toggle:after { | |
| border-color: #fdf4da transparent transparent transparent; | |
| _border-color: #fdf4da #000000 #000000 #000000; | |
| } | |
| .button-warning-outline.button-inverse.selected, | |
| .button-warning.button-stroke.button-inverse.selected, | |
| .button-warning-outline.button-inverse.active, | |
| .button-warning.button-stroke.button-inverse.active { | |
| color: #fcefc8; | |
| background-color: #f6c846; | |
| border-color: #f6c846; | |
| } | |
| .button-warning-outline.button-inverse.selected.button-dropdown:after, | |
| .button-warning.button-stroke.button-inverse.selected.button-dropdown:after, | |
| .button-warning-outline.button-inverse.active.button-dropdown:after, | |
| .button-warning.button-stroke.button-inverse.active.button-dropdown:after, | |
| .button-warning-outline.button-inverse.selected.dropdown-toggle:after, | |
| .button-warning.button-stroke.button-inverse.selected.dropdown-toggle:after, | |
| .button-warning-outline.button-inverse.active.dropdown-toggle:after, | |
| .button-warning.button-stroke.button-inverse.active.dropdown-toggle:after { | |
| border-color: #fcefc8 transparent transparent transparent; | |
| _border-color: #fcefc8 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.open) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group.open > .button-warning-outline, | |
| .button-group.open > .button-warning.button-stroke { | |
| color: #fcefc8; | |
| background-color: #f6c846; | |
| border-color: #f6c846; | |
| } | |
| .button-group.open > .button-warning-outline.button-dropdown:after, | |
| .button-group.open > .button-warning.button-stroke.button-dropdown:after, | |
| .button-group.open > .button-warning-outline.dropdown-toggle:after, | |
| .button-group.open > .button-warning.button-stroke.dropdown-toggle:after { | |
| border-color: #fcefc8 transparent transparent transparent; | |
| _border-color: #fcefc8 #000000 #000000 #000000; | |
| } | |
| .button-group.open > .button-warning-outline.button-inverse, | |
| .button-group.open > .button-warning.button-stroke.button-inverse { | |
| color: #fcefc8; | |
| background-color: #f6c846; | |
| border-color: #f6c846; | |
| } | |
| .button-group.open > .button-warning-outline.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-warning.button-stroke.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-warning-outline.button-inverse.dropdown-toggle:after, | |
| .button-group.open > .button-warning.button-stroke.button-inverse.dropdown-toggle:after { | |
| border-color: #fcefc8 transparent transparent transparent; | |
| _border-color: #fcefc8 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-warning-link/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-warning-link/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Warning Link (.button-warning-link) | |
| ----------------------------------------------------------------------------- */ | |
| .button-warning-link, | |
| .button-warning.button-link { | |
| color: #f6c846; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: rgba(246, 200, 70, 0); | |
| border-style: solid; | |
| /* ----------------------------------------------------------------------------- | |
| Button Warning Link Inverse (.button-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-warning-link.button-dropdown:after, | |
| .button-warning.button-link.button-dropdown:after, | |
| .button-warning-link.dropdown-toggle:after, | |
| .button-warning.button-link.dropdown-toggle:after { | |
| border-color: #f6c846 transparent transparent transparent; | |
| _border-color: #f6c846 #000000 #000000 #000000; | |
| } | |
| .button-warning-link:hover, | |
| .button-warning.button-link:hover { | |
| color: #c5a038; | |
| text-decoration: underline; | |
| background-color: transparent; | |
| border-color: rgba(197, 160, 56, 0); | |
| } | |
| .button-warning-link:hover.button-dropdown:after, | |
| .button-warning.button-link:hover.button-dropdown:after, | |
| .button-warning-link:hover.dropdown-toggle:after, | |
| .button-warning.button-link:hover.dropdown-toggle:after { | |
| border-color: #c5a038 transparent transparent transparent; | |
| _border-color: #c5a038 #000000 #000000 #000000; | |
| } | |
| .button-warning-link:active, | |
| .button-warning.button-link:active { | |
| color: #94782a; | |
| background-color: transparent; | |
| border-color: rgba(148, 120, 42, 0); | |
| } | |
| .button-warning-link:active.button-dropdown:after, | |
| .button-warning.button-link:active.button-dropdown:after, | |
| .button-warning-link:active.dropdown-toggle:after, | |
| .button-warning.button-link:active.dropdown-toggle:after { | |
| border-color: #94782a transparent transparent transparent; | |
| _border-color: #94782a #000000 #000000 #000000; | |
| } | |
| .button-warning-link.selected, | |
| .button-warning.button-link.selected, | |
| .button-warning-link.active, | |
| .button-warning.button-link.active { | |
| color: #94782a; | |
| background-color: transparent; | |
| border-color: rgba(148, 120, 42, 0); | |
| } | |
| .button-warning-link.selected.button-dropdown:after, | |
| .button-warning.button-link.selected.button-dropdown:after, | |
| .button-warning-link.active.button-dropdown:after, | |
| .button-warning.button-link.active.button-dropdown:after, | |
| .button-warning-link.selected.dropdown-toggle:after, | |
| .button-warning.button-link.selected.dropdown-toggle:after, | |
| .button-warning-link.active.dropdown-toggle:after, | |
| .button-warning.button-link.active.dropdown-toggle:after { | |
| border-color: #94782a transparent transparent transparent; | |
| _border-color: #94782a #000000 #000000 #000000; | |
| } | |
| .button-warning-link.button-inverse, | |
| .button-warning.button-link.button-inverse { | |
| color: #f6c846; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: rgba(246, 200, 70, 0); | |
| border-style: solid; | |
| } | |
| .button-warning-link.button-inverse.button-dropdown:after, | |
| .button-warning.button-link.button-inverse.button-dropdown:after, | |
| .button-warning-link.button-inverse.dropdown-toggle:after, | |
| .button-warning.button-link.button-inverse.dropdown-toggle:after { | |
| border-color: #f6c846 transparent transparent transparent; | |
| _border-color: #f6c846 #000000 #000000 #000000; | |
| } | |
| .button-warning-link.button-inverse:hover, | |
| .button-warning.button-link.button-inverse:hover { | |
| color: #f8d36b; | |
| text-decoration: underline; | |
| background-color: transparent; | |
| border-color: rgba(248, 211, 107, 0); | |
| } | |
| .button-warning-link.button-inverse:hover.button-dropdown:after, | |
| .button-warning.button-link.button-inverse:hover.button-dropdown:after, | |
| .button-warning-link.button-inverse:hover.dropdown-toggle:after, | |
| .button-warning.button-link.button-inverse:hover.dropdown-toggle:after { | |
| border-color: #f8d36b transparent transparent transparent; | |
| _border-color: #f8d36b #000000 #000000 #000000; | |
| } | |
| .button-warning-link.button-inverse:active, | |
| .button-warning.button-link.button-inverse:active { | |
| color: #c5a038; | |
| background-color: transparent; | |
| border-color: rgba(197, 160, 56, 0); | |
| } | |
| .button-warning-link.button-inverse:active.button-dropdown:after, | |
| .button-warning.button-link.button-inverse:active.button-dropdown:after, | |
| .button-warning-link.button-inverse:active.dropdown-toggle:after, | |
| .button-warning.button-link.button-inverse:active.dropdown-toggle:after { | |
| border-color: #c5a038 transparent transparent transparent; | |
| _border-color: #c5a038 #000000 #000000 #000000; | |
| } | |
| .button-warning-link.button-inverse.selected, | |
| .button-warning.button-link.button-inverse.selected, | |
| .button-warning-link.button-inverse.active, | |
| .button-warning.button-link.button-inverse.active { | |
| color: #c5a038; | |
| background-color: transparent; | |
| border-color: rgba(197, 160, 56, 0); | |
| } | |
| .button-warning-link.button-inverse.selected.button-dropdown:after, | |
| .button-warning.button-link.button-inverse.selected.button-dropdown:after, | |
| .button-warning-link.button-inverse.active.button-dropdown:after, | |
| .button-warning.button-link.button-inverse.active.button-dropdown:after, | |
| .button-warning-link.button-inverse.selected.dropdown-toggle:after, | |
| .button-warning.button-link.button-inverse.selected.dropdown-toggle:after, | |
| .button-warning-link.button-inverse.active.dropdown-toggle:after, | |
| .button-warning.button-link.button-inverse.active.dropdown-toggle:after { | |
| border-color: #c5a038 transparent transparent transparent; | |
| _border-color: #c5a038 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.open) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group.open > .button-warning-link, | |
| .button-group.open > .button-warning.button-link { | |
| color: #94782a; | |
| background-color: transparent; | |
| border-color: rgba(148, 120, 42, 0); | |
| } | |
| .button-group.open > .button-warning-link.button-dropdown:after, | |
| .button-group.open > .button-warning.button-link.button-dropdown:after, | |
| .button-group.open > .button-warning-link.dropdown-toggle:after, | |
| .button-group.open > .button-warning.button-link.dropdown-toggle:after { | |
| border-color: #94782a transparent transparent transparent; | |
| _border-color: #94782a #000000 #000000 #000000; | |
| } | |
| .button-group.open > .button-warning-link.button-inverse, | |
| .button-group.open > .button-warning.button-link.button-inverse { | |
| color: #c5a038; | |
| background-color: transparent; | |
| border-color: rgba(197, 160, 56, 0); | |
| } | |
| .button-group.open > .button-warning-link.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-warning.button-link.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-warning-link.button-inverse.dropdown-toggle:after, | |
| .button-group.open > .button-warning.button-link.button-inverse.dropdown-toggle:after { | |
| border-color: #c5a038 transparent transparent transparent; | |
| _border-color: #c5a038 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-danger/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-danger/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Danger (.button-danger) | |
| ----------------------------------------------------------------------------- */ | |
| .button-danger { | |
| color: #ffffff; | |
| background-color: #f33745; | |
| border-color: #f33745; | |
| /* ----------------------------------------------------------------------------- | |
| Button Danger Inverse (.button-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-danger.button-dropdown:after, | |
| .button-danger.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-danger:hover { | |
| color: #ffffff; | |
| background-color: #db323e; | |
| border-color: #db323e; | |
| } | |
| .button-danger:hover.button-dropdown:after, | |
| .button-danger:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-danger:active { | |
| color: #fdd7da; | |
| background-color: #b62934; | |
| border-color: #b62934; | |
| } | |
| .button-danger:active.button-dropdown:after, | |
| .button-danger:active.dropdown-toggle:after { | |
| border-color: #fdd7da transparent transparent transparent; | |
| _border-color: #fdd7da #000000 #000000 #000000; | |
| } | |
| .button-danger.selected, | |
| .button-danger.active { | |
| color: #fbc3c7; | |
| background-color: #cf2f3b; | |
| border-color: #cf2f3b; | |
| } | |
| .button-danger.selected.button-dropdown:after, | |
| .button-danger.active.button-dropdown:after, | |
| .button-danger.selected.dropdown-toggle:after, | |
| .button-danger.active.dropdown-toggle:after { | |
| border-color: #fbc3c7 transparent transparent transparent; | |
| _border-color: #fbc3c7 #000000 #000000 #000000; | |
| } | |
| .button-danger.button-inverse { | |
| color: #ffffff; | |
| background-color: #f33745; | |
| border-color: #f33745; | |
| } | |
| .button-danger.button-inverse.button-dropdown:after, | |
| .button-danger.button-inverse.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-danger.button-inverse:hover { | |
| color: #ffffff; | |
| background-color: #f4414e; | |
| border-color: #f4414e; | |
| } | |
| .button-danger.button-inverse:hover.button-dropdown:after, | |
| .button-danger.button-inverse:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-danger.button-inverse:active { | |
| color: #fdd7da; | |
| background-color: #b62934; | |
| border-color: #b62934; | |
| } | |
| .button-danger.button-inverse:active.button-dropdown:after, | |
| .button-danger.button-inverse:active.dropdown-toggle:after { | |
| border-color: #fdd7da transparent transparent transparent; | |
| _border-color: #fdd7da #000000 #000000 #000000; | |
| } | |
| .button-danger.button-inverse.selected, | |
| .button-danger.button-inverse.active { | |
| color: #fbc3c7; | |
| background-color: #cf2f3b; | |
| border-color: #cf2f3b; | |
| } | |
| .button-danger.button-inverse.selected.button-dropdown:after, | |
| .button-danger.button-inverse.active.button-dropdown:after, | |
| .button-danger.button-inverse.selected.dropdown-toggle:after, | |
| .button-danger.button-inverse.active.dropdown-toggle:after { | |
| border-color: #fbc3c7 transparent transparent transparent; | |
| _border-color: #fbc3c7 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.open) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group.open > .button-danger { | |
| color: #fbc3c7; | |
| background-color: #cf2f3b; | |
| border-color: #cf2f3b; | |
| } | |
| .button-group.open > .button-danger.button-dropdown:after, | |
| .button-group.open > .button-danger.dropdown-toggle:after { | |
| border-color: #fbc3c7 transparent transparent transparent; | |
| _border-color: #fbc3c7 #000000 #000000 #000000; | |
| } | |
| .button-group.open > .button-danger.button-inverse { | |
| color: #fbc3c7; | |
| background-color: #cf2f3b; | |
| border-color: #cf2f3b; | |
| } | |
| .button-group.open > .button-danger.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-danger.button-inverse.dropdown-toggle:after { | |
| border-color: #fbc3c7 transparent transparent transparent; | |
| _border-color: #fbc3c7 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-danger-outline/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-danger-outline/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Danger Outline (.button-danger-outline) | |
| ----------------------------------------------------------------------------- */ | |
| .button-danger-outline, | |
| .button-danger.button-stroke { | |
| color: #f33745; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: #f33745; | |
| border-style: solid; | |
| /* ----------------------------------------------------------------------------- | |
| Button Danger Outline Inverse (.button-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-danger-outline.button-dropdown:after, | |
| .button-danger.button-stroke.button-dropdown:after, | |
| .button-danger-outline.dropdown-toggle:after, | |
| .button-danger.button-stroke.dropdown-toggle:after { | |
| border-color: #f33745 transparent transparent transparent; | |
| _border-color: #f33745 #000000 #000000 #000000; | |
| } | |
| .button-danger-outline:hover, | |
| .button-danger.button-stroke:hover { | |
| color: #ffffff; | |
| background-color: #f33745; | |
| border-color: #f33745; | |
| } | |
| .button-danger-outline:hover.button-dropdown:after, | |
| .button-danger.button-stroke:hover.button-dropdown:after, | |
| .button-danger-outline:hover.dropdown-toggle:after, | |
| .button-danger.button-stroke:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-danger-outline:active, | |
| .button-danger.button-stroke:active { | |
| color: #fdd7da; | |
| background-color: #b62934; | |
| border-color: #b62934; | |
| } | |
| .button-danger-outline:active.button-dropdown:after, | |
| .button-danger.button-stroke:active.button-dropdown:after, | |
| .button-danger-outline:active.dropdown-toggle:after, | |
| .button-danger.button-stroke:active.dropdown-toggle:after { | |
| border-color: #fdd7da transparent transparent transparent; | |
| _border-color: #fdd7da #000000 #000000 #000000; | |
| } | |
| .button-danger-outline.selected, | |
| .button-danger.button-stroke.selected, | |
| .button-danger-outline.active, | |
| .button-danger.button-stroke.active { | |
| color: #fbc3c7; | |
| background-color: #f33745; | |
| border-color: #f33745; | |
| } | |
| .button-danger-outline.selected.button-dropdown:after, | |
| .button-danger.button-stroke.selected.button-dropdown:after, | |
| .button-danger-outline.active.button-dropdown:after, | |
| .button-danger.button-stroke.active.button-dropdown:after, | |
| .button-danger-outline.selected.dropdown-toggle:after, | |
| .button-danger.button-stroke.selected.dropdown-toggle:after, | |
| .button-danger-outline.active.dropdown-toggle:after, | |
| .button-danger.button-stroke.active.dropdown-toggle:after { | |
| border-color: #fbc3c7 transparent transparent transparent; | |
| _border-color: #fbc3c7 #000000 #000000 #000000; | |
| } | |
| .button-danger-outline.button-inverse, | |
| .button-danger.button-stroke.button-inverse { | |
| color: #ffffff; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: #f33745; | |
| border-style: solid; | |
| } | |
| .button-danger-outline.button-inverse.button-dropdown:after, | |
| .button-danger.button-stroke.button-inverse.button-dropdown:after, | |
| .button-danger-outline.button-inverse.dropdown-toggle:after, | |
| .button-danger.button-stroke.button-inverse.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-danger-outline.button-inverse:hover, | |
| .button-danger.button-stroke.button-inverse:hover { | |
| color: #ffffff; | |
| background-color: #f33745; | |
| border-color: #f33745; | |
| } | |
| .button-danger-outline.button-inverse:hover.button-dropdown:after, | |
| .button-danger.button-stroke.button-inverse:hover.button-dropdown:after, | |
| .button-danger-outline.button-inverse:hover.dropdown-toggle:after, | |
| .button-danger.button-stroke.button-inverse:hover.dropdown-toggle:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .button-danger-outline.button-inverse:active, | |
| .button-danger.button-stroke.button-inverse:active { | |
| color: #fdd7da; | |
| background-color: #b62934; | |
| border-color: #b62934; | |
| } | |
| .button-danger-outline.button-inverse:active.button-dropdown:after, | |
| .button-danger.button-stroke.button-inverse:active.button-dropdown:after, | |
| .button-danger-outline.button-inverse:active.dropdown-toggle:after, | |
| .button-danger.button-stroke.button-inverse:active.dropdown-toggle:after { | |
| border-color: #fdd7da transparent transparent transparent; | |
| _border-color: #fdd7da #000000 #000000 #000000; | |
| } | |
| .button-danger-outline.button-inverse.selected, | |
| .button-danger.button-stroke.button-inverse.selected, | |
| .button-danger-outline.button-inverse.active, | |
| .button-danger.button-stroke.button-inverse.active { | |
| color: #fbc3c7; | |
| background-color: #f33745; | |
| border-color: #f33745; | |
| } | |
| .button-danger-outline.button-inverse.selected.button-dropdown:after, | |
| .button-danger.button-stroke.button-inverse.selected.button-dropdown:after, | |
| .button-danger-outline.button-inverse.active.button-dropdown:after, | |
| .button-danger.button-stroke.button-inverse.active.button-dropdown:after, | |
| .button-danger-outline.button-inverse.selected.dropdown-toggle:after, | |
| .button-danger.button-stroke.button-inverse.selected.dropdown-toggle:after, | |
| .button-danger-outline.button-inverse.active.dropdown-toggle:after, | |
| .button-danger.button-stroke.button-inverse.active.dropdown-toggle:after { | |
| border-color: #fbc3c7 transparent transparent transparent; | |
| _border-color: #fbc3c7 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.open) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group.open > .button-danger-outline, | |
| .button-group.open > .button-danger.button-stroke { | |
| color: #fbc3c7; | |
| background-color: #f33745; | |
| border-color: #f33745; | |
| } | |
| .button-group.open > .button-danger-outline.button-dropdown:after, | |
| .button-group.open > .button-danger.button-stroke.button-dropdown:after, | |
| .button-group.open > .button-danger-outline.dropdown-toggle:after, | |
| .button-group.open > .button-danger.button-stroke.dropdown-toggle:after { | |
| border-color: #fbc3c7 transparent transparent transparent; | |
| _border-color: #fbc3c7 #000000 #000000 #000000; | |
| } | |
| .button-group.open > .button-danger-outline.button-inverse, | |
| .button-group.open > .button-danger.button-stroke.button-inverse { | |
| color: #fbc3c7; | |
| background-color: #f33745; | |
| border-color: #f33745; | |
| } | |
| .button-group.open > .button-danger-outline.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-danger.button-stroke.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-danger-outline.button-inverse.dropdown-toggle:after, | |
| .button-group.open > .button-danger.button-stroke.button-inverse.dropdown-toggle:after { | |
| border-color: #fbc3c7 transparent transparent transparent; | |
| _border-color: #fbc3c7 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-danger-link/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-danger-link/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Danger Link (.button-danger-link) | |
| ----------------------------------------------------------------------------- */ | |
| .button-danger-link, | |
| .button-danger.button-link { | |
| color: #f33745; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: rgba(243, 55, 69, 0); | |
| border-style: solid; | |
| /* ----------------------------------------------------------------------------- | |
| Button Danger Link Inverse (.button-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-danger-link.button-dropdown:after, | |
| .button-danger.button-link.button-dropdown:after, | |
| .button-danger-link.dropdown-toggle:after, | |
| .button-danger.button-link.dropdown-toggle:after { | |
| border-color: #f33745 transparent transparent transparent; | |
| _border-color: #f33745 #000000 #000000 #000000; | |
| } | |
| .button-danger-link:hover, | |
| .button-danger.button-link:hover { | |
| color: #c22c37; | |
| text-decoration: underline; | |
| background-color: transparent; | |
| border-color: rgba(194, 44, 55, 0); | |
| } | |
| .button-danger-link:hover.button-dropdown:after, | |
| .button-danger.button-link:hover.button-dropdown:after, | |
| .button-danger-link:hover.dropdown-toggle:after, | |
| .button-danger.button-link:hover.dropdown-toggle:after { | |
| border-color: #c22c37 transparent transparent transparent; | |
| _border-color: #c22c37 #000000 #000000 #000000; | |
| } | |
| .button-danger-link:active, | |
| .button-danger.button-link:active { | |
| color: #922129; | |
| background-color: transparent; | |
| border-color: rgba(146, 33, 41, 0); | |
| } | |
| .button-danger-link:active.button-dropdown:after, | |
| .button-danger.button-link:active.button-dropdown:after, | |
| .button-danger-link:active.dropdown-toggle:after, | |
| .button-danger.button-link:active.dropdown-toggle:after { | |
| border-color: #922129 transparent transparent transparent; | |
| _border-color: #922129 #000000 #000000 #000000; | |
| } | |
| .button-danger-link.selected, | |
| .button-danger.button-link.selected, | |
| .button-danger-link.active, | |
| .button-danger.button-link.active { | |
| color: #922129; | |
| background-color: transparent; | |
| border-color: rgba(146, 33, 41, 0); | |
| } | |
| .button-danger-link.selected.button-dropdown:after, | |
| .button-danger.button-link.selected.button-dropdown:after, | |
| .button-danger-link.active.button-dropdown:after, | |
| .button-danger.button-link.active.button-dropdown:after, | |
| .button-danger-link.selected.dropdown-toggle:after, | |
| .button-danger.button-link.selected.dropdown-toggle:after, | |
| .button-danger-link.active.dropdown-toggle:after, | |
| .button-danger.button-link.active.dropdown-toggle:after { | |
| border-color: #922129 transparent transparent transparent; | |
| _border-color: #922129 #000000 #000000 #000000; | |
| } | |
| .button-danger-link.button-inverse, | |
| .button-danger.button-link.button-inverse { | |
| color: #f33745; | |
| background-color: transparent; | |
| border-width: 1px; | |
| border-color: rgba(243, 55, 69, 0); | |
| border-style: solid; | |
| } | |
| .button-danger-link.button-inverse.button-dropdown:after, | |
| .button-danger.button-link.button-inverse.button-dropdown:after, | |
| .button-danger-link.button-inverse.dropdown-toggle:after, | |
| .button-danger.button-link.button-inverse.dropdown-toggle:after { | |
| border-color: #f33745 transparent transparent transparent; | |
| _border-color: #f33745 #000000 #000000 #000000; | |
| } | |
| .button-danger-link.button-inverse:hover, | |
| .button-danger.button-link.button-inverse:hover { | |
| color: #f55f6a; | |
| text-decoration: underline; | |
| background-color: transparent; | |
| border-color: rgba(245, 95, 106, 0); | |
| } | |
| .button-danger-link.button-inverse:hover.button-dropdown:after, | |
| .button-danger.button-link.button-inverse:hover.button-dropdown:after, | |
| .button-danger-link.button-inverse:hover.dropdown-toggle:after, | |
| .button-danger.button-link.button-inverse:hover.dropdown-toggle:after { | |
| border-color: #f55f6a transparent transparent transparent; | |
| _border-color: #f55f6a #000000 #000000 #000000; | |
| } | |
| .button-danger-link.button-inverse:active, | |
| .button-danger.button-link.button-inverse:active { | |
| color: #c22c37; | |
| background-color: transparent; | |
| border-color: rgba(194, 44, 55, 0); | |
| } | |
| .button-danger-link.button-inverse:active.button-dropdown:after, | |
| .button-danger.button-link.button-inverse:active.button-dropdown:after, | |
| .button-danger-link.button-inverse:active.dropdown-toggle:after, | |
| .button-danger.button-link.button-inverse:active.dropdown-toggle:after { | |
| border-color: #c22c37 transparent transparent transparent; | |
| _border-color: #c22c37 #000000 #000000 #000000; | |
| } | |
| .button-danger-link.button-inverse.selected, | |
| .button-danger.button-link.button-inverse.selected, | |
| .button-danger-link.button-inverse.active, | |
| .button-danger.button-link.button-inverse.active { | |
| color: #c22c37; | |
| background-color: transparent; | |
| border-color: rgba(194, 44, 55, 0); | |
| } | |
| .button-danger-link.button-inverse.selected.button-dropdown:after, | |
| .button-danger.button-link.button-inverse.selected.button-dropdown:after, | |
| .button-danger-link.button-inverse.active.button-dropdown:after, | |
| .button-danger.button-link.button-inverse.active.button-dropdown:after, | |
| .button-danger-link.button-inverse.selected.dropdown-toggle:after, | |
| .button-danger.button-link.button-inverse.selected.dropdown-toggle:after, | |
| .button-danger-link.button-inverse.active.dropdown-toggle:after, | |
| .button-danger.button-link.button-inverse.active.dropdown-toggle:after { | |
| border-color: #c22c37 transparent transparent transparent; | |
| _border-color: #c22c37 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group (.open) | |
| ----------------------------------------------------------------------------- */ | |
| .button-group.open > .button-danger-link, | |
| .button-group.open > .button-danger.button-link { | |
| color: #922129; | |
| background-color: transparent; | |
| border-color: rgba(146, 33, 41, 0); | |
| } | |
| .button-group.open > .button-danger-link.button-dropdown:after, | |
| .button-group.open > .button-danger.button-link.button-dropdown:after, | |
| .button-group.open > .button-danger-link.dropdown-toggle:after, | |
| .button-group.open > .button-danger.button-link.dropdown-toggle:after { | |
| border-color: #922129 transparent transparent transparent; | |
| _border-color: #922129 #000000 #000000 #000000; | |
| } | |
| .button-group.open > .button-danger-link.button-inverse, | |
| .button-group.open > .button-danger.button-link.button-inverse { | |
| color: #c22c37; | |
| background-color: transparent; | |
| border-color: rgba(194, 44, 55, 0); | |
| } | |
| .button-group.open > .button-danger-link.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-danger.button-link.button-inverse.button-dropdown:after, | |
| .button-group.open > .button-danger-link.button-inverse.dropdown-toggle:after, | |
| .button-group.open > .button-danger.button-link.button-inverse.dropdown-toggle:after { | |
| border-color: #c22c37 transparent transparent transparent; | |
| _border-color: #c22c37 #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Collection | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-collection/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inline Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-collection/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Collection (.button-collection) | |
| ----------------------------------------------------------------------------- */ | |
| .button-collection { | |
| display: block; | |
| font-size: 0px; | |
| *zoom: 1; | |
| margin-bottom: 12px; | |
| margin-top: -6px; | |
| margin-left: -6px; | |
| /* ----------------------------------------------------------------------------- | |
| Button Collection Align (Center) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Collection Align (Left) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Collection Align (Right) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Collection Align (Top) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Collection Align (Center) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button Collection Align (Bottom) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-collection:before, | |
| .button-collection:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .button-collection:after { | |
| clear: both; | |
| } | |
| .button-collection > .button, | |
| .button-collection > .button-group { | |
| vertical-align: middle; | |
| margin-bottom: 0px; | |
| margin-top: 6px; | |
| margin-left: 6px; | |
| } | |
| .button-collection.button-collection-align-horizontal-center { | |
| text-align: center; | |
| } | |
| .button-collection.button-collection-align-horizontal-left { | |
| text-align: left; | |
| } | |
| .button-collection.button-collection-align-horizontal-right { | |
| text-align: right; | |
| } | |
| .button-collection.button-collection-align-vertical-top > .button, | |
| .button-collection.button-collection-align-vertical-top > .button-group { | |
| vertical-align: top; | |
| } | |
| .button-collection.button-collection-align-vertical-center > .button, | |
| .button-collection.button-collection-align-vertical-center > .button-group { | |
| vertical-align: middle; | |
| } | |
| .button-collection.button-collection-align-vertical-bottom > .button, | |
| .button-collection.button-collection-align-vertical-bottom > .button-group { | |
| vertical-align: bottom; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Collection (.button-collection) | |
| ----------------------------------------------------------------------------- */ | |
| .button-collection { | |
| margin-bottom: 12px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Collection (.button-collection) | |
| ----------------------------------------------------------------------------- */ | |
| .button-collection { | |
| margin-bottom: 16px; | |
| margin-top: -6.6px; | |
| margin-left: -6.6px; | |
| } | |
| .button-collection > .button, | |
| .button-collection > .button-group { | |
| margin-top: 6.6px; | |
| margin-left: 6.6px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Collection (.button-collection) | |
| ----------------------------------------------------------------------------- */ | |
| .button-collection { | |
| margin-bottom: 18px; | |
| margin-top: -7.2px; | |
| margin-left: -7.2px; | |
| } | |
| .button-collection > .button, | |
| .button-collection > .button-group { | |
| margin-top: 7.2px; | |
| margin-left: 7.2px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Button Collection (.button-collection) | |
| ----------------------------------------------------------------------------- */ | |
| .button-collection { | |
| margin-bottom: 24px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Group | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-group/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| button-group/styles.less | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| .button-group { | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| position: relative; | |
| *zoom: 1; | |
| /* ----------------------------------------------------------------------------- | |
| Button | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Button | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .button-group:before, | |
| .button-group:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .button-group:after { | |
| clear: both; | |
| } | |
| .button-group > .button { | |
| position: relative; | |
| float: left; | |
| z-index: 0; | |
| } | |
| .button-group > .button:hover, | |
| .button-group > .button:active, | |
| .button-group > .button.active, | |
| .button-group > .button.selected { | |
| z-index: 1; | |
| } | |
| .button-group > .button:not(:first-child):not(:last-child):not(.dropdown-toggle) { | |
| border-radius: 0px !important; | |
| } | |
| .button-group > .button:first-child { | |
| margin-left: 0px; | |
| } | |
| .button-group > .button:first-child:not(:last-child):not(.dropdown-toggle) { | |
| border-top-right-radius: 0px !important; | |
| border-bottom-right-radius: 0px !important; | |
| } | |
| .button-group > .button:last-child:not(:first-child) { | |
| border-top-left-radius: 0px !important; | |
| border-bottom-left-radius: 0px !important; | |
| } | |
| .button-group .button + .button, | |
| .button-group .button-group + .button, | |
| .button-group .button + .button-group, | |
| .button-group .button-group + .button-group { | |
| margin-left: -1px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Button Controls | |
| ----------------------------------------------------------------------------- */ | |
| [data-toggle=buttons] > .button input[type=checkbox], | |
| [data-toggle=buttons] > .button input[type=radio] { | |
| visibility: hidden; | |
| position: absolute !important; | |
| left: -9999px !important; | |
| } | |
| [data-toggle=buttons] > .button-group > .button input[type=checkbox], | |
| [data-toggle=buttons] > .button-group > .button input[type=radio] { | |
| visibility: hidden; | |
| position: absolute !important; | |
| left: -9999px !important; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Form | |
| ----------------------------------------------------------------------------- */ | |
| .form { | |
| *zoom: 1; | |
| display: block; | |
| margin-bottom: 12px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form:before, | |
| .form:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .form:after { | |
| clear: both; | |
| } | |
| .form.short { | |
| margin-bottom: 6px; | |
| } | |
| .form.short-bottom, | |
| .form.short-bottom { | |
| margin-bottom: 6px; | |
| } | |
| .form.tall { | |
| margin-bottom: 24px; | |
| } | |
| .form.tall-bottom, | |
| .form.tall-bottom { | |
| margin-bottom: 24px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form | |
| ----------------------------------------------------------------------------- */ | |
| .form { | |
| margin-bottom: 12px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form.short { | |
| margin-bottom: 6px; | |
| } | |
| .form.short-bottom, | |
| .form.short-bottom-screen-small { | |
| margin-bottom: 6px; | |
| } | |
| .form.tall { | |
| margin-bottom: 24px; | |
| } | |
| .form.tall-bottom, | |
| .form.tall-bottom-screen-small { | |
| margin-bottom: 24px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form | |
| ----------------------------------------------------------------------------- */ | |
| .form { | |
| margin-bottom: 16px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form.short { | |
| margin-bottom: 8px; | |
| } | |
| .form.short-bottom, | |
| .form.short-bottom-screen-medium { | |
| margin-bottom: 8px; | |
| } | |
| .form.tall { | |
| margin-bottom: 32px; | |
| } | |
| .form.tall-bottom, | |
| .form.tall-bottom-screen-medium { | |
| margin-bottom: 32px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form | |
| ----------------------------------------------------------------------------- */ | |
| .form { | |
| margin-bottom: 18px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form.short { | |
| margin-bottom: 9px; | |
| } | |
| .form.short-bottom, | |
| .form.short-bottom-screen-large { | |
| margin-bottom: 9px; | |
| } | |
| .form.tall { | |
| margin-bottom: 36px; | |
| } | |
| .form.tall-bottom, | |
| .form.tall-bottom-screen-large { | |
| margin-bottom: 36px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form | |
| ----------------------------------------------------------------------------- */ | |
| .form { | |
| margin-bottom: 24px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form.short { | |
| margin-bottom: 12px; | |
| } | |
| .form.short-bottom, | |
| .form.short-bottom-screen-jumbo { | |
| margin-bottom: 12px; | |
| } | |
| .form.tall { | |
| margin-bottom: 48px; | |
| } | |
| .form.tall-bottom, | |
| .form.tall-bottom-screen-jumbo { | |
| margin-bottom: 48px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded form-control | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| width: 100%; | |
| height: 38px; | |
| transition: all 0.05s ease; | |
| font-size: 16px; | |
| line-height: 22.4px; | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| color: #323a4e; | |
| font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| text-rendering: optimizelegibility; | |
| background-color: none; | |
| border-width: 1px; | |
| border-color: #e0e1e4; | |
| border-style: solid; | |
| border-radius: 5px; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Inverse (.form-control-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Block Form Control (.form-control-block) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Form Control (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control::-webkit-input-placeholder[style] { | |
| opacity: 1; | |
| display: inline-flex !important; | |
| align-items: center !important; | |
| } | |
| .form-control::-moz-placeholder[style] { | |
| opacity: 1; | |
| display: inline-flex !important; | |
| align-items: center !important; | |
| } | |
| .form-control:-ms-input-placeholder[style] { | |
| opacity: 1; | |
| display: -ms-inline-flexbox !important; | |
| display: inline-flex !important; | |
| -ms-flex-align: center !important; | |
| align-items: center !important; | |
| } | |
| .form-control::placeholder[style] { | |
| opacity: 1; | |
| display: -ms-inline-flexbox !important; | |
| display: inline-flex !important; | |
| -ms-flex-align: center !important; | |
| align-items: center !important; | |
| } | |
| .form-control::-webkit-input-placeholder { | |
| color: rgba(50, 58, 78, 0.5); | |
| } | |
| .form-control::-moz-placeholder { | |
| color: rgba(50, 58, 78, 0.5); | |
| } | |
| .form-control:-ms-input-placeholder { | |
| color: rgba(50, 58, 78, 0.5); | |
| } | |
| .form-control::placeholder { | |
| color: rgba(50, 58, 78, 0.5); | |
| } | |
| .form-control:hover { | |
| color: #282e3e; | |
| border-color: #c2c4ca; | |
| } | |
| .form-control:hover::-webkit-input-placeholder { | |
| color: rgba(40, 46, 62, 0.65); | |
| } | |
| .form-control:hover::-moz-placeholder { | |
| color: rgba(40, 46, 62, 0.65); | |
| } | |
| .form-control:hover:-ms-input-placeholder { | |
| color: rgba(40, 46, 62, 0.65); | |
| } | |
| .form-control:hover::placeholder { | |
| color: rgba(40, 46, 62, 0.65); | |
| } | |
| .form-control:active { | |
| color: #9351e5; | |
| border-color: #9351e5; | |
| } | |
| .form-control:active::-webkit-input-placeholder { | |
| color: rgba(147, 81, 229, 0.5); | |
| } | |
| .form-control:active::-moz-placeholder { | |
| color: rgba(147, 81, 229, 0.5); | |
| } | |
| .form-control:active:-ms-input-placeholder { | |
| color: rgba(147, 81, 229, 0.5); | |
| } | |
| .form-control:active::placeholder { | |
| color: rgba(147, 81, 229, 0.5); | |
| } | |
| .form-control:focus, | |
| .form-control.focus { | |
| color: #9351e5; | |
| border-color: #9351e5; | |
| } | |
| .form-control:focus::-webkit-input-placeholder, | |
| .form-control.focus::-webkit-input-placeholder { | |
| color: rgba(147, 81, 229, 0.5); | |
| } | |
| .form-control:focus::-moz-placeholder, | |
| .form-control.focus::-moz-placeholder { | |
| color: rgba(147, 81, 229, 0.5); | |
| } | |
| .form-control:focus:-ms-input-placeholder, | |
| .form-control.focus:-ms-input-placeholder { | |
| color: rgba(147, 81, 229, 0.5); | |
| } | |
| .form-control:focus::placeholder, | |
| .form-control.focus::placeholder { | |
| color: rgba(147, 81, 229, 0.5); | |
| } | |
| .form-control:disabled, | |
| .form-control.disabled { | |
| color: #323a4e; | |
| font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| text-rendering: optimizelegibility; | |
| background-color: none; | |
| border-width: 1px; | |
| border-color: #e0e1e4; | |
| border-style: solid; | |
| opacity: 0.5; | |
| } | |
| .form-control:disabled::-webkit-input-placeholder, | |
| .form-control.disabled::-webkit-input-placeholder { | |
| color: rgba(50, 58, 78, 0.5); | |
| } | |
| .form-control:disabled::-moz-placeholder, | |
| .form-control.disabled::-moz-placeholder { | |
| color: rgba(50, 58, 78, 0.5); | |
| } | |
| .form-control:disabled:-ms-input-placeholder, | |
| .form-control.disabled:-ms-input-placeholder { | |
| color: rgba(50, 58, 78, 0.5); | |
| } | |
| .form-control:disabled::placeholder, | |
| .form-control.disabled::placeholder { | |
| color: rgba(50, 58, 78, 0.5); | |
| } | |
| .form-control.form-control-inverse { | |
| color: #ffffff; | |
| background-color: transparent; | |
| border-color: #474e60; | |
| } | |
| .form-control.form-control-inverse::-webkit-input-placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-inverse::-moz-placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-inverse:-ms-input-placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-inverse::placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-inverse:hover { | |
| color: #ffffff; | |
| text-decoration: none; | |
| border-color: #5b6171; | |
| } | |
| .form-control.form-control-inverse:hover::-webkit-input-placeholder { | |
| color: rgba(255, 255, 255, 0.35); | |
| } | |
| .form-control.form-control-inverse:hover::-moz-placeholder { | |
| color: rgba(255, 255, 255, 0.35); | |
| } | |
| .form-control.form-control-inverse:hover:-ms-input-placeholder { | |
| color: rgba(255, 255, 255, 0.35); | |
| } | |
| .form-control.form-control-inverse:hover::placeholder { | |
| color: rgba(255, 255, 255, 0.35); | |
| } | |
| .form-control.form-control-inverse:active { | |
| color: #ffffff; | |
| border-color: #9351e5; | |
| } | |
| .form-control.form-control-inverse:active::-webkit-input-placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-inverse:active::-moz-placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-inverse:active:-ms-input-placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-inverse:active::placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-inverse:focus, | |
| .form-control.form-control-inverse.focus { | |
| color: #ffffff; | |
| border-color: #9351e5; | |
| } | |
| .form-control.form-control-inverse:focus::-webkit-input-placeholder, | |
| .form-control.form-control-inverse.focus::-webkit-input-placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-inverse:focus::-moz-placeholder, | |
| .form-control.form-control-inverse.focus::-moz-placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-inverse:focus:-ms-input-placeholder, | |
| .form-control.form-control-inverse.focus:-ms-input-placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-inverse:focus::placeholder, | |
| .form-control.form-control-inverse.focus::placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-inverse:disabled, | |
| .form-control.form-control-inverse.disabled { | |
| color: #ffffff; | |
| border-color: #474e60; | |
| opacity: 0.5; | |
| } | |
| .form-control.form-control-inverse:disabled::-webkit-input-placeholder, | |
| .form-control.form-control-inverse.disabled::-webkit-input-placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-inverse:disabled::-moz-placeholder, | |
| .form-control.form-control-inverse.disabled::-moz-placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-inverse:disabled:-ms-input-placeholder, | |
| .form-control.form-control-inverse.disabled:-ms-input-placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-inverse:disabled::placeholder, | |
| .form-control.form-control-inverse.disabled::placeholder { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .form-control.form-control-block { | |
| display: -ms-flexbox; | |
| display: flex; | |
| width: 100%; | |
| margin-left: 0px; | |
| margin-right: 0px; | |
| } | |
| .form-control.form-control-rounded { | |
| border-radius: 1000px; | |
| padding-left: 1.2rem; | |
| padding-right: 1.2rem; | |
| } | |
| textarea.form-control, | |
| .form-control select[multiple] { | |
| height: auto !important; | |
| padding-top: 7.8px; | |
| padding-bottom: 7.8px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control.form-control-select-multiple { | |
| height: auto; | |
| } | |
| .form-control.form-control-select { | |
| position: relative; | |
| padding: 0px !important; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Inverse (.form-control-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Form Control (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control.form-control-select:after { | |
| vertical-align: middle; | |
| content: ''; | |
| display: inline-block; | |
| width: 0; | |
| height: 0; | |
| border-style: solid; | |
| line-height: 0px; | |
| border-color: #323a4e transparent transparent transparent; | |
| _border-color: #323a4e #000000 #000000 #000000; | |
| border-right-width: 4.5px; | |
| border-left-width: 4.5px; | |
| border-top-width: 5px; | |
| border-bottom-width: 0px; | |
| } | |
| .form-control.form-control-select select { | |
| display: block; | |
| width: 100%; | |
| background: none; | |
| border: none; | |
| *border: 0; | |
| margin: 0px; | |
| shadow: none; | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; | |
| font-size: 16px; | |
| line-height: 22.4px; | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| color: #323a4e; | |
| font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| text-rendering: optimizelegibility; | |
| height: 38px; | |
| padding-right: 0px !important; | |
| } | |
| .form-control.form-control-select.form-control-select-multiple:after { | |
| display: none; | |
| } | |
| .form-control.form-control-select:hover select { | |
| color: #282e3e; | |
| } | |
| .form-control.form-control-select:hover:after { | |
| border-color: #282e3e transparent transparent transparent; | |
| _border-color: #282e3e #000000 #000000 #000000; | |
| } | |
| .form-control.form-control-select:active select { | |
| color: #9351e5; | |
| } | |
| .form-control.form-control-select:active:after { | |
| border-color: #9351e5 transparent transparent transparent; | |
| _border-color: #9351e5 #000000 #000000 #000000; | |
| } | |
| .form-control.form-control-select:focus select, | |
| .form-control.form-control-select.focus select { | |
| outline: 0; | |
| color: #9351e5; | |
| } | |
| .form-control.form-control-select:focus:after, | |
| .form-control.form-control-select.focus:after { | |
| border-color: #9351e5 transparent transparent transparent; | |
| _border-color: #9351e5 #000000 #000000 #000000; | |
| } | |
| .form-control.form-control-select:disabled select, | |
| .form-control.form-control-select.disabled select { | |
| color: #323a4e; | |
| font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| text-rendering: optimizelegibility; | |
| } | |
| .form-control.form-control-select:disabled:after, | |
| .form-control.form-control-select.disabled:after { | |
| border-color: #323a4e transparent transparent transparent; | |
| _border-color: #323a4e #000000 #000000 #000000; | |
| } | |
| .form-control.form-control-select.form-control-inverse select { | |
| color: #ffffff; | |
| } | |
| .form-control.form-control-select.form-control-inverse:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .form-control.form-control-select.form-control-inverse:hover select { | |
| color: #ffffff; | |
| text-decoration: none; | |
| } | |
| .form-control.form-control-select.form-control-inverse:hover:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .form-control.form-control-select.form-control-inverse:active select { | |
| color: #ffffff; | |
| } | |
| .form-control.form-control-select.form-control-inverse:active:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .form-control.form-control-select.form-control-inverse:focus select, | |
| .form-control.form-control-select.form-control-inverse.focus select { | |
| color: #ffffff; | |
| } | |
| .form-control.form-control-select.form-control-inverse:focus:after, | |
| .form-control.form-control-select.form-control-inverse.focus:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .form-control.form-control-select.form-control-inverse:disabled select, | |
| .form-control.form-control-select.form-control-inverse.disabled select { | |
| color: #ffffff; | |
| } | |
| .form-control.form-control-select.form-control-inverse:disabled:after, | |
| .form-control.form-control-select.form-control-inverse.disabled:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .form-control.form-control-select.form-control-rounded select { | |
| padding-left: 1.2rem; | |
| padding-right: 1.2rem; | |
| } | |
| .form-control.form-control-select.form-control-rounded:after { | |
| margin-right: 1.2rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group.form-control .form-control-group-add-on:first-child { | |
| padding-right: 0.5rem; | |
| } | |
| .form-control-group.form-control .form-control-group-add-on:last-child { | |
| padding-left: 0.5rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control { | |
| /* ----------------------------------------------------------------------------- | |
| Block Form Control (.form-control-block) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Form Control (.form-control-block) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control.form-control-block.form-control-block-below-screen-small { | |
| width: auto; | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control.form-control-select { | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Form Control (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control { | |
| font-size: 16.8px; | |
| line-height: 23.52px; | |
| padding-left: 1.1rem; | |
| padding-right: 1.1rem; | |
| height: 41.8px; | |
| /* ----------------------------------------------------------------------------- | |
| Block Form Control (.form-control-block) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Form Control (.form-control-block) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control.form-control-block.form-control-block-below-screen-medium { | |
| width: auto; | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| } | |
| .form-control.form-control-rounded { | |
| padding-left: 1.32rem; | |
| padding-right: 1.32rem; | |
| } | |
| textarea.form-control, | |
| .form-control select[multiple] { | |
| padding-top: 9.14px; | |
| padding-bottom: 9.14px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control.form-control-select { | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Form Control (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control.form-control-select select { | |
| font-size: 16.8px; | |
| line-height: 23.52px; | |
| padding-left: 1.1rem; | |
| padding-right: 1.1rem; | |
| height: 41.8px; | |
| } | |
| .form-control.form-control-select:after { | |
| margin-left: 0.4125rem; | |
| margin-right: 1.1rem; | |
| border-right-width: 4.95px; | |
| border-left-width: 4.95px; | |
| border-top-width: 5.5px; | |
| border-bottom-width: 0px; | |
| } | |
| .form-control.form-control-select.form-control-rounded select { | |
| padding-left: 1.32rem; | |
| padding-right: 1.32rem; | |
| } | |
| .form-control.form-control-select.form-control-rounded:after { | |
| margin-right: 1.32rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group.form-control .form-control-group-add-on:first-child { | |
| padding-right: 0.55rem; | |
| } | |
| .form-control-group.form-control .form-control-group-add-on:last-child { | |
| padding-left: 0.55rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control { | |
| font-size: 17.6px; | |
| line-height: 24.64px; | |
| padding-left: 1.2rem; | |
| padding-right: 1.2rem; | |
| height: 45.6px; | |
| /* ----------------------------------------------------------------------------- | |
| Block Form Control (.form-control-block) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Form Control (.form-control-block) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control.form-control-block.form-control-block-below-screen-large { | |
| width: auto; | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| } | |
| .form-control.form-control-rounded { | |
| padding-left: 1.44rem; | |
| padding-right: 1.44rem; | |
| } | |
| textarea.form-control, | |
| .form-control select[multiple] { | |
| padding-top: 10.48px; | |
| padding-bottom: 10.48px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control.form-control-select { | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Form Control (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control.form-control-select select { | |
| font-size: 17.6px; | |
| line-height: 24.64px; | |
| padding-left: 1.2rem; | |
| padding-right: 1.2rem; | |
| height: 45.6px; | |
| } | |
| .form-control.form-control-select:after { | |
| margin-left: 0.45rem; | |
| margin-right: 1.2rem; | |
| border-right-width: 5.4px; | |
| border-left-width: 5.4px; | |
| border-top-width: 6px; | |
| border-bottom-width: 0px; | |
| } | |
| .form-control.form-control-select.form-control-rounded select { | |
| padding-left: 1.44rem; | |
| padding-right: 1.44rem; | |
| } | |
| .form-control.form-control-select.form-control-rounded:after { | |
| margin-right: 1.44rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group.form-control .form-control-group-add-on:first-child { | |
| padding-right: 0.6rem; | |
| } | |
| .form-control-group.form-control .form-control-group-add-on:last-child { | |
| padding-left: 0.6rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control { | |
| /* ----------------------------------------------------------------------------- | |
| Block Form Control (.form-control-block) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Form Control (.form-control-block) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control.form-control-block.form-control-block-below-screen-jumbo { | |
| width: auto; | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control.form-control-select { | |
| /* ----------------------------------------------------------------------------- | |
| Rounded Form Control (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control-mini/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded form-control | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control-mini/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-mini) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-mini { | |
| font-size: 0.75rem; | |
| line-height: 0.75rem; | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| height: 24px; | |
| border-radius: 3px; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-mini.form-control-rounded { | |
| border-radius: 1000px; | |
| padding-left: 0.6rem; | |
| padding-right: 0.6rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-mini { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-select.form-control-mini select { | |
| font-size: 0.75rem; | |
| line-height: 0.75rem; | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| height: 24px; | |
| } | |
| .form-control-select.form-control-mini:after { | |
| margin-right: 0.5rem; | |
| border-right-width: 2.84210526px; | |
| border-left-width: 2.84210526px; | |
| border-top-width: 3.15789474px; | |
| border-bottom-width: 0px; | |
| } | |
| .form-control-select.form-control-mini.form-control-rounded select { | |
| padding-left: 0.6rem; | |
| padding-right: 0.6rem; | |
| } | |
| .form-control-select.form-control-mini.form-control-rounded:after { | |
| margin-right: 0.6rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group.form-control-mini .form-control-group-add-on:first-child { | |
| padding-right: 0.25rem; | |
| } | |
| .form-control-group.form-control-mini .form-control-group-add-on:last-child { | |
| padding-left: 0.25rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-mini) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-mini { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-mini { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-mini) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-mini { | |
| padding-left: 0.55rem; | |
| padding-right: 0.55rem; | |
| height: 26.4px; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-mini.form-control-rounded { | |
| padding-left: 0.66rem; | |
| padding-right: 0.66rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-mini { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-select.form-control-mini select { | |
| padding-left: 0.55rem; | |
| padding-right: 0.55rem; | |
| height: 26.4px; | |
| } | |
| .form-control-select.form-control-mini:after { | |
| margin-left: 0.1375rem; | |
| border-right-width: 3.12631579px; | |
| border-left-width: 3.12631579px; | |
| border-top-width: 3.47368421px; | |
| border-bottom-width: 0px; | |
| } | |
| .form-control-select.form-control-mini.form-control-rounded select { | |
| padding-left: 0.66rem; | |
| padding-right: 0.66rem; | |
| } | |
| .form-control-select.form-control-mini.form-control-rounded:after { | |
| margin-right: 0.66rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group.form-control-mini .form-control-group-add-on:first-child { | |
| padding-right: 0.275rem; | |
| } | |
| .form-control-group.form-control-mini .form-control-group-add-on:last-child { | |
| padding-left: 0.275rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-mini) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-mini { | |
| padding-left: 0.6rem; | |
| padding-right: 0.6rem; | |
| height: 28.8px; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-mini.form-control-rounded { | |
| padding-left: 0.72rem; | |
| padding-right: 0.72rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-mini { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-select.form-control-mini select { | |
| padding-left: 0.6rem; | |
| padding-right: 0.6rem; | |
| height: 28.8px; | |
| } | |
| .form-control-select.form-control-mini:after { | |
| margin-left: 0.15rem; | |
| border-right-width: 3.41052632px; | |
| border-left-width: 3.41052632px; | |
| border-top-width: 3.78947368px; | |
| border-bottom-width: 0px; | |
| } | |
| .form-control-select.form-control-mini.form-control-rounded select { | |
| padding-left: 0.72rem; | |
| padding-right: 0.72rem; | |
| } | |
| .form-control-select.form-control-mini.form-control-rounded:after { | |
| margin-right: 0.72rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group.form-control-mini .form-control-group-add-on:first-child { | |
| padding-right: 0.3rem; | |
| } | |
| .form-control-group.form-control-mini .form-control-group-add-on:last-child { | |
| padding-left: 0.3rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-mini) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-mini { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-mini { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control-small/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded form-control | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control-small/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-small) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-small { | |
| font-size: 0.9rem; | |
| line-height: 0.9rem; | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| height: 32px; | |
| border-radius: 4px; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-small.form-control-rounded { | |
| border-radius: 1000px; | |
| padding-left: 0.9rem; | |
| padding-right: 0.9rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-small { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-select.form-control-small select { | |
| font-size: 0.9rem; | |
| line-height: 0.9rem; | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| height: 32px; | |
| } | |
| .form-control-select.form-control-small:after { | |
| margin-right: 0.75rem; | |
| border-right-width: 3.78947368px; | |
| border-left-width: 3.78947368px; | |
| border-top-width: 4.21052632px; | |
| border-bottom-width: 0px; | |
| } | |
| .form-control-select.form-control-small.form-control-rounded select { | |
| padding-left: 0.9rem; | |
| padding-right: 0.9rem; | |
| } | |
| .form-control-select.form-control-small.form-control-rounded:after { | |
| margin-right: 0.9rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group.form-control-small .form-control-group-add-on:first-child { | |
| padding-right: 0.375rem; | |
| } | |
| .form-control-group.form-control-small .form-control-group-add-on:last-child { | |
| padding-left: 0.375rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-small) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-small { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-small { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-small) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-small { | |
| padding-left: 0.825rem; | |
| padding-right: 0.825rem; | |
| height: 35.2px; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-small.form-control-rounded { | |
| padding-left: 0.99rem; | |
| padding-right: 0.99rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-small { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-select.form-control-small select { | |
| padding-left: 0.825rem; | |
| padding-right: 0.825rem; | |
| height: 35.2px; | |
| } | |
| .form-control-select.form-control-small:after { | |
| margin-left: 0.20625rem; | |
| border-right-width: 4.16842105px; | |
| border-left-width: 4.16842105px; | |
| border-top-width: 4.63157895px; | |
| border-bottom-width: 0px; | |
| } | |
| .form-control-select.form-control-small.form-control-rounded select { | |
| padding-left: 0.99rem; | |
| padding-right: 0.99rem; | |
| } | |
| .form-control-select.form-control-small.form-control-rounded:after { | |
| margin-right: 0.99rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group.form-control-small .form-control-group-add-on:first-child { | |
| padding-right: 0.4125rem; | |
| } | |
| .form-control-group.form-control-small .form-control-group-add-on:last-child { | |
| padding-left: 0.4125rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-small) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-small { | |
| padding-left: 0.9rem; | |
| padding-right: 0.9rem; | |
| height: 38.4px; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-small.form-control-rounded { | |
| padding-left: 1.08rem; | |
| padding-right: 1.08rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-small { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-select.form-control-small select { | |
| padding-left: 0.9rem; | |
| padding-right: 0.9rem; | |
| height: 38.4px; | |
| } | |
| .form-control-select.form-control-small:after { | |
| margin-left: 0.225rem; | |
| border-right-width: 4.54736842px; | |
| border-left-width: 4.54736842px; | |
| border-top-width: 5.05263158px; | |
| border-bottom-width: 0px; | |
| } | |
| .form-control-select.form-control-small.form-control-rounded select { | |
| padding-left: 1.08rem; | |
| padding-right: 1.08rem; | |
| } | |
| .form-control-select.form-control-small.form-control-rounded:after { | |
| margin-right: 1.08rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group.form-control-small .form-control-group-add-on:first-child { | |
| padding-right: 0.45rem; | |
| } | |
| .form-control-group.form-control-small .form-control-group-add-on:last-child { | |
| padding-left: 0.45rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-small) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-small { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-small { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control-large/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded form-control | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control-large/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-large) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-large { | |
| font-size: 1.1rem; | |
| line-height: 1.1rem; | |
| padding-left: 1.25rem; | |
| padding-right: 1.25rem; | |
| height: 46px; | |
| border-radius: 6px; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-large.form-control-rounded { | |
| border-radius: 1000px; | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-large { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-select.form-control-large select { | |
| font-size: 1.1rem; | |
| line-height: 1.1rem; | |
| padding-left: 1.25rem; | |
| padding-right: 1.25rem; | |
| height: 46px; | |
| } | |
| .form-control-select.form-control-large:after { | |
| margin-right: 1.25rem; | |
| border-right-width: 5.44736842px; | |
| border-left-width: 5.44736842px; | |
| border-top-width: 6.05263158px; | |
| border-bottom-width: 0px; | |
| } | |
| .form-control-select.form-control-large.form-control-rounded select { | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem; | |
| } | |
| .form-control-select.form-control-large.form-control-rounded:after { | |
| margin-right: 1.5rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group.form-control-large .form-control-group-add-on:first-child { | |
| padding-right: 0.625rem; | |
| } | |
| .form-control-group.form-control-large .form-control-group-add-on:last-child { | |
| padding-left: 0.625rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-large) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-large { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-large { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-large) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-large { | |
| padding-left: 1.375rem; | |
| padding-right: 1.375rem; | |
| height: 50.6px; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-large.form-control-rounded { | |
| padding-left: 1.65rem; | |
| padding-right: 1.65rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-large { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-select.form-control-large select { | |
| padding-left: 1.375rem; | |
| padding-right: 1.375rem; | |
| height: 50.6px; | |
| } | |
| .form-control-select.form-control-large:after { | |
| margin-left: 0.34375rem; | |
| border-right-width: 5.99210526px; | |
| border-left-width: 5.99210526px; | |
| border-top-width: 6.65789474px; | |
| border-bottom-width: 0px; | |
| } | |
| .form-control-select.form-control-large.form-control-rounded select { | |
| padding-left: 1.65rem; | |
| padding-right: 1.65rem; | |
| } | |
| .form-control-select.form-control-large.form-control-rounded:after { | |
| margin-right: 1.65rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group.form-control-large .form-control-group-add-on:first-child { | |
| padding-right: 0.6875rem; | |
| } | |
| .form-control-group.form-control-large .form-control-group-add-on:last-child { | |
| padding-left: 0.6875rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-large) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-large { | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem; | |
| height: 55.2px; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-large.form-control-rounded { | |
| padding-left: 1.8rem; | |
| padding-right: 1.8rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-large { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-select.form-control-large select { | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem; | |
| height: 55.2px; | |
| } | |
| .form-control-select.form-control-large:after { | |
| margin-left: 0.375rem; | |
| border-right-width: 6.53684211px; | |
| border-left-width: 6.53684211px; | |
| border-top-width: 7.26315789px; | |
| border-bottom-width: 0px; | |
| } | |
| .form-control-select.form-control-large.form-control-rounded select { | |
| padding-left: 1.8rem; | |
| padding-right: 1.8rem; | |
| } | |
| .form-control-select.form-control-large.form-control-rounded:after { | |
| margin-right: 1.8rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group.form-control-large .form-control-group-add-on:first-child { | |
| padding-right: 0.75rem; | |
| } | |
| .form-control-group.form-control-large .form-control-group-add-on:last-child { | |
| padding-left: 0.75rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-large) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-large { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-large { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control-jumbo/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Rounded form-control | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control-jumbo/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-jumbo { | |
| font-size: 1.3rem; | |
| line-height: 1.3rem; | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem; | |
| height: 56px; | |
| border-radius: 7px; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-jumbo.form-control-rounded { | |
| border-radius: 1000px; | |
| padding-left: 1.8rem; | |
| padding-right: 1.8rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-jumbo { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-select.form-control-jumbo select { | |
| font-size: 1.3rem; | |
| line-height: 1.3rem; | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem; | |
| height: 56px; | |
| } | |
| .form-control-select.form-control-jumbo:after { | |
| margin-right: 1.5rem; | |
| border-right-width: 6.63157895px; | |
| border-left-width: 6.63157895px; | |
| border-top-width: 7.36842105px; | |
| border-bottom-width: 0px; | |
| } | |
| .form-control-select.form-control-jumbo.form-control-rounded select { | |
| padding-left: 1.8rem; | |
| padding-right: 1.8rem; | |
| } | |
| .form-control-select.form-control-jumbo.form-control-rounded:after { | |
| margin-right: 1.8rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group.form-control-jumbo .form-control-group-add-on:first-child { | |
| padding-right: 0.75rem; | |
| } | |
| .form-control-group.form-control-jumbo .form-control-group-add-on:last-child { | |
| padding-left: 0.75rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-jumbo { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-jumbo { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-jumbo { | |
| padding-left: 1.65rem; | |
| padding-right: 1.65rem; | |
| height: 61.6px; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-jumbo.form-control-rounded { | |
| padding-left: 1.98rem; | |
| padding-right: 1.98rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-jumbo { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-select.form-control-jumbo select { | |
| padding-left: 1.65rem; | |
| padding-right: 1.65rem; | |
| height: 61.6px; | |
| } | |
| .form-control-select.form-control-jumbo:after { | |
| margin-left: 0.4125rem; | |
| border-right-width: 7.29473684px; | |
| border-left-width: 7.29473684px; | |
| border-top-width: 8.10526316px; | |
| border-bottom-width: 0px; | |
| } | |
| .form-control-select.form-control-jumbo.form-control-rounded select { | |
| padding-left: 1.98rem; | |
| padding-right: 1.98rem; | |
| } | |
| .form-control-select.form-control-jumbo.form-control-rounded:after { | |
| margin-right: 1.98rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group.form-control-jumbo .form-control-group-add-on:first-child { | |
| padding-right: 0.825rem; | |
| } | |
| .form-control-group.form-control-jumbo .form-control-group-add-on:last-child { | |
| padding-left: 0.825rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-jumbo { | |
| padding-left: 1.8rem; | |
| padding-right: 1.8rem; | |
| height: 67.2px; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-jumbo.form-control-rounded { | |
| padding-left: 2.16rem; | |
| padding-right: 2.16rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-jumbo { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-select.form-control-jumbo select { | |
| padding-left: 1.8rem; | |
| padding-right: 1.8rem; | |
| height: 67.2px; | |
| } | |
| .form-control-select.form-control-jumbo:after { | |
| margin-left: 0.45rem; | |
| border-right-width: 7.95789474px; | |
| border-left-width: 7.95789474px; | |
| border-top-width: 8.84210526px; | |
| border-bottom-width: 0px; | |
| } | |
| .form-control-select.form-control-jumbo.form-control-rounded select { | |
| padding-left: 2.16rem; | |
| padding-right: 2.16rem; | |
| } | |
| .form-control-select.form-control-jumbo.form-control-rounded:after { | |
| margin-right: 2.16rem; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group.form-control-jumbo .form-control-group-add-on:first-child { | |
| padding-right: 0.9rem; | |
| } | |
| .form-control-group.form-control-jumbo .form-control-group-add-on:last-child { | |
| padding-left: 0.9rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control (.form-control-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-jumbo { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-select.form-control-jumbo { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Rounded (.form-control-rounded) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control-success/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control-success/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Success (.form-control-success) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-success, | |
| .form-group.form-group-success .form-control { | |
| color: #27c97b; | |
| border-color: #27c97b; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Success Inverse (.form-control-success-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-success::-webkit-input-placeholder, | |
| .form-group.form-group-success .form-control::-webkit-input-placeholder { | |
| color: rgba(39, 201, 123, 0.5); | |
| } | |
| .form-control-success::-moz-placeholder, | |
| .form-group.form-group-success .form-control::-moz-placeholder { | |
| color: rgba(39, 201, 123, 0.5); | |
| } | |
| .form-control-success:-ms-input-placeholder, | |
| .form-group.form-group-success .form-control:-ms-input-placeholder { | |
| color: rgba(39, 201, 123, 0.5); | |
| } | |
| .form-control-success::placeholder, | |
| .form-group.form-group-success .form-control::placeholder { | |
| color: rgba(39, 201, 123, 0.5); | |
| } | |
| .form-control-success:hover, | |
| .form-group.form-group-success .form-control:hover { | |
| color: #27c97b; | |
| border-color: #27c97b; | |
| } | |
| .form-control-success:hover::-webkit-input-placeholder, | |
| .form-group.form-group-success .form-control:hover::-webkit-input-placeholder { | |
| color: rgba(39, 201, 123, 0.65); | |
| } | |
| .form-control-success:hover::-moz-placeholder, | |
| .form-group.form-group-success .form-control:hover::-moz-placeholder { | |
| color: rgba(39, 201, 123, 0.65); | |
| } | |
| .form-control-success:hover:-ms-input-placeholder, | |
| .form-group.form-group-success .form-control:hover:-ms-input-placeholder { | |
| color: rgba(39, 201, 123, 0.65); | |
| } | |
| .form-control-success:hover::placeholder, | |
| .form-group.form-group-success .form-control:hover::placeholder { | |
| color: rgba(39, 201, 123, 0.65); | |
| } | |
| .form-control-success:active, | |
| .form-group.form-group-success .form-control:active { | |
| color: #27c97b; | |
| border-color: #27c97b; | |
| } | |
| .form-control-success:active::-webkit-input-placeholder, | |
| .form-group.form-group-success .form-control:active::-webkit-input-placeholder { | |
| color: rgba(39, 201, 123, 0.5); | |
| } | |
| .form-control-success:active::-moz-placeholder, | |
| .form-group.form-group-success .form-control:active::-moz-placeholder { | |
| color: rgba(39, 201, 123, 0.5); | |
| } | |
| .form-control-success:active:-ms-input-placeholder, | |
| .form-group.form-group-success .form-control:active:-ms-input-placeholder { | |
| color: rgba(39, 201, 123, 0.5); | |
| } | |
| .form-control-success:active::placeholder, | |
| .form-group.form-group-success .form-control:active::placeholder { | |
| color: rgba(39, 201, 123, 0.5); | |
| } | |
| .form-control-success:focus, | |
| .form-group.form-group-success .form-control:focus, | |
| .form-control-success.focus, | |
| .form-group.form-group-success .form-control.focus { | |
| color: #27c97b; | |
| border-color: #27c97b; | |
| } | |
| .form-control-success:focus::-webkit-input-placeholder, | |
| .form-group.form-group-success .form-control:focus::-webkit-input-placeholder, | |
| .form-control-success.focus::-webkit-input-placeholder, | |
| .form-group.form-group-success .form-control.focus::-webkit-input-placeholder { | |
| color: rgba(39, 201, 123, 0.5); | |
| } | |
| .form-control-success:focus::-moz-placeholder, | |
| .form-group.form-group-success .form-control:focus::-moz-placeholder, | |
| .form-control-success.focus::-moz-placeholder, | |
| .form-group.form-group-success .form-control.focus::-moz-placeholder { | |
| color: rgba(39, 201, 123, 0.5); | |
| } | |
| .form-control-success:focus:-ms-input-placeholder, | |
| .form-group.form-group-success .form-control:focus:-ms-input-placeholder, | |
| .form-control-success.focus:-ms-input-placeholder, | |
| .form-group.form-group-success .form-control.focus:-ms-input-placeholder { | |
| color: rgba(39, 201, 123, 0.5); | |
| } | |
| .form-control-success:focus::placeholder, | |
| .form-group.form-group-success .form-control:focus::placeholder, | |
| .form-control-success.focus::placeholder, | |
| .form-group.form-group-success .form-control.focus::placeholder { | |
| color: rgba(39, 201, 123, 0.5); | |
| } | |
| .form-control-success.form-control-inverse, | |
| .form-group.form-group-success .form-control.form-control-inverse { | |
| color: #ffffff; | |
| background-color: transparent; | |
| border-color: #27c97b; | |
| } | |
| .form-control-success.form-control-inverse:hover, | |
| .form-group.form-group-success .form-control.form-control-inverse:hover { | |
| color: #ffffff; | |
| text-decoration: none; | |
| border-color: #27c97b; | |
| } | |
| .form-control-success.form-control-inverse:active, | |
| .form-group.form-group-success .form-control.form-control-inverse:active { | |
| color: #ffffff; | |
| border-color: #27c97b; | |
| } | |
| .form-control-success.form-control-inverse:focus, | |
| .form-group.form-group-success .form-control.form-control-inverse:focus, | |
| .form-control-success.form-control-inverse.focus, | |
| .form-group.form-group-success .form-control.form-control-inverse.focus { | |
| color: #ffffff; | |
| border-color: #27c97b; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-success, | |
| .form-group.form-group-success .form-control.form-control-select { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select Inverse (.form-control-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-success select, | |
| .form-group.form-group-success .form-control.form-control-select select { | |
| color: #27c97b; | |
| } | |
| .form-control-success:after, | |
| .form-group.form-group-success .form-control.form-control-select:after { | |
| border-color: #27c97b transparent transparent transparent; | |
| _border-color: #27c97b #000000 #000000 #000000; | |
| } | |
| .form-control-success:hover select, | |
| .form-group.form-group-success .form-control.form-control-select:hover select { | |
| color: #27c97b; | |
| } | |
| .form-control-success:hover:after, | |
| .form-group.form-group-success .form-control.form-control-select:hover:after { | |
| border-color: #27c97b transparent transparent transparent; | |
| _border-color: #27c97b #000000 #000000 #000000; | |
| } | |
| .form-control-success:active select, | |
| .form-group.form-group-success .form-control.form-control-select:active select { | |
| color: #27c97b; | |
| } | |
| .form-control-success:active:after, | |
| .form-group.form-group-success .form-control.form-control-select:active:after { | |
| border-color: #27c97b transparent transparent transparent; | |
| _border-color: #27c97b #000000 #000000 #000000; | |
| } | |
| .form-control-success:focus select, | |
| .form-group.form-group-success .form-control.form-control-select:focus select, | |
| .form-control-success.focus select, | |
| .form-group.form-group-success .form-control.form-control-select.focus select { | |
| color: #27c97b; | |
| } | |
| .form-control-success:focus:after, | |
| .form-group.form-group-success .form-control.form-control-select:focus:after, | |
| .form-control-success.focus:after, | |
| .form-group.form-group-success .form-control.form-control-select.focus:after { | |
| border-color: #27c97b transparent transparent transparent; | |
| _border-color: #27c97b #000000 #000000 #000000; | |
| } | |
| .form-control-success.form-control-inverse select, | |
| .form-group.form-group-success .form-control.form-control-select.form-control-inverse select { | |
| color: #ffffff; | |
| } | |
| .form-control-success.form-control-inverse:after, | |
| .form-group.form-group-success .form-control.form-control-select.form-control-inverse:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .form-control-success.form-control-inverse:hover select, | |
| .form-group.form-group-success .form-control.form-control-select.form-control-inverse:hover select { | |
| color: #ffffff; | |
| text-decoration: none; | |
| } | |
| .form-control-success.form-control-inverse:hover:after, | |
| .form-group.form-group-success .form-control.form-control-select.form-control-inverse:hover:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .form-control-success.form-control-inverse:active select, | |
| .form-group.form-group-success .form-control.form-control-select.form-control-inverse:active select { | |
| color: #ffffff; | |
| } | |
| .form-control-success.form-control-inverse:active:after, | |
| .form-group.form-group-success .form-control.form-control-select.form-control-inverse:active:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .form-control-success.form-control-inverse:focus select, | |
| .form-group.form-group-success .form-control.form-control-select.form-control-inverse:focus select, | |
| .form-control-success.form-control-inverse.focus select, | |
| .form-group.form-group-success .form-control.form-control-select.form-control-inverse.focus select { | |
| color: #ffffff; | |
| } | |
| .form-control-success.form-control-inverse:focus:after, | |
| .form-group.form-group-success .form-control.form-control-select.form-control-inverse:focus:after, | |
| .form-control-success.form-control-inverse.focus:after, | |
| .form-group.form-group-success .form-control.form-control-select.form-control-inverse.focus:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control-error/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control-error/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Error (.form-control-error) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-error, | |
| .form-group.form-group-error .form-control { | |
| color: #f33745; | |
| border-color: #f33745; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Error Inverse (.form-control-error-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-error::-webkit-input-placeholder, | |
| .form-group.form-group-error .form-control::-webkit-input-placeholder { | |
| color: rgba(243, 55, 69, 0.5); | |
| } | |
| .form-control-error::-moz-placeholder, | |
| .form-group.form-group-error .form-control::-moz-placeholder { | |
| color: rgba(243, 55, 69, 0.5); | |
| } | |
| .form-control-error:-ms-input-placeholder, | |
| .form-group.form-group-error .form-control:-ms-input-placeholder { | |
| color: rgba(243, 55, 69, 0.5); | |
| } | |
| .form-control-error::placeholder, | |
| .form-group.form-group-error .form-control::placeholder { | |
| color: rgba(243, 55, 69, 0.5); | |
| } | |
| .form-control-error:hover, | |
| .form-group.form-group-error .form-control:hover { | |
| color: #f33745; | |
| border-color: #f33745; | |
| } | |
| .form-control-error:hover::-webkit-input-placeholder, | |
| .form-group.form-group-error .form-control:hover::-webkit-input-placeholder { | |
| color: rgba(243, 55, 69, 0.65); | |
| } | |
| .form-control-error:hover::-moz-placeholder, | |
| .form-group.form-group-error .form-control:hover::-moz-placeholder { | |
| color: rgba(243, 55, 69, 0.65); | |
| } | |
| .form-control-error:hover:-ms-input-placeholder, | |
| .form-group.form-group-error .form-control:hover:-ms-input-placeholder { | |
| color: rgba(243, 55, 69, 0.65); | |
| } | |
| .form-control-error:hover::placeholder, | |
| .form-group.form-group-error .form-control:hover::placeholder { | |
| color: rgba(243, 55, 69, 0.65); | |
| } | |
| .form-control-error:active, | |
| .form-group.form-group-error .form-control:active { | |
| color: #f33745; | |
| border-color: #f33745; | |
| } | |
| .form-control-error:active::-webkit-input-placeholder, | |
| .form-group.form-group-error .form-control:active::-webkit-input-placeholder { | |
| color: rgba(243, 55, 69, 0.5); | |
| } | |
| .form-control-error:active::-moz-placeholder, | |
| .form-group.form-group-error .form-control:active::-moz-placeholder { | |
| color: rgba(243, 55, 69, 0.5); | |
| } | |
| .form-control-error:active:-ms-input-placeholder, | |
| .form-group.form-group-error .form-control:active:-ms-input-placeholder { | |
| color: rgba(243, 55, 69, 0.5); | |
| } | |
| .form-control-error:active::placeholder, | |
| .form-group.form-group-error .form-control:active::placeholder { | |
| color: rgba(243, 55, 69, 0.5); | |
| } | |
| .form-control-error:focus, | |
| .form-group.form-group-error .form-control:focus, | |
| .form-control-error.focus, | |
| .form-group.form-group-error .form-control.focus { | |
| color: #f33745; | |
| border-color: #f33745; | |
| } | |
| .form-control-error:focus::-webkit-input-placeholder, | |
| .form-group.form-group-error .form-control:focus::-webkit-input-placeholder, | |
| .form-control-error.focus::-webkit-input-placeholder, | |
| .form-group.form-group-error .form-control.focus::-webkit-input-placeholder { | |
| color: rgba(243, 55, 69, 0.5); | |
| } | |
| .form-control-error:focus::-moz-placeholder, | |
| .form-group.form-group-error .form-control:focus::-moz-placeholder, | |
| .form-control-error.focus::-moz-placeholder, | |
| .form-group.form-group-error .form-control.focus::-moz-placeholder { | |
| color: rgba(243, 55, 69, 0.5); | |
| } | |
| .form-control-error:focus:-ms-input-placeholder, | |
| .form-group.form-group-error .form-control:focus:-ms-input-placeholder, | |
| .form-control-error.focus:-ms-input-placeholder, | |
| .form-group.form-group-error .form-control.focus:-ms-input-placeholder { | |
| color: rgba(243, 55, 69, 0.5); | |
| } | |
| .form-control-error:focus::placeholder, | |
| .form-group.form-group-error .form-control:focus::placeholder, | |
| .form-control-error.focus::placeholder, | |
| .form-group.form-group-error .form-control.focus::placeholder { | |
| color: rgba(243, 55, 69, 0.5); | |
| } | |
| .form-control-error.form-control-inverse, | |
| .form-group.form-group-error .form-control.form-control-inverse { | |
| color: #ffffff; | |
| background-color: transparent; | |
| border-color: #f33745; | |
| } | |
| .form-control-error.form-control-inverse:hover, | |
| .form-group.form-group-error .form-control.form-control-inverse:hover { | |
| color: #ffffff; | |
| text-decoration: none; | |
| border-color: #f33745; | |
| } | |
| .form-control-error.form-control-inverse:active, | |
| .form-group.form-group-error .form-control.form-control-inverse:active { | |
| color: #ffffff; | |
| border-color: #f33745; | |
| } | |
| .form-control-error.form-control-inverse:focus, | |
| .form-group.form-group-error .form-control.form-control-inverse:focus, | |
| .form-control-error.form-control-inverse.focus, | |
| .form-group.form-group-error .form-control.form-control-inverse.focus { | |
| color: #ffffff; | |
| border-color: #f33745; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select (.form-control-select) | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-error, | |
| .form-group.form-group-error .form-control.form-control-select { | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Select Inverse (.form-control-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-error select, | |
| .form-group.form-group-error .form-control.form-control-select select { | |
| color: #f33745; | |
| } | |
| .form-control-error:after, | |
| .form-group.form-group-error .form-control.form-control-select:after { | |
| border-color: #f33745 transparent transparent transparent; | |
| _border-color: #f33745 #000000 #000000 #000000; | |
| } | |
| .form-control-error:hover select, | |
| .form-group.form-group-error .form-control.form-control-select:hover select { | |
| color: #f33745; | |
| } | |
| .form-control-error:hover:after, | |
| .form-group.form-group-error .form-control.form-control-select:hover:after { | |
| border-color: #f33745 transparent transparent transparent; | |
| _border-color: #f33745 #000000 #000000 #000000; | |
| } | |
| .form-control-error:active select, | |
| .form-group.form-group-error .form-control.form-control-select:active select { | |
| color: #f33745; | |
| } | |
| .form-control-error:active:after, | |
| .form-group.form-group-error .form-control.form-control-select:active:after { | |
| border-color: #f33745 transparent transparent transparent; | |
| _border-color: #f33745 #000000 #000000 #000000; | |
| } | |
| .form-control-error:focus select, | |
| .form-group.form-group-error .form-control.form-control-select:focus select, | |
| .form-control-error.focus select, | |
| .form-group.form-group-error .form-control.form-control-select.focus select { | |
| color: #f33745; | |
| } | |
| .form-control-error:focus:after, | |
| .form-group.form-group-error .form-control.form-control-select:focus:after, | |
| .form-control-error.focus:after, | |
| .form-group.form-group-error .form-control.form-control-select.focus:after { | |
| border-color: #f33745 transparent transparent transparent; | |
| _border-color: #f33745 #000000 #000000 #000000; | |
| } | |
| .form-control-error.form-control-inverse select, | |
| .form-group.form-group-error .form-control.form-control-select.form-control-inverse select { | |
| color: #ffffff; | |
| } | |
| .form-control-error.form-control-inverse:after, | |
| .form-group.form-group-error .form-control.form-control-select.form-control-inverse:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .form-control-error.form-control-inverse:hover select, | |
| .form-group.form-group-error .form-control.form-control-select.form-control-inverse:hover select { | |
| color: #ffffff; | |
| text-decoration: none; | |
| } | |
| .form-control-error.form-control-inverse:hover:after, | |
| .form-group.form-group-error .form-control.form-control-select.form-control-inverse:hover:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .form-control-error.form-control-inverse:active select, | |
| .form-group.form-group-error .form-control.form-control-select.form-control-inverse:active select { | |
| color: #ffffff; | |
| } | |
| .form-control-error.form-control-inverse:active:after, | |
| .form-group.form-group-error .form-control.form-control-select.form-control-inverse:active:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| .form-control-error.form-control-inverse:focus select, | |
| .form-group.form-group-error .form-control.form-control-select.form-control-inverse:focus select, | |
| .form-control-error.form-control-inverse.focus select, | |
| .form-group.form-group-error .form-control.form-control-select.form-control-inverse.focus select { | |
| color: #ffffff; | |
| } | |
| .form-control-error.form-control-inverse:focus:after, | |
| .form-group.form-group-error .form-control.form-control-select.form-control-inverse:focus:after, | |
| .form-control-error.form-control-inverse.focus:after, | |
| .form-group.form-group-error .form-control.form-control-select.form-control-inverse.focus:after { | |
| border-color: #ffffff transparent transparent transparent; | |
| _border-color: #ffffff #000000 #000000 #000000; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Group | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-group/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-group/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Form Group (.form-group) | |
| ----------------------------------------------------------------------------- */ | |
| .form-group { | |
| *zoom: 1; | |
| display: block; | |
| margin-bottom: 12px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-group:before, | |
| .form-group:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .form-group:after { | |
| clear: both; | |
| } | |
| .form-group.short { | |
| margin-bottom: 6px; | |
| } | |
| .form-group.short-bottom, | |
| .form-group.short-bottom { | |
| margin-bottom: 6px; | |
| } | |
| .form-group.tall { | |
| margin-bottom: 24px; | |
| } | |
| .form-group.tall-bottom, | |
| .form-group.tall-bottom { | |
| margin-bottom: 24px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Group (.form-group) | |
| ----------------------------------------------------------------------------- */ | |
| .form-group { | |
| margin-bottom: 12px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-group.short { | |
| margin-bottom: 6px; | |
| } | |
| .form-group.short-bottom, | |
| .form-group.short-bottom-screen-small { | |
| margin-bottom: 6px; | |
| } | |
| .form-group.tall { | |
| margin-bottom: 24px; | |
| } | |
| .form-group.tall-bottom, | |
| .form-group.tall-bottom-screen-small { | |
| margin-bottom: 24px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Group (.form-group) | |
| ----------------------------------------------------------------------------- */ | |
| .form-group { | |
| margin-bottom: 16px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-group.short { | |
| margin-bottom: 8px; | |
| } | |
| .form-group.short-bottom, | |
| .form-group.short-bottom-screen-medium { | |
| margin-bottom: 8px; | |
| } | |
| .form-group.tall { | |
| margin-bottom: 32px; | |
| } | |
| .form-group.tall-bottom, | |
| .form-group.tall-bottom-screen-medium { | |
| margin-bottom: 32px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Group (.form-group) | |
| ----------------------------------------------------------------------------- */ | |
| .form-group { | |
| margin-bottom: 18px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-group.short { | |
| margin-bottom: 9px; | |
| } | |
| .form-group.short-bottom, | |
| .form-group.short-bottom-screen-large { | |
| margin-bottom: 9px; | |
| } | |
| .form-group.tall { | |
| margin-bottom: 36px; | |
| } | |
| .form-group.tall-bottom, | |
| .form-group.tall-bottom-screen-large { | |
| margin-bottom: 36px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Form Group (.form-group) | |
| ----------------------------------------------------------------------------- */ | |
| .form-group { | |
| margin-bottom: 24px; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-group.short { | |
| margin-bottom: 12px; | |
| } | |
| .form-group.short-bottom, | |
| .form-group.short-bottom-screen-jumbo { | |
| margin-bottom: 12px; | |
| } | |
| .form-group.tall { | |
| margin-bottom: 48px; | |
| } | |
| .form-group.tall-bottom, | |
| .form-group.tall-bottom-screen-jumbo { | |
| margin-bottom: 48px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control-group/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| form-control-group/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Form Control Group | |
| ----------------------------------------------------------------------------- */ | |
| .form-control-group { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| position: relative; | |
| *zoom: 1; | |
| /* ----------------------------------------------------------------------------- | |
| Form Control | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Add-On | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Nested Form Control | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .form-control-group:before, | |
| .form-control-group:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .form-control-group:after { | |
| clear: both; | |
| } | |
| .form-control-group .form-control { | |
| -ms-flex-positive: 1; | |
| flex-grow: 1; | |
| } | |
| .form-control-group .form-control:not(:first-child) { | |
| border-top-left-radius: 0px !important; | |
| border-bottom-left-radius: 0px !important; | |
| } | |
| .form-control-group .form-control:not(:last-child) { | |
| border-top-right-radius: 0px !important; | |
| border-bottom-right-radius: 0px !important; | |
| } | |
| .form-control-group .form-control-group-add-on { | |
| -ms-flex-positive: 0; | |
| flex-grow: 0; | |
| } | |
| .form-control-group .form-control-group-add-on > .button:hover, | |
| .form-control-group .form-control-group-add-on > .button:active, | |
| .form-control-group .form-control-group-add-on > .button.active, | |
| .form-control-group .form-control-group-add-on > .button.selected { | |
| z-index: 1; | |
| } | |
| .form-control-group .form-control-group-add-on:first-child > .button:last-child { | |
| border-top-right-radius: 0px !important; | |
| border-bottom-right-radius: 0px !important; | |
| } | |
| .form-control-group .form-control-group-add-on:last-child > .button:first-child { | |
| border-top-left-radius: 0px !important; | |
| border-bottom-left-radius: 0px !important; | |
| } | |
| .form-control-group.form-control .form-control { | |
| padding: 0; | |
| border: 0px; | |
| background: none; | |
| box-shadow: none; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Form Label | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| label/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| label/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Label | |
| ----------------------------------------------------------------------------- */ | |
| label:not(.button), | |
| .label:not(.button) { | |
| display: block; | |
| color: #5b6171; | |
| font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| font-weight: 600; | |
| text-transform: uppercase; | |
| text-rendering: geometricPrecision; | |
| font-size: 0.8rem; | |
| line-height: 0.8rem; | |
| margin-top: 0px; | |
| margin-bottom: 0.5rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| label:not(.button).short, | |
| .label:not(.button).short { | |
| margin-top: 0px; | |
| margin-bottom: 0.25rem; | |
| } | |
| label:not(.button).short-top, | |
| .label:not(.button).short-top, | |
| label:not(.button).short-top, | |
| .label:not(.button).short-top { | |
| margin-top: 0px; | |
| } | |
| label:not(.button).short-bottom, | |
| .label:not(.button).short-bottom, | |
| label:not(.button).short-bottom, | |
| .label:not(.button).short-bottom { | |
| margin-bottom: 0.25rem; | |
| } | |
| label:not(.button).tall, | |
| .label:not(.button).tall { | |
| margin-top: 0px; | |
| margin-bottom: 1rem; | |
| } | |
| label:not(.button).tall-top, | |
| .label:not(.button).tall-top, | |
| label:not(.button).tall-top, | |
| .label:not(.button).tall-top { | |
| margin-top: 0px; | |
| } | |
| label:not(.button).tall-bottom, | |
| .label:not(.button).tall-bottom, | |
| label:not(.button).tall-bottom, | |
| .label:not(.button).tall-bottom { | |
| margin-bottom: 1rem; | |
| } | |
| label:not(.button).emphasis, | |
| .label:not(.button).emphasis, | |
| label:not(.button) .emphasis, | |
| .label:not(.button) .emphasis { | |
| color: #282e3e; | |
| font-weight: 800; | |
| } | |
| label:not(.button).muted, | |
| .label:not(.button).muted, | |
| label:not(.button) .muted, | |
| .label:not(.button) .muted { | |
| color: #adb0b8; | |
| } | |
| label:not(.button).inverse, | |
| .label:not(.button).inverse { | |
| color: #c2c4ca; | |
| } | |
| label:not(.button).inverse.emphasis, | |
| .label:not(.button).inverse.emphasis, | |
| label:not(.button).inverse .emphasis, | |
| .label:not(.button).inverse .emphasis { | |
| color: #ffffff; | |
| } | |
| label:not(.button).inverse.muted, | |
| .label:not(.button).inverse.muted, | |
| label:not(.button).inverse .muted, | |
| .label:not(.button).inverse .muted { | |
| color: #999da7; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Label | |
| ----------------------------------------------------------------------------- */ | |
| label:not(.button), | |
| .label:not(.button) { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Label | |
| ----------------------------------------------------------------------------- */ | |
| label:not(.button), | |
| .label:not(.button) { | |
| font-size: 0.84rem; | |
| line-height: 0.84rem; | |
| margin-bottom: 0.55rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| label:not(.button).short, | |
| .label:not(.button).short { | |
| margin-bottom: 0.275rem; | |
| } | |
| label:not(.button).short-bottom, | |
| .label:not(.button).short-bottom, | |
| label:not(.button).short-bottom-screen-medium, | |
| .label:not(.button).short-bottom-screen-medium { | |
| margin-bottom: 0.275rem; | |
| } | |
| label:not(.button).tall, | |
| .label:not(.button).tall { | |
| margin-bottom: 1.1rem; | |
| } | |
| label:not(.button).tall-bottom, | |
| .label:not(.button).tall-bottom, | |
| label:not(.button).tall-bottom-screen-medium, | |
| .label:not(.button).tall-bottom-screen-medium { | |
| margin-bottom: 1.1rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Label | |
| ----------------------------------------------------------------------------- */ | |
| label:not(.button), | |
| .label:not(.button) { | |
| font-size: 0.88rem; | |
| line-height: 0.88rem; | |
| margin-bottom: 0.6rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| label:not(.button).short, | |
| .label:not(.button).short { | |
| margin-bottom: 0.3rem; | |
| } | |
| label:not(.button).short-bottom, | |
| .label:not(.button).short-bottom, | |
| label:not(.button).short-bottom-screen-large, | |
| .label:not(.button).short-bottom-screen-large { | |
| margin-bottom: 0.3rem; | |
| } | |
| label:not(.button).tall, | |
| .label:not(.button).tall { | |
| margin-bottom: 1.2rem; | |
| } | |
| label:not(.button).tall-bottom, | |
| .label:not(.button).tall-bottom, | |
| label:not(.button).tall-bottom-screen-large, | |
| .label:not(.button).tall-bottom-screen-large { | |
| margin-bottom: 1.2rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Label | |
| ----------------------------------------------------------------------------- */ | |
| label:not(.button), | |
| .label:not(.button) { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| label-success/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| label-success/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Label success (.label-success) | |
| ----------------------------------------------------------------------------- */ | |
| label:not(.button).label-success, | |
| .label:not(.button).label-success, | |
| .form-group.form-group-success label:not(.button), | |
| .form-group.form-group-success .label:not(.button) { | |
| color: #27c97b; | |
| /* ----------------------------------------------------------------------------- | |
| Label success Inverse (.label-success.inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| label:not(.button).label-success.emphasis, | |
| .label:not(.button).label-success.emphasis, | |
| .form-group.form-group-success label:not(.button).emphasis, | |
| .form-group.form-group-success .label:not(.button).emphasis, | |
| label:not(.button).label-success .emphasis, | |
| .label:not(.button).label-success .emphasis, | |
| .form-group.form-group-success label:not(.button) .emphasis, | |
| .form-group.form-group-success .label:not(.button) .emphasis { | |
| color: #27c97b; | |
| } | |
| label:not(.button).label-success.muted, | |
| .label:not(.button).label-success.muted, | |
| .form-group.form-group-success label:not(.button).muted, | |
| .form-group.form-group-success .label:not(.button).muted, | |
| label:not(.button).label-success .muted, | |
| .label:not(.button).label-success .muted, | |
| .form-group.form-group-success label:not(.button) .muted, | |
| .form-group.form-group-success .label:not(.button) .muted { | |
| color: #52d495; | |
| } | |
| label:not(.button).label-success.inverse, | |
| .label:not(.button).label-success.inverse, | |
| .form-group.form-group-success label:not(.button).inverse, | |
| .form-group.form-group-success .label:not(.button).inverse { | |
| color: #27c97b; | |
| } | |
| label:not(.button).label-success.inverse.emphasis, | |
| .label:not(.button).label-success.inverse.emphasis, | |
| .form-group.form-group-success label:not(.button).inverse.emphasis, | |
| .form-group.form-group-success .label:not(.button).inverse.emphasis, | |
| label:not(.button).label-success.inverse .emphasis, | |
| .label:not(.button).label-success.inverse .emphasis, | |
| .form-group.form-group-success label:not(.button).inverse .emphasis, | |
| .form-group.form-group-success .label:not(.button).inverse .emphasis { | |
| color: #27c97b; | |
| } | |
| label:not(.button).label-success.inverse.muted, | |
| .label:not(.button).label-success.inverse.muted, | |
| .form-group.form-group-success label:not(.button).inverse.muted, | |
| .form-group.form-group-success .label:not(.button).inverse.muted, | |
| label:not(.button).label-success.inverse .muted, | |
| .label:not(.button).label-success.inverse .muted, | |
| .form-group.form-group-success label:not(.button).inverse .muted, | |
| .form-group.form-group-success .label:not(.button).inverse .muted { | |
| color: #52d495; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| label-error/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| label-error/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Label Error (.label-error) | |
| ----------------------------------------------------------------------------- */ | |
| label:not(.button).label-error, | |
| .label:not(.button).label-error, | |
| .form-group.form-group-error label:not(.button), | |
| .form-group.form-group-error .label:not(.button) { | |
| color: #f33745; | |
| /* ----------------------------------------------------------------------------- | |
| Label Error Inverse (.label-error.inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| label:not(.button).label-error.emphasis, | |
| .label:not(.button).label-error.emphasis, | |
| .form-group.form-group-error label:not(.button).emphasis, | |
| .form-group.form-group-error .label:not(.button).emphasis, | |
| label:not(.button).label-error .emphasis, | |
| .label:not(.button).label-error .emphasis, | |
| .form-group.form-group-error label:not(.button) .emphasis, | |
| .form-group.form-group-error .label:not(.button) .emphasis { | |
| color: #f33745; | |
| } | |
| label:not(.button).label-error.muted, | |
| .label:not(.button).label-error.muted, | |
| .form-group.form-group-error label:not(.button).muted, | |
| .form-group.form-group-error .label:not(.button).muted, | |
| label:not(.button).label-error .muted, | |
| .label:not(.button).label-error .muted, | |
| .form-group.form-group-error label:not(.button) .muted, | |
| .form-group.form-group-error .label:not(.button) .muted { | |
| color: #f55f6a; | |
| } | |
| label:not(.button).label-error.inverse, | |
| .label:not(.button).label-error.inverse, | |
| .form-group.form-group-error label:not(.button).inverse, | |
| .form-group.form-group-error .label:not(.button).inverse { | |
| color: #f33745; | |
| } | |
| label:not(.button).label-error.inverse.emphasis, | |
| .label:not(.button).label-error.inverse.emphasis, | |
| .form-group.form-group-error label:not(.button).inverse.emphasis, | |
| .form-group.form-group-error .label:not(.button).inverse.emphasis, | |
| label:not(.button).label-error.inverse .emphasis, | |
| .label:not(.button).label-error.inverse .emphasis, | |
| .form-group.form-group-error label:not(.button).inverse .emphasis, | |
| .form-group.form-group-error .label:not(.button).inverse .emphasis { | |
| color: #f33745; | |
| } | |
| label:not(.button).label-error.inverse.muted, | |
| .label:not(.button).label-error.inverse.muted, | |
| .form-group.form-group-error label:not(.button).inverse.muted, | |
| .form-group.form-group-error .label:not(.button).inverse.muted, | |
| label:not(.button).label-error.inverse .muted, | |
| .label:not(.button).label-error.inverse .muted, | |
| .form-group.form-group-error label:not(.button).inverse .muted, | |
| .form-group.form-group-error .label:not(.button).inverse .muted { | |
| color: #f55f6a; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Toggle | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| toggle/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Inline Label | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Label Text Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Label Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Label Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| toggle/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Toggle | |
| ----------------------------------------------------------------------------- */ | |
| .checkbox, | |
| .radio { | |
| *zoom: 1; | |
| display: block; | |
| margin-bottom: 0.5rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inline Toggle | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .checkbox:before, | |
| .radio:before, | |
| .checkbox:after, | |
| .radio:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .checkbox:after, | |
| .radio:after { | |
| clear: both; | |
| } | |
| .checkbox.short, | |
| .radio.short { | |
| margin-bottom: 0.25rem; | |
| } | |
| .checkbox.short-bottom, | |
| .radio.short-bottom, | |
| .checkbox.short-bottom, | |
| .radio.short-bottom { | |
| margin-bottom: 0.25rem; | |
| } | |
| .checkbox.tall, | |
| .radio.tall { | |
| margin-bottom: 1rem; | |
| } | |
| .checkbox.tall-bottom, | |
| .radio.tall-bottom, | |
| .checkbox.tall-bottom, | |
| .radio.tall-bottom { | |
| margin-bottom: 1rem; | |
| } | |
| .checkbox input[type="checkbox"], | |
| .radio input[type="checkbox"], | |
| .checkbox input[type="radio"], | |
| .radio input[type="radio"] { | |
| width: 16px; | |
| height: 16px; | |
| } | |
| .checkbox label, | |
| .radio label { | |
| margin: 0px; | |
| position: relative; | |
| color: #5b6171; | |
| font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| font-weight: 600; | |
| text-transform: uppercase; | |
| text-rendering: geometricPrecision; | |
| font-size: 0.8rem; | |
| line-height: 0.8rem; | |
| padding-left: 1.2rem; | |
| } | |
| .checkbox label input[type="checkbox"], | |
| .radio label input[type="checkbox"], | |
| .checkbox label input[type="radio"], | |
| .radio label input[type="radio"] { | |
| position: absolute; | |
| left: 0px; | |
| } | |
| .checkbox label.emphasis, | |
| .radio label.emphasis, | |
| .checkbox label .emphasis, | |
| .radio label .emphasis { | |
| color: #282e3e; | |
| font-weight: 800; | |
| } | |
| .checkbox label.muted, | |
| .radio label.muted, | |
| .checkbox label .muted, | |
| .radio label .muted { | |
| color: #adb0b8; | |
| } | |
| .checkbox label.inverse, | |
| .radio label.inverse { | |
| color: #c2c4ca; | |
| } | |
| .checkbox label.inverse.emphasis, | |
| .radio label.inverse.emphasis, | |
| .checkbox label.inverse .emphasis, | |
| .radio label.inverse .emphasis { | |
| color: #ffffff; | |
| } | |
| .checkbox label.inverse.muted, | |
| .radio label.inverse.muted, | |
| .checkbox label.inverse .muted, | |
| .radio label.inverse .muted { | |
| color: #999da7; | |
| } | |
| .checkbox:last-child, | |
| .radio:last-child { | |
| margin-bottom: 0px; | |
| } | |
| .checkbox.checkbox-inline, | |
| .radio.checkbox-inline, | |
| .checkbox.radio-inline, | |
| .radio.radio-inline { | |
| float: left; | |
| margin-left: 0.8rem; | |
| } | |
| .checkbox.checkbox-inline:first-child, | |
| .radio.checkbox-inline:first-child, | |
| .checkbox.radio-inline:first-child, | |
| .radio.radio-inline:first-child { | |
| margin-left: 0px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| .checkbox, | |
| .radio { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inline | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| .checkbox, | |
| .radio { | |
| margin-bottom: 0.55rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inline | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .checkbox.short, | |
| .radio.short { | |
| margin-bottom: 0.275rem; | |
| } | |
| .checkbox.short-bottom, | |
| .radio.short-bottom, | |
| .checkbox.short-bottom-screen-medium, | |
| .radio.short-bottom-screen-medium { | |
| margin-bottom: 0.275rem; | |
| } | |
| .checkbox.tall, | |
| .radio.tall { | |
| margin-bottom: 1.1rem; | |
| } | |
| .checkbox.tall-bottom, | |
| .radio.tall-bottom, | |
| .checkbox.tall-bottom-screen-medium, | |
| .radio.tall-bottom-screen-medium { | |
| margin-bottom: 1.1rem; | |
| } | |
| .checkbox label, | |
| .radio label { | |
| font-size: 0.84rem; | |
| line-height: 0.84rem; | |
| padding-left: 1.32rem; | |
| } | |
| .checkbox.checkbox-inline, | |
| .radio.checkbox-inline, | |
| .checkbox.radio-inline, | |
| .radio.radio-inline { | |
| margin-left: 0.88rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| .checkbox, | |
| .radio { | |
| margin-bottom: 0.6rem; | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inline | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .checkbox.short, | |
| .radio.short { | |
| margin-bottom: 0.3rem; | |
| } | |
| .checkbox.short-bottom, | |
| .radio.short-bottom, | |
| .checkbox.short-bottom-screen-large, | |
| .radio.short-bottom-screen-large { | |
| margin-bottom: 0.3rem; | |
| } | |
| .checkbox.tall, | |
| .radio.tall { | |
| margin-bottom: 1.2rem; | |
| } | |
| .checkbox.tall-bottom, | |
| .radio.tall-bottom, | |
| .checkbox.tall-bottom-screen-large, | |
| .radio.tall-bottom-screen-large { | |
| margin-bottom: 1.2rem; | |
| } | |
| .checkbox label, | |
| .radio label { | |
| font-size: 0.88rem; | |
| line-height: 0.88rem; | |
| padding-left: 1.44rem; | |
| } | |
| .checkbox.checkbox-inline, | |
| .radio.checkbox-inline, | |
| .checkbox.radio-inline, | |
| .radio.radio-inline { | |
| margin-left: 0.96rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| .checkbox, | |
| .radio { | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inline | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| dropdown/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown (.dropdown) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| dropdown-menu/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| dropdown-menu/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu (.dropdown-menu) | |
| ----------------------------------------------------------------------------- */ | |
| .dropdown-menu { | |
| *zoom: 1; | |
| display: none; | |
| float: left; | |
| position: absolute; | |
| top: 100%; | |
| left: 0; | |
| font-size: 1rem; | |
| line-height: 1rem; | |
| margin-top: 2px; | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; | |
| background-color: #ffffff; | |
| box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 1px 0px rgba(0, 0, 0, 0.1); | |
| border-radius: 5px; | |
| min-width: 160px; | |
| max-width: 300px; | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu Inverse (.dropdown-menu-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .dropdown-menu:before, | |
| .dropdown-menu:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .dropdown-menu:after { | |
| clear: both; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu Open | |
| ----------------------------------------------------------------------------- */ | |
| .open > .dropdown-menu { | |
| display: block; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu (.dropdown-menu) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu (.dropdown-menu) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu (.dropdown-menu) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu (.dropdown-menu) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| dropdown-menu-list/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Dropdown List Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Dropdown List Item Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Dropdown List Item Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Dropdown List Item Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Dropdown List Item Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Dropdown List Item Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Dropdown List Item Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Dropdown List Item Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Dropdown List Item Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| dropdown-menu-list/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu List (.dropdown-menu-list) | |
| ----------------------------------------------------------------------------- */ | |
| .dropdown-menu-list { | |
| font-size: 1rem; | |
| line-height: 1.1rem; | |
| margin-top: 0px; | |
| margin-bottom: 0.5rem; | |
| margin-left: 0px; | |
| margin-right: 0px; | |
| color: #323a4e; | |
| } | |
| .dropdown-menu-list:last-child { | |
| margin-bottom: 0px; | |
| } | |
| .dropdown-menu-list li { | |
| font-size: 1rem; | |
| line-height: 1.1rem; | |
| margin-top: 0px; | |
| margin-bottom: 0px; | |
| margin-left: 0px; | |
| margin-right: 0px; | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| color: #323a4e; | |
| text-decoration: none; | |
| } | |
| .dropdown-menu-list li:before { | |
| display: none; | |
| } | |
| .dropdown-menu-list li a { | |
| display: block; | |
| font-size: 1rem; | |
| line-height: 1.1rem; | |
| margin-top: -0.5rem; | |
| margin-bottom: -0.5rem; | |
| margin-left: -1rem; | |
| margin-right: -1rem; | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| color: #5b6171; | |
| text-decoration: none; | |
| } | |
| .dropdown-menu-list li:hover a { | |
| color: #323a4e; | |
| background-color: #f5f5f6; | |
| } | |
| .dropdown-menu-list li:active a, | |
| .dropdown-menu-list li.active a { | |
| color: #848995; | |
| background-color: #e0e1e4; | |
| } | |
| .dropdown-menu-list li.selected a { | |
| color: #ffffff; | |
| background-color: #9351e5; | |
| } | |
| .dropdown-menu-list li:disabled a, | |
| .dropdown-menu-list li.disabled a { | |
| cursor: default; | |
| color: #c2c4ca; | |
| background-color: none; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu List Inverse (.dropdown-menu-list-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| .dropdown-menu-list-inverse, | |
| .dropdown-menu-inverse .dropdown-menu-list { | |
| color: #323a4e; | |
| text-decoration: none; | |
| } | |
| .dropdown-menu-list-inverse li, | |
| .dropdown-menu-inverse .dropdown-menu-list li { | |
| color: #323a4e; | |
| text-decoration: none; | |
| } | |
| .dropdown-menu-list-inverse li:disabled a, | |
| .dropdown-menu-inverse .dropdown-menu-list li:disabled a, | |
| .dropdown-menu-list-inverse li.disabled a, | |
| .dropdown-menu-inverse .dropdown-menu-list li.disabled a { | |
| background-color: none; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu List (.dropdown-menu-list) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu List (.dropdown-menu-list) | |
| ----------------------------------------------------------------------------- */ | |
| .dropdown-menu-list { | |
| margin-bottom: 0.55rem; | |
| } | |
| .dropdown-menu-list li { | |
| padding-top: 0.55rem; | |
| padding-bottom: 0.55rem; | |
| padding-left: 1.1rem; | |
| padding-right: 1.1rem; | |
| } | |
| .dropdown-menu-list li a { | |
| margin-top: -0.55rem; | |
| margin-bottom: -0.55rem; | |
| margin-left: -1.1rem; | |
| margin-right: -1.1rem; | |
| padding-top: 0.55rem; | |
| padding-bottom: 0.55rem; | |
| padding-left: 1.1rem; | |
| padding-right: 1.1rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu List (.dropdown-menu-list) | |
| ----------------------------------------------------------------------------- */ | |
| .dropdown-menu-list { | |
| margin-bottom: 0.6rem; | |
| } | |
| .dropdown-menu-list li { | |
| padding-top: 0.6rem; | |
| padding-bottom: 0.6rem; | |
| padding-left: 1.2rem; | |
| padding-right: 1.2rem; | |
| } | |
| .dropdown-menu-list li a { | |
| margin-top: -0.6rem; | |
| margin-bottom: -0.6rem; | |
| margin-left: -1.2rem; | |
| margin-right: -1.2rem; | |
| padding-top: 0.6rem; | |
| padding-bottom: 0.6rem; | |
| padding-left: 1.2rem; | |
| padding-right: 1.2rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu List (.dropdown-menu-list) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| dropdown-menu-divider/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| dropdown-menu-divider/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu Divider (.dropdown-menu-divider) | |
| ----------------------------------------------------------------------------- */ | |
| .dropdown-menu-divider { | |
| display: block; | |
| margin-top: 0.5rem; | |
| margin-bottom: 0.5rem; | |
| background-color: #ebebed; | |
| height: 1px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu Divider (.dropdown-menu-divider) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu Divider (.dropdown-menu-divider) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu Divider (.dropdown-menu-divider) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu Divider (.dropdown-menu-divider) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| dropdown-menu-header/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Default | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inverse | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Text Size | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| dropdown-menu-header/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu (.dropdown-menu-header) | |
| ----------------------------------------------------------------------------- */ | |
| .dropdown-menu-header { | |
| display: block; | |
| font-size: 0.9rem; | |
| line-height: 0.99rem; | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| color: #adb0b8; | |
| font-weight: 600; | |
| text-transform: uppercase; | |
| border-radius: 5px; | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu Inverse (.dropdown-menu-header-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu (.dropdown-menu-header) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu (.dropdown-menu-header) | |
| ----------------------------------------------------------------------------- */ | |
| .dropdown-menu-header { | |
| padding-top: 0.55rem; | |
| padding-bottom: 0.55rem; | |
| padding-left: 1.1rem; | |
| padding-right: 1.1rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu (.dropdown-menu-header) | |
| ----------------------------------------------------------------------------- */ | |
| .dropdown-menu-header { | |
| padding-top: 0.6rem; | |
| padding-bottom: 0.6rem; | |
| padding-left: 1.2rem; | |
| padding-right: 1.2rem; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Dropdown Menu (.dropdown-menu-header) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Icon | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| icon/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| icon/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Icon (.icon) | |
| ----------------------------------------------------------------------------- */ | |
| .icon { | |
| fill: currentColor; | |
| display: inline-block; | |
| vertical-align: middle; | |
| /* ----------------------------------------------------------------------------- | |
| Icon Layout | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .icon svg { | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .icon.icon-align-horizontal-center { | |
| display: block; | |
| text-align: center; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Icon Styles | |
| ----------------------------------------------------------------------------- */ | |
| .icon.icon-black { | |
| color: #000000; | |
| } | |
| .icon.icon-white { | |
| color: #ffffff; | |
| } | |
| .icon.icon-blue { | |
| color: #2f81f7; | |
| } | |
| .icon.icon-red { | |
| color: #f33745; | |
| } | |
| .icon.icon-orange { | |
| color: #f56753; | |
| } | |
| .icon.icon-yellow { | |
| color: #f6c846; | |
| } | |
| .icon.icon-green { | |
| color: #27c97b; | |
| } | |
| .icon.icon-purple { | |
| color: #9351e5; | |
| } | |
| .icon.icon-pink { | |
| color: #ef468b; | |
| } | |
| .icon.icon-gold { | |
| color: #b08329; | |
| } | |
| .icon.icon-cyan { | |
| color: #20d5ff; | |
| } | |
| .icon.icon-orchid { | |
| color: #c043d7; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| icon-mini/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| icon/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Icon mini (.icon-mini) | |
| ----------------------------------------------------------------------------- */ | |
| .icon-mini { | |
| width: 16px; | |
| height: 16px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon mini (.icon-mini) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon mini (.icon-mini) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon mini (.icon-mini) | |
| ----------------------------------------------------------------------------- */ | |
| .icon-mini { | |
| width: 17.6px; | |
| height: 17.6px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon mini (.icon-mini) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| icon-small/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| icon/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Icon small (.icon-small) | |
| ----------------------------------------------------------------------------- */ | |
| .icon-small { | |
| width: 24px; | |
| height: 24px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon small (.icon-small) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon small (.icon-small) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon small (.icon-small) | |
| ----------------------------------------------------------------------------- */ | |
| .icon-small { | |
| width: 26.4px; | |
| height: 26.4px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon small (.icon-small) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| icon-medium/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| icon/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Icon medium (.icon-medium) | |
| ----------------------------------------------------------------------------- */ | |
| .icon-medium { | |
| width: 32px; | |
| height: 32px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon medium (.icon-medium) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon medium (.icon-medium) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon medium (.icon-medium) | |
| ----------------------------------------------------------------------------- */ | |
| .icon-medium { | |
| width: 35.2px; | |
| height: 35.2px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon medium (.icon-medium) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| icon-large/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| icon/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Icon large (.icon-large) | |
| ----------------------------------------------------------------------------- */ | |
| .icon-large { | |
| width: 48px; | |
| height: 48px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon large (.icon-large) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon large (.icon-large) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon large (.icon-large) | |
| ----------------------------------------------------------------------------- */ | |
| .icon-large { | |
| width: 52.8px; | |
| height: 52.8px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon large (.icon-large) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| icon-jumbo/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| icon/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Icon jumbo (.icon-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| .icon-jumbo { | |
| width: 64px; | |
| height: 64px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon jumbo (.icon-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon jumbo (.icon-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon jumbo (.icon-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| .icon-jumbo { | |
| width: 70.4px; | |
| height: 70.4px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon jumbo (.icon-jumbo) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| icon-huge/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Margin | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Padding | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| icon/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Icon Huge (.icon-huge) | |
| ----------------------------------------------------------------------------- */ | |
| .icon-huge { | |
| width: 96px; | |
| height: 96px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon Huge (.icon-huge) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon Huge (.icon-huge) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon Huge (.icon-huge) | |
| ----------------------------------------------------------------------------- */ | |
| .icon-huge { | |
| width: 105.6px; | |
| height: 105.6px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Icon Huge (.icon-huge) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Media | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| media/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| media/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Image | |
| ----------------------------------------------------------------------------- */ | |
| .image-responsive { | |
| display: block; | |
| width: 100%; | |
| height: auto; | |
| } | |
| .image-border { | |
| position: relative; | |
| } | |
| .image-border:after { | |
| content: ''; | |
| display: block; | |
| width: 100%; | |
| height: 100%; | |
| position: absolute; | |
| top: 0px; | |
| left: 0px; | |
| box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1); | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| modal/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Modal | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Modal Header | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Modal body | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Modal Footer | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Modal Backdrop | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| modal/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| .modal { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| overflow: hidden; | |
| position: fixed; | |
| left: 50%; | |
| top: 50%; | |
| transform: translate3D(-50%, -50%, 0) scale(1, 1); | |
| -webkit-filter: blur(0); | |
| filter: blur(0); | |
| -webkit-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| z-index: 10001; | |
| background-color: #ffffff; | |
| box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 3px 5px 0px rgba(0, 0, 0, 0.1); | |
| width: 100%; | |
| border-radius: 0px; | |
| max-height: 95%; | |
| max-height: calc(100% - (2 * 24px)); | |
| max-width: 95%; | |
| max-width: calc(100% - (2 * 24px)); | |
| /* ----------------------------------------------------------------------------- | |
| Inline Modal | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Inline Modal | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Inverse (.modal-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal.fade { | |
| opacity: 0.0; | |
| transition: opacity 0.25s ease, margin-top 0.25s ease; | |
| margin-top: -50px; | |
| } | |
| .modal.fade.in { | |
| opacity: 1.0; | |
| margin-top: 0px; | |
| } | |
| .modal.modal-inline { | |
| position: relative; | |
| top: auto; | |
| left: auto; | |
| right: auto; | |
| bottom: auto; | |
| transform: none; | |
| z-index: auto; | |
| margin: 0 auto; | |
| } | |
| .modal .modal-header { | |
| display: block; | |
| position: relative; | |
| -ms-flex: 1; | |
| flex: 1; | |
| -ms-flex-negative: 0; | |
| flex-shrink: 0; | |
| background-color: #ffffff; | |
| box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .modal .modal-body { | |
| display: block; | |
| position: relative; | |
| -ms-flex: 1; | |
| flex: 1; | |
| overflow-y: auto; | |
| background-color: #ffffff; | |
| box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .modal .modal-footer { | |
| display: block; | |
| position: relative; | |
| -ms-flex: 1; | |
| flex: 1; | |
| -ms-flex-negative: 0; | |
| flex-shrink: 0; | |
| background-color: #ffffff; | |
| box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .modal.modal-inverse { | |
| background-color: #282e3e; | |
| box-shadow: none; | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal.modal-inverse .modal-header { | |
| background-color: #282e3e; | |
| box-shadow: none; | |
| } | |
| .modal.modal-inverse .modal-body { | |
| background-color: #282e3e; | |
| box-shadow: none; | |
| } | |
| .modal.modal-inverse .modal-footer { | |
| background-color: #282e3e; | |
| box-shadow: none; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Modal Backdrop | |
| ----------------------------------------------------------------------------- */ | |
| .modal-backdrop { | |
| display: block; | |
| position: absolute; | |
| top: 0px; | |
| left: 0px; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 10000; | |
| background-color: rgba(20, 23, 31, 0.9); | |
| /* ----------------------------------------------------------------------------- | |
| Fade | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal-backdrop.fade { | |
| opacity: 0.0; | |
| transition: opacity 0.25s ease; | |
| } | |
| .modal-backdrop.fade.in { | |
| opacity: 1.0; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| .modal { | |
| width: 350px; | |
| border-radius: 3px; | |
| max-height: 95%; | |
| max-height: calc(100% - (2 * 24px)); | |
| max-width: 95%; | |
| max-width: calc(100% - (2 * 24px)); | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal .modal-header { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .modal .modal-body { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .modal .modal-footer { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| .modal { | |
| width: 450px; | |
| max-height: 95%; | |
| max-height: calc(100% - (2 * 32px)); | |
| max-width: 95%; | |
| max-width: calc(100% - (2 * 32px)); | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal .modal-header { | |
| padding-top: 32px; | |
| padding-bottom: 32px; | |
| padding-left: 32px; | |
| padding-right: 32px; | |
| } | |
| .modal .modal-body { | |
| padding-top: 32px; | |
| padding-bottom: 32px; | |
| padding-left: 32px; | |
| padding-right: 32px; | |
| } | |
| .modal .modal-footer { | |
| padding-top: 32px; | |
| padding-bottom: 32px; | |
| padding-left: 32px; | |
| padding-right: 32px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| .modal { | |
| width: 500px; | |
| max-height: 95%; | |
| max-height: calc(100% - (2 * 36px)); | |
| max-width: 95%; | |
| max-width: calc(100% - (2 * 36px)); | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal .modal-header { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| .modal .modal-body { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| .modal .modal-footer { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| .modal { | |
| width: 550px; | |
| max-height: 95%; | |
| max-height: calc(100% - (2 * 36px)); | |
| max-width: 95%; | |
| max-width: calc(100% - (2 * 36px)); | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal .modal-header { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| .modal .modal-body { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| .modal .modal-footer { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| modal/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Modal | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Modal Header | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Modal Body | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Modal Footer | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| modal-small/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| .modal.modal-small { | |
| width: 100%; | |
| border-radius: 3px; | |
| max-height: calc(100% - (2 * 24px)); | |
| max-width: calc(100% - (2 * 24px)); | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal.modal-small .modal-small-header { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .modal.modal-small .modal-small-body { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .modal.modal-small .modal-small-footer { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| .modal.modal-small { | |
| width: 350px; | |
| max-height: calc(100% - (2 * 24px)); | |
| max-width: calc(100% - (2 * 24px)); | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal.modal-small .modal-small-header { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .modal.modal-small .modal-small-body { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .modal.modal-small .modal-small-footer { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| .modal.modal-small { | |
| width: 350px; | |
| max-height: calc(100% - (2 * 32px)); | |
| max-width: calc(100% - (2 * 32px)); | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal.modal-small .modal-small-header { | |
| padding-top: 32px; | |
| padding-bottom: 32px; | |
| padding-left: 32px; | |
| padding-right: 32px; | |
| } | |
| .modal.modal-small .modal-small-body { | |
| padding-top: 32px; | |
| padding-bottom: 32px; | |
| padding-left: 32px; | |
| padding-right: 32px; | |
| } | |
| .modal.modal-small .modal-small-footer { | |
| padding-top: 32px; | |
| padding-bottom: 32px; | |
| padding-left: 32px; | |
| padding-right: 32px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| .modal.modal-small { | |
| width: 350px; | |
| max-height: calc(100% - (2 * 36px)); | |
| max-width: calc(100% - (2 * 36px)); | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal.modal-small .modal-small-header { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| .modal.modal-small .modal-small-body { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| .modal.modal-small .modal-small-footer { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| .modal.modal-small { | |
| width: 350px; | |
| max-height: calc(100% - (2 * 36px)); | |
| max-width: calc(100% - (2 * 36px)); | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal.modal-small .modal-small-header { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| .modal.modal-small .modal-small-body { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| .modal.modal-small .modal-small-footer { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| modal/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Modal | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Modal Header | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Modal Body | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Modal Footer | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| modal-large/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| .modal.modal-large { | |
| width: 100%; | |
| border-radius: 3px; | |
| max-height: calc(100% - (2 * 24px)); | |
| max-width: calc(100% - (2 * 24px)); | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal.modal-large .modal-large-header { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .modal.modal-large .modal-large-body { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .modal.modal-large .modal-large-footer { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| .modal.modal-large { | |
| width: 400px; | |
| max-height: calc(100% - (2 * 24px)); | |
| max-width: calc(100% - (2 * 24px)); | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal.modal-large .modal-large-header { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .modal.modal-large .modal-large-body { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .modal.modal-large .modal-large-footer { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| .modal.modal-large { | |
| width: 600px; | |
| max-height: calc(100% - (2 * 32px)); | |
| max-width: calc(100% - (2 * 32px)); | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal.modal-large .modal-large-header { | |
| padding-top: 32px; | |
| padding-bottom: 32px; | |
| padding-left: 32px; | |
| padding-right: 32px; | |
| } | |
| .modal.modal-large .modal-large-body { | |
| padding-top: 32px; | |
| padding-bottom: 32px; | |
| padding-left: 32px; | |
| padding-right: 32px; | |
| } | |
| .modal.modal-large .modal-large-footer { | |
| padding-top: 32px; | |
| padding-bottom: 32px; | |
| padding-left: 32px; | |
| padding-right: 32px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| .modal.modal-large { | |
| width: 700px; | |
| max-height: calc(100% - (2 * 36px)); | |
| max-width: calc(100% - (2 * 36px)); | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal.modal-large .modal-large-header { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| .modal.modal-large .modal-large-body { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| .modal.modal-large .modal-large-footer { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Modal | |
| ----------------------------------------------------------------------------- */ | |
| .modal.modal-large { | |
| width: 800px; | |
| max-height: calc(100% - (2 * 36px)); | |
| max-width: calc(100% - (2 * 36px)); | |
| /* ----------------------------------------------------------------------------- | |
| Modal Header | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Body | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Modal Footer | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .modal.modal-large .modal-large-header { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| .modal.modal-large .modal-large-body { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| .modal.modal-large .modal-large-footer { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Panel | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| panel/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Panel | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Panel Header | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Panel Body | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Panel Footer | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Panel Cell | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout (Default) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout (Short) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout (Shorter) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout (Tall) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout (Taller) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout (Narrow) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout (Narrower) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout (Wide) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout (Wider) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| panel/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Panel | |
| ----------------------------------------------------------------------------- */ | |
| .panel { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| overflow: hidden; | |
| position: relative; | |
| background-color: #ffffff; | |
| box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); | |
| border-radius: 3px; | |
| /* ----------------------------------------------------------------------------- | |
| Panel Inverse (.panel-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .panel.panel-inverse { | |
| background-color: #2d3446; | |
| box-shadow: none; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Panel | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Panel | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Panel | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Panel | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| panel-cell/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Responsive Scaling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Layout | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout (Default) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| panel-cell/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Panel Cell | |
| ----------------------------------------------------------------------------- */ | |
| .panel-cell { | |
| display: block; | |
| -ms-flex: 1; | |
| flex: 1; | |
| -ms-flex-negative: 0; | |
| flex-shrink: 0; | |
| border-bottom-width: 1px; | |
| border-bottom-color: rgba(0, 0, 0, 0.1); | |
| border-bottom-style: solid; | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| /* ----------------------------------------------------------------------------- | |
| Panel Cell Inverse (.panel-cell-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Panel Cell Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .panel-cell:last-child { | |
| border-bottom: none; | |
| } | |
| .panel-cell.panel-cell-borderless { | |
| border: none; | |
| } | |
| .panel-cell.panel-cell-inverse { | |
| border-bottom-color: rgba(255, 255, 255, 0.1); | |
| box-shadow: none; | |
| } | |
| .panel-cell-shorter { | |
| padding-top: 6px; | |
| padding-bottom: 6px; | |
| } | |
| .panel-cell-shorter-top, | |
| .panel-cell-shorter-top { | |
| padding-top: 6px; | |
| } | |
| .panel-cell-shorter-bottom, | |
| .panel-cell-shorter-bottom { | |
| padding-bottom: 6px; | |
| } | |
| .panel-cell-short { | |
| padding-top: 12px; | |
| padding-bottom: 12px; | |
| } | |
| .panel-cell-short-top, | |
| .panel-cell-short-top { | |
| padding-top: 12px; | |
| } | |
| .panel-cell-short-bottom, | |
| .panel-cell-short-bottom { | |
| padding-bottom: 12px; | |
| } | |
| .panel-cell-tall { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| } | |
| .panel-cell-tall-top, | |
| .panel-cell-tall-top { | |
| padding-top: 36px; | |
| } | |
| .panel-cell-tall-bottom, | |
| .panel-cell-tall-bottom { | |
| padding-bottom: 36px; | |
| } | |
| .panel-cell-taller { | |
| padding-top: 48px; | |
| padding-bottom: 48px; | |
| } | |
| .panel-cell-taller-top, | |
| .panel-cell-taller-top { | |
| padding-top: 48px; | |
| } | |
| .panel-cell-taller-bottom, | |
| .panel-cell-taller-bottom { | |
| padding-bottom: 48px; | |
| } | |
| .panel-cell-narrower { | |
| padding-left: 6px; | |
| padding-right: 6px; | |
| } | |
| .panel-cell-narrower-left, | |
| .panel-cell-narrower-left { | |
| padding-left: 6px; | |
| } | |
| .panel-cell-narrower-right, | |
| .panel-cell-narrower-right { | |
| padding-right: 6px; | |
| } | |
| .panel-cell-narrow { | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| } | |
| .panel-cell-narrow-left, | |
| .panel-cell-narrow-left { | |
| padding-left: 12px; | |
| } | |
| .panel-cell-narrow-right, | |
| .panel-cell-narrow-right { | |
| padding-right: 12px; | |
| } | |
| .panel-cell-wide { | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| .panel-cell-wide-left, | |
| .panel-cell-wide-left { | |
| padding-left: 36px; | |
| } | |
| .panel-cell-wide-right, | |
| .panel-cell-wide-right { | |
| padding-right: 36px; | |
| } | |
| .panel-cell-wider { | |
| padding-left: 48px; | |
| padding-right: 48px; | |
| } | |
| .panel-cell-wider-left, | |
| .panel-cell-wider-left { | |
| padding-left: 48px; | |
| } | |
| .panel-cell-wider-right, | |
| .panel-cell-wider-right { | |
| padding-right: 48px; | |
| } | |
| [class^="panel-cell"].flush, | |
| [class*=" panel-cell"].flush { | |
| padding-top: 0px; | |
| padding-bottom: 0px; | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| [class^="panel-cell"].flush-vertical, | |
| [class*=" panel-cell"].flush-vertical { | |
| padding-top: 0px; | |
| padding-bottom: 0px; | |
| } | |
| [class^="panel-cell"].flush-horizontal, | |
| [class*=" panel-cell"].flush-horizontal { | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| [class^="panel-cell"].flush-top, | |
| [class*=" panel-cell"].flush-top { | |
| padding-top: 0px; | |
| } | |
| [class^="panel-cell"].flush-bottom, | |
| [class*=" panel-cell"].flush-bottom { | |
| padding-bottom: 0px; | |
| } | |
| [class^="panel-cell"].flush-left, | |
| [class*=" panel-cell"].flush-left { | |
| padding-left: 0px; | |
| } | |
| [class^="panel-cell"].flush-right, | |
| [class*=" panel-cell"].flush-right { | |
| padding-right: 0px; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| /* ----------------------------------------------------------------------------- | |
| Panel Cell | |
| ----------------------------------------------------------------------------- */ | |
| .panel-cell { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| /* ----------------------------------------------------------------------------- | |
| Panel Cell Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .panel-cell-shorter { | |
| padding-top: 6px; | |
| padding-bottom: 6px; | |
| } | |
| .panel-cell-shorter-top, | |
| .panel-cell-shorter-top-screen-small { | |
| padding-top: 6px; | |
| } | |
| .panel-cell-shorter-bottom, | |
| .panel-cell-shorter-bottom-screen-small { | |
| padding-bottom: 6px; | |
| } | |
| .panel-cell-short { | |
| padding-top: 12px; | |
| padding-bottom: 12px; | |
| } | |
| .panel-cell-short-top, | |
| .panel-cell-short-top-screen-small { | |
| padding-top: 12px; | |
| } | |
| .panel-cell-short-bottom, | |
| .panel-cell-short-bottom-screen-small { | |
| padding-bottom: 12px; | |
| } | |
| .panel-cell-tall { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| } | |
| .panel-cell-tall-top, | |
| .panel-cell-tall-top-screen-small { | |
| padding-top: 36px; | |
| } | |
| .panel-cell-tall-bottom, | |
| .panel-cell-tall-bottom-screen-small { | |
| padding-bottom: 36px; | |
| } | |
| .panel-cell-taller { | |
| padding-top: 48px; | |
| padding-bottom: 48px; | |
| } | |
| .panel-cell-taller-top, | |
| .panel-cell-taller-top-screen-small { | |
| padding-top: 48px; | |
| } | |
| .panel-cell-taller-bottom, | |
| .panel-cell-taller-bottom-screen-small { | |
| padding-bottom: 48px; | |
| } | |
| .panel-cell-narrower { | |
| padding-left: 6px; | |
| padding-right: 6px; | |
| } | |
| .panel-cell-narrower-left, | |
| .panel-cell-narrower-left-screen-small { | |
| padding-left: 6px; | |
| } | |
| .panel-cell-narrower-right, | |
| .panel-cell-narrower-right-screen-small { | |
| padding-right: 6px; | |
| } | |
| .panel-cell-narrow { | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| } | |
| .panel-cell-narrow-left, | |
| .panel-cell-narrow-left-screen-small { | |
| padding-left: 12px; | |
| } | |
| .panel-cell-narrow-right, | |
| .panel-cell-narrow-right-screen-small { | |
| padding-right: 12px; | |
| } | |
| .panel-cell-wide { | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| } | |
| .panel-cell-wide-left, | |
| .panel-cell-wide-left-screen-small { | |
| padding-left: 36px; | |
| } | |
| .panel-cell-wide-right, | |
| .panel-cell-wide-right-screen-small { | |
| padding-right: 36px; | |
| } | |
| .panel-cell-wider { | |
| padding-left: 48px; | |
| padding-right: 48px; | |
| } | |
| .panel-cell-wider-left, | |
| .panel-cell-wider-left-screen-small { | |
| padding-left: 48px; | |
| } | |
| .panel-cell-wider-right, | |
| .panel-cell-wider-right-screen-small { | |
| padding-right: 48px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| /* ----------------------------------------------------------------------------- | |
| Panel Cell | |
| ----------------------------------------------------------------------------- */ | |
| .panel-cell { | |
| padding-top: 32px; | |
| padding-bottom: 32px; | |
| padding-left: 32px; | |
| padding-right: 32px; | |
| /* ----------------------------------------------------------------------------- | |
| Panel Cell Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .panel-cell-shorter { | |
| padding-top: 8px; | |
| padding-bottom: 8px; | |
| } | |
| .panel-cell-shorter-top, | |
| .panel-cell-shorter-top-screen-medium { | |
| padding-top: 8px; | |
| } | |
| .panel-cell-shorter-bottom, | |
| .panel-cell-shorter-bottom-screen-medium { | |
| padding-bottom: 8px; | |
| } | |
| .panel-cell-short { | |
| padding-top: 16px; | |
| padding-bottom: 16px; | |
| } | |
| .panel-cell-short-top, | |
| .panel-cell-short-top-screen-medium { | |
| padding-top: 16px; | |
| } | |
| .panel-cell-short-bottom, | |
| .panel-cell-short-bottom-screen-medium { | |
| padding-bottom: 16px; | |
| } | |
| .panel-cell-tall { | |
| padding-top: 48px; | |
| padding-bottom: 48px; | |
| } | |
| .panel-cell-tall-top, | |
| .panel-cell-tall-top-screen-medium { | |
| padding-top: 48px; | |
| } | |
| .panel-cell-tall-bottom, | |
| .panel-cell-tall-bottom-screen-medium { | |
| padding-bottom: 48px; | |
| } | |
| .panel-cell-taller { | |
| padding-top: 64px; | |
| padding-bottom: 64px; | |
| } | |
| .panel-cell-taller-top, | |
| .panel-cell-taller-top-screen-medium { | |
| padding-top: 64px; | |
| } | |
| .panel-cell-taller-bottom, | |
| .panel-cell-taller-bottom-screen-medium { | |
| padding-bottom: 64px; | |
| } | |
| .panel-cell-narrower { | |
| padding-left: 8px; | |
| padding-right: 8px; | |
| } | |
| .panel-cell-narrower-left, | |
| .panel-cell-narrower-left-screen-medium { | |
| padding-left: 8px; | |
| } | |
| .panel-cell-narrower-right, | |
| .panel-cell-narrower-right-screen-medium { | |
| padding-right: 8px; | |
| } | |
| .panel-cell-narrow { | |
| padding-left: 16px; | |
| padding-right: 16px; | |
| } | |
| .panel-cell-narrow-left, | |
| .panel-cell-narrow-left-screen-medium { | |
| padding-left: 16px; | |
| } | |
| .panel-cell-narrow-right, | |
| .panel-cell-narrow-right-screen-medium { | |
| padding-right: 16px; | |
| } | |
| .panel-cell-wide { | |
| padding-left: 48px; | |
| padding-right: 48px; | |
| } | |
| .panel-cell-wide-left, | |
| .panel-cell-wide-left-screen-medium { | |
| padding-left: 48px; | |
| } | |
| .panel-cell-wide-right, | |
| .panel-cell-wide-right-screen-medium { | |
| padding-right: 48px; | |
| } | |
| .panel-cell-wider { | |
| padding-left: 64px; | |
| padding-right: 64px; | |
| } | |
| .panel-cell-wider-left, | |
| .panel-cell-wider-left-screen-medium { | |
| padding-left: 64px; | |
| } | |
| .panel-cell-wider-right, | |
| .panel-cell-wider-right-screen-medium { | |
| padding-right: 64px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| /* ----------------------------------------------------------------------------- | |
| Panel Cell | |
| ----------------------------------------------------------------------------- */ | |
| .panel-cell { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| /* ----------------------------------------------------------------------------- | |
| Panel Cell Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .panel-cell-shorter { | |
| padding-top: 9px; | |
| padding-bottom: 9px; | |
| } | |
| .panel-cell-shorter-top, | |
| .panel-cell-shorter-top-screen-large { | |
| padding-top: 9px; | |
| } | |
| .panel-cell-shorter-bottom, | |
| .panel-cell-shorter-bottom-screen-large { | |
| padding-bottom: 9px; | |
| } | |
| .panel-cell-short { | |
| padding-top: 18px; | |
| padding-bottom: 18px; | |
| } | |
| .panel-cell-short-top, | |
| .panel-cell-short-top-screen-large { | |
| padding-top: 18px; | |
| } | |
| .panel-cell-short-bottom, | |
| .panel-cell-short-bottom-screen-large { | |
| padding-bottom: 18px; | |
| } | |
| .panel-cell-tall { | |
| padding-top: 54px; | |
| padding-bottom: 54px; | |
| } | |
| .panel-cell-tall-top, | |
| .panel-cell-tall-top-screen-large { | |
| padding-top: 54px; | |
| } | |
| .panel-cell-tall-bottom, | |
| .panel-cell-tall-bottom-screen-large { | |
| padding-bottom: 54px; | |
| } | |
| .panel-cell-taller { | |
| padding-top: 72px; | |
| padding-bottom: 72px; | |
| } | |
| .panel-cell-taller-top, | |
| .panel-cell-taller-top-screen-large { | |
| padding-top: 72px; | |
| } | |
| .panel-cell-taller-bottom, | |
| .panel-cell-taller-bottom-screen-large { | |
| padding-bottom: 72px; | |
| } | |
| .panel-cell-narrower { | |
| padding-left: 9px; | |
| padding-right: 9px; | |
| } | |
| .panel-cell-narrower-left, | |
| .panel-cell-narrower-left-screen-large { | |
| padding-left: 9px; | |
| } | |
| .panel-cell-narrower-right, | |
| .panel-cell-narrower-right-screen-large { | |
| padding-right: 9px; | |
| } | |
| .panel-cell-narrow { | |
| padding-left: 18px; | |
| padding-right: 18px; | |
| } | |
| .panel-cell-narrow-left, | |
| .panel-cell-narrow-left-screen-large { | |
| padding-left: 18px; | |
| } | |
| .panel-cell-narrow-right, | |
| .panel-cell-narrow-right-screen-large { | |
| padding-right: 18px; | |
| } | |
| .panel-cell-wide { | |
| padding-left: 54px; | |
| padding-right: 54px; | |
| } | |
| .panel-cell-wide-left, | |
| .panel-cell-wide-left-screen-large { | |
| padding-left: 54px; | |
| } | |
| .panel-cell-wide-right, | |
| .panel-cell-wide-right-screen-large { | |
| padding-right: 54px; | |
| } | |
| .panel-cell-wider { | |
| padding-left: 72px; | |
| padding-right: 72px; | |
| } | |
| .panel-cell-wider-left, | |
| .panel-cell-wider-left-screen-large { | |
| padding-left: 72px; | |
| } | |
| .panel-cell-wider-right, | |
| .panel-cell-wider-right-screen-large { | |
| padding-right: 72px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| /* ----------------------------------------------------------------------------- | |
| Panel Cell | |
| ----------------------------------------------------------------------------- */ | |
| .panel-cell { | |
| padding-top: 36px; | |
| padding-bottom: 36px; | |
| padding-left: 36px; | |
| padding-right: 36px; | |
| /* ----------------------------------------------------------------------------- | |
| Panel Cell Layout Variants | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| .panel-cell-shorter { | |
| padding-top: 9px; | |
| padding-bottom: 9px; | |
| } | |
| .panel-cell-shorter-top, | |
| .panel-cell-shorter-top-screen-jumbo { | |
| padding-top: 9px; | |
| } | |
| .panel-cell-shorter-bottom, | |
| .panel-cell-shorter-bottom-screen-jumbo { | |
| padding-bottom: 9px; | |
| } | |
| .panel-cell-short { | |
| padding-top: 18px; | |
| padding-bottom: 18px; | |
| } | |
| .panel-cell-short-top, | |
| .panel-cell-short-top-screen-jumbo { | |
| padding-top: 18px; | |
| } | |
| .panel-cell-short-bottom, | |
| .panel-cell-short-bottom-screen-jumbo { | |
| padding-bottom: 18px; | |
| } | |
| .panel-cell-tall { | |
| padding-top: 54px; | |
| padding-bottom: 54px; | |
| } | |
| .panel-cell-tall-top, | |
| .panel-cell-tall-top-screen-jumbo { | |
| padding-top: 54px; | |
| } | |
| .panel-cell-tall-bottom, | |
| .panel-cell-tall-bottom-screen-jumbo { | |
| padding-bottom: 54px; | |
| } | |
| .panel-cell-taller { | |
| padding-top: 72px; | |
| padding-bottom: 72px; | |
| } | |
| .panel-cell-taller-top, | |
| .panel-cell-taller-top-screen-jumbo { | |
| padding-top: 72px; | |
| } | |
| .panel-cell-taller-bottom, | |
| .panel-cell-taller-bottom-screen-jumbo { | |
| padding-bottom: 72px; | |
| } | |
| .panel-cell-narrower { | |
| padding-left: 9px; | |
| padding-right: 9px; | |
| } | |
| .panel-cell-narrower-left, | |
| .panel-cell-narrower-left-screen-jumbo { | |
| padding-left: 9px; | |
| } | |
| .panel-cell-narrower-right, | |
| .panel-cell-narrower-right-screen-jumbo { | |
| padding-right: 9px; | |
| } | |
| .panel-cell-narrow { | |
| padding-left: 18px; | |
| padding-right: 18px; | |
| } | |
| .panel-cell-narrow-left, | |
| .panel-cell-narrow-left-screen-jumbo { | |
| padding-left: 18px; | |
| } | |
| .panel-cell-narrow-right, | |
| .panel-cell-narrow-right-screen-jumbo { | |
| padding-right: 18px; | |
| } | |
| .panel-cell-wide { | |
| padding-left: 54px; | |
| padding-right: 54px; | |
| } | |
| .panel-cell-wide-left, | |
| .panel-cell-wide-left-screen-jumbo { | |
| padding-left: 54px; | |
| } | |
| .panel-cell-wide-right, | |
| .panel-cell-wide-right-screen-jumbo { | |
| padding-right: 54px; | |
| } | |
| .panel-cell-wider { | |
| padding-left: 72px; | |
| padding-right: 72px; | |
| } | |
| .panel-cell-wider-left, | |
| .panel-cell-wider-left-screen-jumbo { | |
| padding-left: 72px; | |
| } | |
| .panel-cell-wider-right, | |
| .panel-cell-wider-right-screen-jumbo { | |
| padding-right: 72px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| panel-cell-light-inverse/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| panel-cell-light/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Panel Cell (Light) | |
| ----------------------------------------------------------------------------- */ | |
| .panel-cell-light { | |
| background-color: #f5f5f6; | |
| border-bottom-width: 1px; | |
| border-bottom-color: rgba(0, 0, 0, 0.1); | |
| border-bottom-style: solid; | |
| /* ----------------------------------------------------------------------------- | |
| Panel Cell Inverse (.panel-cell-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| panel-cell-dark-inverse/variables.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Styling | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| panel-cell-dark/styles.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Panel Cell (Dark) | |
| ----------------------------------------------------------------------------- */ | |
| .panel-cell-dark { | |
| background-color: #282e3e; | |
| border-bottom-width: 0px; | |
| /* ----------------------------------------------------------------------------- | |
| Panel Cell Inverse (.panel-cell-inverse) | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| foundation.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| html, | |
| body { | |
| width: 100%; | |
| height: 100%; | |
| margin: 0px; | |
| overflow: visible; | |
| } | |
| body { | |
| overflow-x: visible; | |
| } | |
| .canvas { | |
| height: 100%; | |
| overflow: hidden; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| sidebar.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| .sidebar { | |
| background: #191d27; | |
| box-shadow: 1px 0px 0px 0px rgba(50, 58, 78, 0.1); | |
| } | |
| /* --------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------*/ | |
| /* --------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------*/ | |
| @media (min-width: 768px) { | |
| .sidebar { | |
| -ms-flex-preferred-size: 200px; | |
| flex-basis: 200px; | |
| } | |
| } | |
| /* --------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------*/ | |
| /* --------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------*/ | |
| @media (min-width: 1400px) { | |
| .sidebar { | |
| -ms-flex-preferred-size: 250px; | |
| flex-basis: 250px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| header.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Header Logo | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Text Size | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Header Logo Image | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Header | |
| ----------------------------------------------------------------------------- */ | |
| .header { | |
| *zoom: 1; | |
| position: relative; | |
| width: 100%; | |
| z-index: 1000; | |
| /* --------------------------------------------------------------------------- | |
| Header Logo | |
| ----------------------------------------------------------------------------*/ | |
| /* ------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ---------------------------------------------------------------------------*/ | |
| /* ------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| --------------------------------------------------------------------------*/ | |
| /* ------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| --------------------------------------------------------------------------*/ | |
| /* ------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| --------------------------------------------------------------------------*/ | |
| /* ------------------------------------------------------------------------- | |
| Screen Resolution: 2x | |
| --------------------------------------------------------------------------*/ | |
| } | |
| .header:before, | |
| .header:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .header:after { | |
| clear: both; | |
| } | |
| .header .header-logo { | |
| display: block; | |
| width: auto; | |
| width: 62px; | |
| height: 16px; | |
| background-image: url("../images/layout/header/header-logo.png?cache=772007139"); | |
| background-size: 100% 100%; | |
| color: #ffffff; | |
| font-weight: 500; | |
| text-transform: uppercase; | |
| text-decoration: none; | |
| font-size: 2rem; | |
| line-height: 2rem; | |
| text-align: center; | |
| margin: 0 auto; | |
| } | |
| .header .header-logo a { | |
| display: block; | |
| width: auto; | |
| width: 100%; | |
| height: 100%; | |
| color: #ffffff; | |
| font-weight: 500; | |
| text-transform: uppercase; | |
| text-decoration: none; | |
| } | |
| .header .header-logo a span { | |
| display: none; | |
| } | |
| @media (min-width: 480px) { | |
| .header { | |
| /* ----------------------------------------------------------------------- | |
| Header Logo | |
| ------------------------------------------------------------------------*/ | |
| } | |
| .header .header-logo { | |
| width: 62px; | |
| height: 16px; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .header { | |
| /* ----------------------------------------------------------------------- | |
| Header Logo | |
| ------------------------------------------------------------------------*/ | |
| } | |
| .header .header-logo { | |
| width: 62px; | |
| height: 16px; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .header { | |
| /* ----------------------------------------------------------------------- | |
| Header Logo | |
| ------------------------------------------------------------------------*/ | |
| } | |
| .header .header-logo { | |
| width: 77.5px; | |
| height: 20px; | |
| } | |
| } | |
| @media (min-width: 1400px) { | |
| .header { | |
| /* ----------------------------------------------------------------------- | |
| Header Logo | |
| ------------------------------------------------------------------------*/ | |
| } | |
| .header .header-logo { | |
| width: 77.5px; | |
| height: 20px; | |
| } | |
| } | |
| @media only screen and (-webkit-min-device-pixel-ratio: 2) { | |
| .header { | |
| /* ----------------------------------------------------------------------- | |
| Header Logo | |
| ------------------------------------------------------------------------*/ | |
| } | |
| .header .header-logo { | |
| background-image: url("../images/layout/header/[email protected]?cache=616259284"); | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| footer.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| .footer { | |
| display: none; | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| sidebar.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| .navigation { | |
| position: fixed; | |
| left: -100%; | |
| width: 100%; | |
| } | |
| .navigation ul.sidebar-menu { | |
| *zoom: 1; | |
| margin-bottom: 0px; | |
| } | |
| .navigation ul.sidebar-menu:before, | |
| .navigation ul.sidebar-menu:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .navigation ul.sidebar-menu:after { | |
| clear: both; | |
| } | |
| .navigation ul.sidebar-menu li { | |
| display: block; | |
| font-size: 1rem; | |
| line-height: 1rem; | |
| margin-top: 0px; | |
| margin-bottom: 0px; | |
| margin-left: -12px; | |
| margin-right: -12px; | |
| padding-top: 14px; | |
| padding-bottom: 14px; | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| color: #d6d8dc; | |
| font-weight: 600; | |
| background-color: #191d27; | |
| } | |
| .navigation ul.sidebar-menu li:first-child { | |
| margin-top: 0px; | |
| } | |
| .navigation ul.sidebar-menu li a { | |
| display: block; | |
| text-decoration: none !important; | |
| margin-top: -14px; | |
| margin-bottom: -14px; | |
| margin-left: -12px; | |
| margin-right: -12px; | |
| padding-top: 14px; | |
| padding-bottom: 14px; | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| color: #d6d8dc; | |
| background-color: #191d27; | |
| } | |
| .navigation ul.sidebar-menu li a:hover { | |
| color: #ffffff; | |
| background-color: #1e232f; | |
| } | |
| .navigation ul.sidebar-menu li a:active { | |
| color: #c2c4ca; | |
| background-color: #1c202b; | |
| } | |
| .navigation ul.sidebar-menu li.selected:not(.open) { | |
| background-color: #323a4e; | |
| } | |
| .navigation ul.sidebar-menu li.selected, | |
| .navigation ul.sidebar-menu li.selected.open { | |
| color: #ffffff; | |
| } | |
| .navigation ul.sidebar-menu li.selected > a, | |
| .navigation ul.sidebar-menu li.selected.open > a, | |
| .navigation ul.sidebar-menu li.selected > a:hover, | |
| .navigation ul.sidebar-menu li.selected.open > a:hover, | |
| .navigation ul.sidebar-menu li.selected > a:active, | |
| .navigation ul.sidebar-menu li.selected.open > a:active { | |
| color: #ffffff; | |
| background-color: #9351e5; | |
| } | |
| .navigation ul.sidebar-menu li.open { | |
| background-color: #232937; | |
| color: #ffffff; | |
| } | |
| .navigation ul.sidebar-menu li.open > a { | |
| color: #ffffff; | |
| background-color: #282e3e; | |
| } | |
| .navigation ul.sidebar-menu li.open > ul { | |
| margin-top: 21px; | |
| margin-bottom: -7px; | |
| } | |
| .navigation ul.sidebar-menu li.open > ul li { | |
| display: block; | |
| font-size: 0.9rem; | |
| line-height: 1rem; | |
| margin-top: 0px; | |
| margin-bottom: 0px; | |
| margin-left: -12px; | |
| margin-right: -12px; | |
| padding-top: 8.4px; | |
| padding-bottom: 8.4px; | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| color: #adb0b8; | |
| font-weight: 500; | |
| text-transform: none; | |
| background-color: #232937; | |
| } | |
| .navigation ul.sidebar-menu li.open > ul li.selected > a, | |
| .navigation ul.sidebar-menu li.open > ul li.selected > a:hover, | |
| .navigation ul.sidebar-menu li.open > ul li.selected > a:active { | |
| color: #ffffff; | |
| background-color: #9351e5; | |
| } | |
| .navigation ul.sidebar-menu li.open > ul li > a { | |
| display: block; | |
| text-decoration: none !important; | |
| margin-top: -8.4px; | |
| margin-bottom: -8.4px; | |
| margin-left: -12px; | |
| margin-right: -12px; | |
| padding-top: 8.4px; | |
| padding-bottom: 8.4px; | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| color: #adb0b8; | |
| background-color: #232937; | |
| } | |
| .navigation ul.sidebar-menu li.open > ul li > a:hover { | |
| color: #d6d8dc; | |
| background-color: #2d3446; | |
| } | |
| .navigation ul.sidebar-menu li.open > ul li > a:active { | |
| color: #adb0b8; | |
| background-color: #282e3e; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 480px) { | |
| .navigation ul.sidebar-menu li { | |
| margin-left: -12px; | |
| margin-right: -12px; | |
| padding-top: 14px; | |
| padding-bottom: 14px; | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| } | |
| .navigation ul.sidebar-menu li a { | |
| margin-top: -14px; | |
| margin-bottom: -14px; | |
| margin-left: -12px; | |
| margin-right: -12px; | |
| padding-top: 14px; | |
| padding-bottom: 14px; | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| } | |
| .navigation ul.sidebar-menu > li.open > ul { | |
| margin-top: 21px; | |
| margin-bottom: -7px; | |
| } | |
| .navigation ul.sidebar-menu > li.open > ul li { | |
| margin-left: -12px; | |
| margin-right: -12px; | |
| padding-top: 8.4px; | |
| padding-bottom: 8.4px; | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| } | |
| .navigation ul.sidebar-menu > li.open > ul li a { | |
| margin-top: -8.4px; | |
| margin-bottom: -8.4px; | |
| margin-left: -12px; | |
| margin-right: -12px; | |
| padding-top: 8.4px; | |
| padding-bottom: 8.4px; | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| .navigation { | |
| position: relative; | |
| width: auto; | |
| left: auto; | |
| } | |
| .navigation ul.sidebar-menu li { | |
| margin-left: -16px; | |
| margin-right: -16px; | |
| padding-top: 14px; | |
| padding-bottom: 14px; | |
| padding-left: 16px; | |
| padding-right: 16px; | |
| } | |
| .navigation ul.sidebar-menu li a { | |
| margin-top: -14px; | |
| margin-bottom: -14px; | |
| margin-left: -16px; | |
| margin-right: -16px; | |
| padding-top: 14px; | |
| padding-bottom: 14px; | |
| padding-left: 16px; | |
| padding-right: 16px; | |
| } | |
| .navigation ul.sidebar-menu > li.open > ul { | |
| margin-top: 21px; | |
| margin-bottom: -7px; | |
| } | |
| .navigation ul.sidebar-menu > li.open > ul li { | |
| margin-left: -16px; | |
| margin-right: -16px; | |
| padding-top: 8.4px; | |
| padding-bottom: 8.4px; | |
| padding-left: 16px; | |
| padding-right: 16px; | |
| } | |
| .navigation ul.sidebar-menu > li.open > ul li a { | |
| margin-top: -8.4px; | |
| margin-bottom: -8.4px; | |
| margin-left: -16px; | |
| margin-right: -16px; | |
| padding-top: 8.4px; | |
| padding-bottom: 8.4px; | |
| padding-left: 16px; | |
| padding-right: 16px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 992px) { | |
| .navigation ul.sidebar-menu li { | |
| margin-left: -18px; | |
| margin-right: -18px; | |
| padding-top: 15.4px; | |
| padding-bottom: 15.4px; | |
| padding-left: 18px; | |
| padding-right: 18px; | |
| } | |
| .navigation ul.sidebar-menu li a { | |
| margin-top: -15.4px; | |
| margin-bottom: -15.4px; | |
| margin-left: -18px; | |
| margin-right: -18px; | |
| padding-top: 15.4px; | |
| padding-bottom: 15.4px; | |
| padding-left: 18px; | |
| padding-right: 18px; | |
| } | |
| .navigation ul.sidebar-menu > li.open > ul { | |
| margin-top: 23.1px; | |
| margin-bottom: -7.7px; | |
| } | |
| .navigation ul.sidebar-menu > li.open > ul li { | |
| margin-left: -18px; | |
| margin-right: -18px; | |
| padding-top: 9.24px; | |
| padding-bottom: 9.24px; | |
| padding-left: 18px; | |
| padding-right: 18px; | |
| } | |
| .navigation ul.sidebar-menu > li.open > ul li a { | |
| margin-top: -9.24px; | |
| margin-bottom: -9.24px; | |
| margin-left: -18px; | |
| margin-right: -18px; | |
| padding-top: 9.24px; | |
| padding-bottom: 9.24px; | |
| padding-left: 18px; | |
| padding-right: 18px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------- */ | |
| @media (min-width: 1400px) { | |
| .navigation ul.sidebar-menu li { | |
| margin-left: -24px; | |
| margin-right: -24px; | |
| padding-top: 15.4px; | |
| padding-bottom: 15.4px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .navigation ul.sidebar-menu li a { | |
| margin-top: -15.4px; | |
| margin-bottom: -15.4px; | |
| margin-left: -24px; | |
| margin-right: -24px; | |
| padding-top: 15.4px; | |
| padding-bottom: 15.4px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .navigation ul.sidebar-menu > li.open > ul { | |
| margin-top: 23.1px; | |
| margin-bottom: -7.7px; | |
| } | |
| .navigation ul.sidebar-menu > li.open > ul li { | |
| margin-left: -24px; | |
| margin-right: -24px; | |
| padding-top: 9.24px; | |
| padding-bottom: 9.24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| .navigation ul.sidebar-menu > li.open > ul li a { | |
| margin-top: -9.24px; | |
| margin-bottom: -9.24px; | |
| margin-left: -24px; | |
| margin-right: -24px; | |
| padding-top: 9.24px; | |
| padding-bottom: 9.24px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Sidebar Menu | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Responsive Scaling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Sidebar Menu Item | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Text Size | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Sidebar Menu Item Link | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Sidebar Submenu | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Sidebar Submenu Item | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Text Size | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| Sidebar Submenu Link | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| page.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| .page { | |
| overflow-y: auto; | |
| overflow-x: hidden; | |
| } | |
| /* --------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| ----------------------------------------------------------------------------*/ | |
| /* --------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| ----------------------------------------------------------------------------*/ | |
| /* --------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------*/ | |
| /* --------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------*/ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| page-header.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Page Header | |
| ----------------------------------------------------------------------------- */ | |
| .page-header { | |
| *zoom: 1; | |
| } | |
| .page-header:before, | |
| .page-header:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .page-header:after { | |
| clear: both; | |
| } | |
| .page-header .page-header-subheadline a { | |
| text-decoration: none; | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| page-navigation.less | |
| -------------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| .page-navigation { | |
| position: relative; | |
| } | |
| .page-navigation .page-navigation-sticky { | |
| height: 100%; | |
| display: block; | |
| } | |
| .page-navigation ul.page-navigation-menu { | |
| *zoom: 1; | |
| margin-bottom: 0px; | |
| } | |
| .page-navigation ul.page-navigation-menu:before, | |
| .page-navigation ul.page-navigation-menu:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .page-navigation ul.page-navigation-menu:after { | |
| clear: both; | |
| } | |
| .page-navigation ul.page-navigation-menu li { | |
| display: block; | |
| color: #5b6171; | |
| } | |
| .page-navigation ul.page-navigation-menu li:first-child { | |
| margin-top: 0px; | |
| } | |
| .page-navigation ul.page-navigation-menu li > ul { | |
| display: none; | |
| } | |
| .page-navigation ul.page-navigation-menu li a { | |
| display: block; | |
| text-decoration: none !important; | |
| color: #5b6171; | |
| } | |
| .page-navigation ul.page-navigation-menu li a:hover { | |
| color: #9351e5; | |
| } | |
| .page-navigation ul.page-navigation-menu li a:active { | |
| color: #848995; | |
| } | |
| .page-navigation ul.page-navigation-menu li.selected, | |
| .page-navigation ul.page-navigation-menu li.selected.open { | |
| color: #9351e5; | |
| } | |
| .page-navigation ul.page-navigation-menu li.selected > a, | |
| .page-navigation ul.page-navigation-menu li.selected.open > a, | |
| .page-navigation ul.page-navigation-menu li.selected > a:hover, | |
| .page-navigation ul.page-navigation-menu li.selected.open > a:hover, | |
| .page-navigation ul.page-navigation-menu li.selected > a:active, | |
| .page-navigation ul.page-navigation-menu li.selected.open > a:active { | |
| color: #9351e5; | |
| } | |
| .page-navigation ul.page-navigation-menu li.open { | |
| color: #9351e5; | |
| } | |
| .page-navigation ul.page-navigation-menu li.open > a { | |
| color: #9351e5; | |
| } | |
| .page-navigation ul.page-navigation-menu li > ul { | |
| display: block; | |
| margin-left: 16px; | |
| } | |
| .page-navigation ul.page-navigation-menu li > ul li { | |
| display: block; | |
| font-size: 0.9rem; | |
| line-height: 1rem; | |
| text-transform: none; | |
| } | |
| .page-navigation ul.page-navigation-menu li > ul li > a { | |
| display: block; | |
| text-decoration: none !important; | |
| color: #848995; | |
| } | |
| .page-navigation ul.page-navigation-menu li > ul li > a:hover { | |
| color: #9351e5; | |
| } | |
| .page-navigation ul.page-navigation-menu li > ul li > a:active { | |
| color: #adb0b8; | |
| } | |
| /* --------------------------------------------------------------------------- | |
| Screen Size: Small (@layout-screen-small-min-width) and wider | |
| --------------------------------------------------------------------------- */ | |
| /* --------------------------------------------------------------------------- | |
| Screen Size: Medium (@layout-screen-medium-min-width) and wider | |
| --------------------------------------------------------------------------- */ | |
| /* --------------------------------------------------------------------------- | |
| Screen Size: Large (@layout-screen-large-min-width) and wider | |
| ----------------------------------------------------------------------------*/ | |
| @media (min-width: 992px) { | |
| .page-navigation { | |
| -ms-flex-preferred-size: 250px; | |
| flex-basis: 250px; | |
| box-shadow: -1px 0px 0px 0px rgba(50, 58, 78, 0.1); | |
| } | |
| } | |
| /* --------------------------------------------------------------------------- | |
| Screen Size: Jumbo (@layout-screen-jumbo-min-width) and wider | |
| ----------------------------------------------------------------------------*/ | |
| @media (min-width: 1400px) { | |
| .page-navigation { | |
| -ms-flex-preferred-size: 300px; | |
| flex-basis: 300px; | |
| } | |
| } | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| page-navigation Menu | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Responsive Scaling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| page-navigation Menu Item | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Text Size | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| page-navigation Menu Item Link | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| -------------------------------------------------------------------------------- | |
| page-navigation Submenu | |
| -------------------------------------------------------------------------------- | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Styling | |
| ----------------------------------------------------------------------------- */ | |
| /* ----------------------------------------------------------------------------- | |
| Layout |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment