argob-poncho
Version:
Base de html y css para la creación de sitios pertenecientes a la Administración Pública Nacional de la República Argentina.
1 lines • 421 kB
Source Map (JSON)
{"version":3,"file":"poncho.css","sources":["poncho.scss","modules/bootstrap/_mixins.scss","modules/bootstrap/mixins/_hide-text.scss","modules/bootstrap/mixins/_opacity.scss","modules/bootstrap/mixins/_image.scss","modules/bootstrap/mixins/_labels.scss","modules/bootstrap/mixins/_reset-filter.scss","modules/bootstrap/mixins/_resize.scss","modules/bootstrap/mixins/_responsive-visibility.scss","modules/bootstrap/mixins/_size.scss","modules/bootstrap/mixins/_tab-focus.scss","modules/bootstrap/mixins/_reset-text.scss","modules/bootstrap/mixins/_text-emphasis.scss","modules/bootstrap/mixins/_text-overflow.scss","modules/bootstrap/mixins/_vendor-prefixes.scss","modules/bootstrap/mixins/_alerts.scss","modules/bootstrap/mixins/_buttons.scss","modules/bootstrap/mixins/_panels.scss","modules/bootstrap/mixins/_pagination.scss","modules/bootstrap/mixins/_list-group.scss","modules/bootstrap/mixins/_nav-divider.scss","modules/bootstrap/mixins/_forms.scss","modules/bootstrap/mixins/_progress-bar.scss","modules/bootstrap/mixins/_table-row.scss","modules/bootstrap/mixins/_background-variant.scss","modules/bootstrap/mixins/_border-radius.scss","modules/bootstrap/mixins/_gradients.scss","modules/bootstrap/mixins/_clearfix.scss","modules/bootstrap/mixins/_center-block.scss","modules/bootstrap/mixins/_nav-vertical-align.scss","modules/bootstrap/mixins/_grid-framework.scss","modules/bootstrap/mixins/_grid.scss","modules/bourbon/_bourbon.scss","modules/bourbon/settings/_prefixer.scss","modules/bourbon/settings/_px-to-em.scss","modules/bourbon/settings/_asset-pipeline.scss","modules/bourbon/functions/_assign-inputs.scss","modules/bourbon/functions/_contains.scss","modules/bourbon/functions/_contains-falsy.scss","modules/bourbon/functions/_is-length.scss","modules/bourbon/functions/_is-light.scss","modules/bourbon/functions/_is-number.scss","modules/bourbon/functions/_is-size.scss","modules/bourbon/functions/_px-to-em.scss","modules/bourbon/functions/_px-to-rem.scss","modules/bourbon/functions/_shade.scss","modules/bourbon/functions/_strip-units.scss","modules/bourbon/functions/_tint.scss","modules/bourbon/functions/_transition-property-name.scss","modules/bourbon/functions/_unpack.scss","modules/bourbon/functions/_modular-scale.scss","modules/bourbon/helpers/_convert-units.scss","modules/bourbon/helpers/_directional-values.scss","modules/bourbon/helpers/_font-source-declaration.scss","modules/bourbon/helpers/_gradient-positions-parser.scss","modules/bourbon/helpers/_linear-angle-parser.scss","modules/bourbon/helpers/_linear-gradient-parser.scss","modules/bourbon/helpers/_linear-positions-parser.scss","modules/bourbon/helpers/_linear-side-corner-parser.scss","modules/bourbon/helpers/_radial-arg-parser.scss","modules/bourbon/helpers/_radial-positions-parser.scss","modules/bourbon/helpers/_radial-gradient-parser.scss","modules/bourbon/helpers/_render-gradients.scss","modules/bourbon/helpers/_shape-size-stripper.scss","modules/bourbon/helpers/_str-to-num.scss","modules/bourbon/css3/_animation.scss","modules/bourbon/css3/_appearance.scss","modules/bourbon/css3/_backface-visibility.scss","modules/bourbon/css3/_background.scss","modules/bourbon/css3/_background-image.scss","modules/bourbon/css3/_border-image.scss","modules/bourbon/css3/_calc.scss","modules/bourbon/css3/_columns.scss","modules/bourbon/css3/_filter.scss","modules/bourbon/css3/_flex-box.scss","modules/bourbon/css3/_font-face.scss","modules/bourbon/css3/_font-feature-settings.scss","modules/bourbon/css3/_hidpi-media-query.scss","modules/bourbon/css3/_hyphens.scss","modules/bourbon/css3/_image-rendering.scss","modules/bourbon/css3/_keyframes.scss","modules/bourbon/css3/_linear-gradient.scss","modules/bourbon/css3/_perspective.scss","modules/bourbon/css3/_placeholder.scss","modules/bourbon/css3/_radial-gradient.scss","modules/bourbon/css3/_selection.scss","modules/bourbon/css3/_text-decoration.scss","modules/bourbon/css3/_transform.scss","modules/bourbon/css3/_transition.scss","modules/bourbon/css3/_user-select.scss","modules/bourbon/addons/_border-color.scss","modules/bourbon/addons/_border-radius.scss","modules/bourbon/addons/_border-style.scss","modules/bourbon/addons/_border-width.scss","modules/bourbon/addons/_buttons.scss","modules/bourbon/addons/_clearfix.scss","modules/bourbon/addons/_ellipsis.scss","modules/bourbon/addons/_font-stacks.scss","modules/bourbon/addons/_hide-text.scss","modules/bourbon/addons/_margin.scss","modules/bourbon/addons/_padding.scss","modules/bourbon/addons/_position.scss","modules/bourbon/addons/_prefixer.scss","modules/bourbon/addons/_retina-image.scss","modules/bourbon/addons/_size.scss","modules/bourbon/addons/_text-inputs.scss","modules/bourbon/addons/_timing-functions.scss","modules/bourbon/addons/_triangle.scss","modules/bourbon/addons/_word-wrap.scss","modules/bourbon/_bourbon-deprecated-upcoming.scss","modules/_variables.scss","modules/_global.scss","modules/_grid.scss","modules/_helpers.scss","modules/_typography.scss","modules/_buttons.scss","modules/_dropdowns.scss","modules/_nav.scss","modules/_footer.scss","modules/_list-group.scss","modules/_breadcrumb.scss","modules/_pagination.scss","modules/_article.scss","modules/_panel.scss","modules/_jumbotron.scss","modules/_forms.scss","modules/_social.scss","modules/_tables.scss","modules/_alerts.scss","modules/_responsive-embed.scss","modules/_calendar.scss","modules/_switch.scss","modules/_media.scss","modules/_print.scss","modules/_dashboard.scss","modules/_utilities.scss"],"sourcesContent":["/*!\r\n * Poncho v0.3.3 (https://github.com/argob/poncho)\r\n * Copyright 2016\r\n * Subsecretaría de Gobierno Digital\r\n * Presidencia de la Nación Argentina\r\n * Licenciado bajo MIT (https://github.com/argob/poncho/LICENSE)\r\n */\r\n\r\n/* Libraries */\r\n\r\n@import \"modules/bootstrap/mixins\";\r\n@import \"modules/bourbon/bourbon\";\r\n\r\n/* Resources */\r\n\r\n@import \"modules/variables\";\r\n@import \"modules/global\";\r\n@import \"modules/grid\";\r\n@import \"modules/helpers\";\r\n@import \"modules/typography\";\r\n@import \"modules/buttons\";\r\n@import \"modules/dropdowns\";\r\n@import \"modules/nav\";\r\n@import \"modules/footer\";\r\n@import \"modules/list-group\";\r\n@import \"modules/breadcrumb\";\r\n@import \"modules/pagination\";\r\n@import \"modules/article\";\r\n@import \"modules/panel\";\r\n@import \"modules/jumbotron\";\r\n@import \"modules/forms\";\r\n@import \"modules/social\";\r\n@import \"modules/tables\";\r\n@import \"modules/alerts\";\r\n@import \"modules/responsive-embed\";\r\n@import \"modules/calendar\";\r\n@import \"modules/switch\";\r\n@import \"modules/media\";\r\n@import \"modules/print\";\r\n\r\n\r\n// Charts and big numbers\r\n@import \"modules/dashboard\";\r\n\r\n// Cool stuff from Bootstrap 4\r\n@import \"modules/utilities\";\r\n","// Mixins\r\n// --------------------------------------------------\r\n\r\n// Utilities\r\n@import \"mixins/hide-text\";\r\n@import \"mixins/opacity\";\r\n@import \"mixins/image\";\r\n@import \"mixins/labels\";\r\n@import \"mixins/reset-filter\";\r\n@import \"mixins/resize\";\r\n@import \"mixins/responsive-visibility\";\r\n@import \"mixins/size\";\r\n@import \"mixins/tab-focus\";\r\n@import \"mixins/reset-text\";\r\n@import \"mixins/text-emphasis\";\r\n@import \"mixins/text-overflow\";\r\n@import \"mixins/vendor-prefixes\";\r\n\r\n// Components\r\n@import \"mixins/alerts\";\r\n@import \"mixins/buttons\";\r\n@import \"mixins/panels\";\r\n@import \"mixins/pagination\";\r\n@import \"mixins/list-group\";\r\n@import \"mixins/nav-divider\";\r\n@import \"mixins/forms\";\r\n@import \"mixins/progress-bar\";\r\n@import \"mixins/table-row\";\r\n\r\n// Skins\r\n@import \"mixins/background-variant\";\r\n@import \"mixins/border-radius\";\r\n@import \"mixins/gradients\";\r\n\r\n// Layout\r\n@import \"mixins/clearfix\";\r\n@import \"mixins/center-block\";\r\n@import \"mixins/nav-vertical-align\";\r\n@import \"mixins/grid-framework\";\r\n@import \"mixins/grid\";\r\n","// CSS image replacement\r\n//\r\n// Heads up! v3 launched with only `.hide-text()`, but per our pattern for\r\n// mixins being reused as classes with the same name, this doesn't hold up. As\r\n// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.\r\n//\r\n// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757\r\n\r\n// Deprecated as of v3.0.1 (has been removed in v4)\r\n@mixin hide-text() {\r\n font: 0/0 a;\r\n color: transparent;\r\n text-shadow: none;\r\n background-color: transparent;\r\n border: 0;\r\n}\r\n\r\n// New mixin to use as of v3.0.1\r\n@mixin text-hide() {\r\n @include hide-text;\r\n}\r\n","// Opacity\r\n\r\n@mixin opacity($opacity) {\r\n opacity: $opacity;\r\n // IE8 filter\r\n $opacity-ie: ($opacity * 100);\r\n filter: alpha(opacity=$opacity-ie);\r\n}\r\n","// Image Mixins\r\n// - Responsive image\r\n// - Retina image\r\n\r\n\r\n// Responsive image\r\n//\r\n// Keep images from scaling beyond the width of their parents.\r\n@mixin img-responsive($display: block) {\r\n display: $display;\r\n max-width: 100%; // Part 1: Set a maximum relative to the parent\r\n height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching\r\n}\r\n\r\n\r\n// Retina image\r\n//\r\n// Short retina mixin for setting background-image and -size. Note that the\r\n// spelling of `min--moz-device-pixel-ratio` is intentional.\r\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\r\n background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path(\"#{$file-1x}\"), \"#{$file-1x}\"));\r\n\r\n @media\r\n only screen and (-webkit-min-device-pixel-ratio: 2),\r\n only screen and ( min--moz-device-pixel-ratio: 2),\r\n only screen and ( -o-min-device-pixel-ratio: 2/1),\r\n only screen and ( min-device-pixel-ratio: 2),\r\n only screen and ( min-resolution: 192dpi),\r\n only screen and ( min-resolution: 2dppx) {\r\n background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path(\"#{$file-2x}\"), \"#{$file-2x}\"));\r\n background-size: $width-1x $height-1x;\r\n }\r\n}\r\n","// Labels\r\n\r\n@mixin label-variant($color) {\r\n background-color: $color;\r\n\r\n &[href] {\r\n &:hover,\r\n &:focus {\r\n background-color: darken($color, 10%);\r\n }\r\n }\r\n}\r\n","// Reset filters for IE\r\n//\r\n// When you need to remove a gradient background, do not forget to use this to reset\r\n// the IE filter for IE9 and below.\r\n\r\n@mixin reset-filter() {\r\n filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);\r\n}\r\n","// Resize anything\r\n\r\n@mixin resizable($direction) {\r\n resize: $direction; // Options: horizontal, vertical, both\r\n overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`\r\n}\r\n","// Responsive utilities\r\n\r\n//\r\n// More easily include all the states for responsive-utilities.less.\r\n// [converter] $parent hack\r\n@mixin responsive-visibility($parent) {\r\n #{$parent} {\r\n display: block !important;\r\n }\r\n table#{$parent} { display: table !important; }\r\n tr#{$parent} { display: table-row !important; }\r\n th#{$parent},\r\n td#{$parent} { display: table-cell !important; }\r\n}\r\n\r\n// [converter] $parent hack\r\n@mixin responsive-invisibility($parent) {\r\n #{$parent} {\r\n display: none !important;\r\n }\r\n}\r\n","// Sizing shortcuts\r\n\r\n@mixin size($width, $height) {\r\n width: $width;\r\n height: $height;\r\n}\r\n\r\n@mixin square($size) {\r\n @include size($size, $size);\r\n}\r\n","// WebKit-style focus\r\n\r\n@mixin tab-focus() {\r\n // Default\r\n outline: thin dotted;\r\n // WebKit\r\n outline: 5px auto -webkit-focus-ring-color;\r\n outline-offset: -2px;\r\n}\r\n","@mixin reset-text() {\r\n font-family: $font-family-base;\r\n // We deliberately do NOT reset font-size.\r\n font-style: normal;\r\n font-weight: normal;\r\n letter-spacing: normal;\r\n line-break: auto;\r\n line-height: $line-height-base;\r\n text-align: left; // Fallback for where `start` is not supported\r\n text-align: start;\r\n text-decoration: none;\r\n text-shadow: none;\r\n text-transform: none;\r\n white-space: normal;\r\n word-break: normal;\r\n word-spacing: normal;\r\n word-wrap: normal;\r\n}\r\n","// Typography\r\n\r\n// [converter] $parent hack\r\n@mixin text-emphasis-variant($parent, $color) {\r\n #{$parent} {\r\n color: $color;\r\n }\r\n a#{$parent}:hover,\r\n a#{$parent}:focus {\r\n color: darken($color, 10%);\r\n }\r\n}\r\n","// Text overflow\r\n// Requires inline-block or block for proper styling\r\n\r\n@mixin text-overflow() {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n","// Vendor Prefixes\r\n//\r\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\r\n// Autoprefixer in our Gruntfile. They have been removed in v4.\r\n\r\n// - Animations\r\n// - Backface visibility\r\n// - Box shadow\r\n// - Box sizing\r\n// - Content columns\r\n// - Hyphens\r\n// - Placeholder text\r\n// - Transformations\r\n// - Transitions\r\n// - User Select\r\n\r\n\r\n// Animations\r\n@mixin animation($animation) {\r\n -webkit-animation: $animation;\r\n -o-animation: $animation;\r\n animation: $animation;\r\n}\r\n@mixin animation-name($name) {\r\n -webkit-animation-name: $name;\r\n animation-name: $name;\r\n}\r\n@mixin animation-duration($duration) {\r\n -webkit-animation-duration: $duration;\r\n animation-duration: $duration;\r\n}\r\n@mixin animation-timing-function($timing-function) {\r\n -webkit-animation-timing-function: $timing-function;\r\n animation-timing-function: $timing-function;\r\n}\r\n@mixin animation-delay($delay) {\r\n -webkit-animation-delay: $delay;\r\n animation-delay: $delay;\r\n}\r\n@mixin animation-iteration-count($iteration-count) {\r\n -webkit-animation-iteration-count: $iteration-count;\r\n animation-iteration-count: $iteration-count;\r\n}\r\n@mixin animation-direction($direction) {\r\n -webkit-animation-direction: $direction;\r\n animation-direction: $direction;\r\n}\r\n@mixin animation-fill-mode($fill-mode) {\r\n -webkit-animation-fill-mode: $fill-mode;\r\n animation-fill-mode: $fill-mode;\r\n}\r\n\r\n// Backface visibility\r\n// Prevent browsers from flickering when using CSS 3D transforms.\r\n// Default value is `visible`, but can be changed to `hidden`\r\n\r\n@mixin backface-visibility($visibility) {\r\n -webkit-backface-visibility: $visibility;\r\n -moz-backface-visibility: $visibility;\r\n backface-visibility: $visibility;\r\n}\r\n\r\n// Drop shadows\r\n//\r\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\r\n// supported browsers that have box shadow capabilities now support it.\r\n\r\n@mixin box-shadow($shadow...) {\r\n -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1\r\n box-shadow: $shadow;\r\n}\r\n\r\n// Box sizing\r\n@mixin box-sizing($boxmodel) {\r\n -webkit-box-sizing: $boxmodel;\r\n -moz-box-sizing: $boxmodel;\r\n box-sizing: $boxmodel;\r\n}\r\n\r\n// CSS3 Content Columns\r\n@mixin content-columns($column-count, $column-gap: $grid-gutter-width) {\r\n -webkit-column-count: $column-count;\r\n -moz-column-count: $column-count;\r\n column-count: $column-count;\r\n -webkit-column-gap: $column-gap;\r\n -moz-column-gap: $column-gap;\r\n column-gap: $column-gap;\r\n}\r\n\r\n// Optional hyphenation\r\n@mixin hyphens($mode: auto) {\r\n word-wrap: break-word;\r\n -webkit-hyphens: $mode;\r\n -moz-hyphens: $mode;\r\n -ms-hyphens: $mode; // IE10+\r\n -o-hyphens: $mode;\r\n hyphens: $mode;\r\n}\r\n\r\n// Placeholder text\r\n@mixin placeholder($color: $input-color-placeholder) {\r\n // Firefox\r\n &::-moz-placeholder {\r\n color: $color;\r\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\r\n }\r\n &:-ms-input-placeholder { color: $color; } // Internet Explorer 10+\r\n &::-webkit-input-placeholder { color: $color; } // Safari and Chrome\r\n}\r\n\r\n// Transformations\r\n@mixin scale($ratio...) {\r\n -webkit-transform: scale($ratio);\r\n -ms-transform: scale($ratio); // IE9 only\r\n -o-transform: scale($ratio);\r\n transform: scale($ratio);\r\n}\r\n\r\n@mixin scaleX($ratio) {\r\n -webkit-transform: scaleX($ratio);\r\n -ms-transform: scaleX($ratio); // IE9 only\r\n -o-transform: scaleX($ratio);\r\n transform: scaleX($ratio);\r\n}\r\n@mixin scaleY($ratio) {\r\n -webkit-transform: scaleY($ratio);\r\n -ms-transform: scaleY($ratio); // IE9 only\r\n -o-transform: scaleY($ratio);\r\n transform: scaleY($ratio);\r\n}\r\n@mixin skew($x, $y) {\r\n -webkit-transform: skewX($x) skewY($y);\r\n -ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\r\n -o-transform: skewX($x) skewY($y);\r\n transform: skewX($x) skewY($y);\r\n}\r\n@mixin translate($x, $y) {\r\n -webkit-transform: translate($x, $y);\r\n -ms-transform: translate($x, $y); // IE9 only\r\n -o-transform: translate($x, $y);\r\n transform: translate($x, $y);\r\n}\r\n@mixin translate3d($x, $y, $z) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n transform: translate3d($x, $y, $z);\r\n}\r\n@mixin rotate($degrees) {\r\n -webkit-transform: rotate($degrees);\r\n -ms-transform: rotate($degrees); // IE9 only\r\n -o-transform: rotate($degrees);\r\n transform: rotate($degrees);\r\n}\r\n@mixin rotateX($degrees) {\r\n -webkit-transform: rotateX($degrees);\r\n -ms-transform: rotateX($degrees); // IE9 only\r\n -o-transform: rotateX($degrees);\r\n transform: rotateX($degrees);\r\n}\r\n@mixin rotateY($degrees) {\r\n -webkit-transform: rotateY($degrees);\r\n -ms-transform: rotateY($degrees); // IE9 only\r\n -o-transform: rotateY($degrees);\r\n transform: rotateY($degrees);\r\n}\r\n@mixin perspective($perspective) {\r\n -webkit-perspective: $perspective;\r\n -moz-perspective: $perspective;\r\n perspective: $perspective;\r\n}\r\n@mixin perspective-origin($perspective) {\r\n -webkit-perspective-origin: $perspective;\r\n -moz-perspective-origin: $perspective;\r\n perspective-origin: $perspective;\r\n}\r\n@mixin transform-origin($origin) {\r\n -webkit-transform-origin: $origin;\r\n -moz-transform-origin: $origin;\r\n -ms-transform-origin: $origin; // IE9 only\r\n transform-origin: $origin;\r\n}\r\n\r\n\r\n// Transitions\r\n\r\n@mixin transition($transition...) {\r\n -webkit-transition: $transition;\r\n -o-transition: $transition;\r\n transition: $transition;\r\n}\r\n@mixin transition-property($transition-property...) {\r\n -webkit-transition-property: $transition-property;\r\n transition-property: $transition-property;\r\n}\r\n@mixin transition-delay($transition-delay) {\r\n -webkit-transition-delay: $transition-delay;\r\n transition-delay: $transition-delay;\r\n}\r\n@mixin transition-duration($transition-duration...) {\r\n -webkit-transition-duration: $transition-duration;\r\n transition-duration: $transition-duration;\r\n}\r\n@mixin transition-timing-function($timing-function) {\r\n -webkit-transition-timing-function: $timing-function;\r\n transition-timing-function: $timing-function;\r\n}\r\n@mixin transition-transform($transition...) {\r\n -webkit-transition: -webkit-transform $transition;\r\n -moz-transition: -moz-transform $transition;\r\n -o-transition: -o-transform $transition;\r\n transition: transform $transition;\r\n}\r\n\r\n\r\n// User select\r\n// For selecting text on the page\r\n\r\n@mixin user-select($select) {\r\n -webkit-user-select: $select;\r\n -moz-user-select: $select;\r\n -ms-user-select: $select; // IE10+\r\n user-select: $select;\r\n}\r\n","// Alerts\r\n\r\n@mixin alert-variant($background, $border, $text-color) {\r\n background-color: $background;\r\n border-color: $border;\r\n color: $text-color;\r\n\r\n hr {\r\n border-top-color: darken($border, 5%);\r\n }\r\n .alert-link {\r\n color: darken($text-color, 10%);\r\n }\r\n}\r\n","// Button variants\r\n//\r\n// Easily pump out default styles, as well as :hover, :focus, :active,\r\n// and disabled options for all buttons\r\n\r\n@mixin button-variant($color, $background, $border) {\r\n color: $color;\r\n background-color: $background;\r\n border-color: $border;\r\n\r\n &:focus,\r\n &.focus {\r\n color: $color;\r\n background-color: darken($background, 10%);\r\n border-color: darken($border, 25%);\r\n }\r\n &:hover {\r\n color: $color;\r\n background-color: darken($background, 10%);\r\n border-color: darken($border, 12%);\r\n }\r\n &:active,\r\n &.active,\r\n .open > &.dropdown-toggle {\r\n color: $color;\r\n background-color: darken($background, 10%);\r\n border-color: darken($border, 12%);\r\n\r\n &:hover,\r\n &:focus,\r\n &.focus {\r\n color: $color;\r\n background-color: darken($background, 17%);\r\n border-color: darken($border, 25%);\r\n }\r\n }\r\n &:active,\r\n &.active,\r\n .open > &.dropdown-toggle {\r\n background-image: none;\r\n }\r\n &.disabled,\r\n &[disabled],\r\n fieldset[disabled] & {\r\n &:hover,\r\n &:focus,\r\n &.focus {\r\n background-color: $background;\r\n border-color: $border;\r\n }\r\n }\r\n\r\n .badge {\r\n color: $background;\r\n background-color: $color;\r\n }\r\n}\r\n\r\n// Button sizes\r\n@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {\r\n padding: $padding-vertical $padding-horizontal;\r\n font-size: $font-size;\r\n line-height: $line-height;\r\n border-radius: $border-radius;\r\n}\r\n","// Panels\r\n\r\n@mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) {\r\n border-color: $border;\r\n\r\n & > .panel-heading {\r\n color: $heading-text-color;\r\n background-color: $heading-bg-color;\r\n border-color: $heading-border;\r\n\r\n + .panel-collapse > .panel-body {\r\n border-top-color: $border;\r\n }\r\n .badge {\r\n color: $heading-bg-color;\r\n background-color: $heading-text-color;\r\n }\r\n }\r\n & > .panel-footer {\r\n + .panel-collapse > .panel-body {\r\n border-bottom-color: $border;\r\n }\r\n }\r\n}\r\n","// Pagination\r\n\r\n@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {\r\n > li {\r\n > a,\r\n > span {\r\n padding: $padding-vertical $padding-horizontal;\r\n font-size: $font-size;\r\n line-height: $line-height;\r\n }\r\n &:first-child {\r\n > a,\r\n > span {\r\n @include border-left-radius($border-radius);\r\n }\r\n }\r\n &:last-child {\r\n > a,\r\n > span {\r\n @include border-right-radius($border-radius);\r\n }\r\n }\r\n }\r\n}\r\n","// List Groups\r\n\r\n@mixin list-group-item-variant($state, $background, $color) {\r\n .list-group-item-#{$state} {\r\n color: $color;\r\n background-color: $background;\r\n\r\n // [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state}\r\n }\r\n\r\n a.list-group-item-#{$state},\r\n button.list-group-item-#{$state} {\r\n color: $color;\r\n\r\n .list-group-item-heading {\r\n color: inherit;\r\n }\r\n\r\n &:hover,\r\n &:focus {\r\n color: $color;\r\n background-color: darken($background, 5%);\r\n }\r\n &.active,\r\n &.active:hover,\r\n &.active:focus {\r\n color: #fff;\r\n background-color: $color;\r\n border-color: $color;\r\n }\r\n }\r\n}\r\n","// Horizontal dividers\r\n//\r\n// Dividers (basically an hr) within dropdowns and nav lists\r\n\r\n@mixin nav-divider($color: #e5e5e5) {\r\n height: 1px;\r\n margin: (($line-height-computed / 2) - 1) 0;\r\n overflow: hidden;\r\n background-color: $color;\r\n}\r\n","// Form validation states\r\n//\r\n// Used in forms.less to generate the form validation CSS for warnings, errors,\r\n// and successes.\r\n\r\n@mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {\r\n // Color the label and help text\r\n .help-block,\r\n .control-label,\r\n .radio,\r\n .checkbox,\r\n .radio-inline,\r\n .checkbox-inline,\r\n &.radio label,\r\n &.checkbox label,\r\n &.radio-inline label,\r\n &.checkbox-inline label {\r\n color: $text-color;\r\n }\r\n // Set the border and box shadow on specific inputs to match\r\n .form-control {\r\n border-color: $border-color;\r\n @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work\r\n &:focus {\r\n border-color: darken($border-color, 10%);\r\n $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%);\r\n @include box-shadow($shadow);\r\n }\r\n }\r\n // Set validation states also for addons\r\n .input-group-addon {\r\n color: $text-color;\r\n border-color: $border-color;\r\n background-color: $background-color;\r\n }\r\n // Optional feedback icon\r\n .form-control-feedback {\r\n color: $text-color;\r\n }\r\n}\r\n\r\n\r\n// Form control focus state\r\n//\r\n// Generate a customized focus state and for any input with the specified color,\r\n// which defaults to the `$input-border-focus` variable.\r\n//\r\n// We highly encourage you to not customize the default value, but instead use\r\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\r\n// WebKit's default styles, but applicable to a wider range of browsers. Its\r\n// usability and accessibility should be taken into account with any change.\r\n//\r\n// Example usage: change the default blue border and shadow to white for better\r\n// contrast against a dark gray background.\r\n@mixin form-control-focus($color: $input-border-focus) {\r\n $color-rgba: rgba(red($color), green($color), blue($color), .6);\r\n &:focus {\r\n border-color: $color;\r\n outline: 0;\r\n @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba);\r\n }\r\n}\r\n\r\n// Form control sizing\r\n//\r\n// Relative text size, padding, and border-radii changes for form controls. For\r\n// horizontal sizing, wrap controls in the predefined grid classes. `<select>`\r\n// element gets special love because it's special, and that's a fact!\r\n// [converter] $parent hack\r\n@mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {\r\n #{$parent} {\r\n height: $input-height;\r\n padding: $padding-vertical $padding-horizontal;\r\n font-size: $font-size;\r\n line-height: $line-height;\r\n border-radius: $border-radius;\r\n }\r\n\r\n select#{$parent} {\r\n height: $input-height;\r\n line-height: $input-height;\r\n }\r\n\r\n textarea#{$parent},\r\n select[multiple]#{$parent} {\r\n height: auto;\r\n }\r\n}\r\n","// Progress bars\r\n\r\n@mixin progress-bar-variant($color) {\r\n background-color: $color;\r\n\r\n // Deprecated parent class requirement as of v3.2.0\r\n .progress-striped & {\r\n @include gradient-striped;\r\n }\r\n}\r\n","// Tables\r\n\r\n@mixin table-row-variant($state, $background) {\r\n // Exact selectors below required to override `.table-striped` and prevent\r\n // inheritance to nested tables.\r\n .table > thead > tr,\r\n .table > tbody > tr,\r\n .table > tfoot > tr {\r\n > td.#{$state},\r\n > th.#{$state},\r\n &.#{$state} > td,\r\n &.#{$state} > th {\r\n background-color: $background;\r\n }\r\n }\r\n\r\n // Hover states for `.table-hover`\r\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\r\n .table-hover > tbody > tr {\r\n > td.#{$state}:hover,\r\n > th.#{$state}:hover,\r\n &.#{$state}:hover > td,\r\n &:hover > .#{$state},\r\n &.#{$state}:hover > th {\r\n background-color: darken($background, 5%);\r\n }\r\n }\r\n}\r\n","// Contextual backgrounds\r\n\r\n// [converter] $parent hack\r\n@mixin bg-variant($parent, $color) {\r\n #{$parent} {\r\n background-color: $color;\r\n }\r\n a#{$parent}:hover,\r\n a#{$parent}:focus {\r\n background-color: darken($color, 10%);\r\n }\r\n}\r\n","// Single side border-radius\r\n\r\n@mixin border-top-radius($radius) {\r\n border-top-right-radius: $radius;\r\n border-top-left-radius: $radius;\r\n}\r\n@mixin border-right-radius($radius) {\r\n border-bottom-right-radius: $radius;\r\n border-top-right-radius: $radius;\r\n}\r\n@mixin border-bottom-radius($radius) {\r\n border-bottom-right-radius: $radius;\r\n border-bottom-left-radius: $radius;\r\n}\r\n@mixin border-left-radius($radius) {\r\n border-bottom-left-radius: $radius;\r\n border-top-left-radius: $radius;\r\n}\r\n","// Gradients\r\n\r\n\r\n\r\n// Horizontal gradient, from left to right\r\n//\r\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\r\n// Color stops are not available in IE9 and below.\r\n@mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\r\n background-image: -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+\r\n background-image: -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Opera 12\r\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\r\n background-repeat: repeat-x;\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down\r\n}\r\n\r\n// Vertical gradient, from top to bottom\r\n//\r\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\r\n// Color stops are not available in IE9 and below.\r\n@mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\r\n background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+\r\n background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Opera 12\r\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\r\n background-repeat: repeat-x;\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down\r\n}\r\n\r\n@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {\r\n background-repeat: repeat-x;\r\n background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+\r\n background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12\r\n background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\r\n}\r\n@mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\r\n background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);\r\n background-image: -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);\r\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\r\n background-repeat: no-repeat;\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback\r\n}\r\n@mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\r\n background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);\r\n background-image: -o-linear-gradient($start-color, $mid-color $color-stop, $end-color);\r\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\r\n background-repeat: no-repeat;\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback\r\n}\r\n@mixin gradient-radial($inner-color: #555, $outer-color: #333) {\r\n background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);\r\n background-image: radial-gradient(circle, $inner-color, $outer-color);\r\n background-repeat: no-repeat;\r\n}\r\n@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {\r\n background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\r\n background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\r\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\r\n}\r\n","// Clearfix\r\n//\r\n// For modern browsers\r\n// 1. The space content is one way to avoid an Opera bug when the\r\n// contenteditable attribute is included anywhere else in the document.\r\n// Otherwise it causes space to appear at the top and bottom of elements\r\n// that are clearfixed.\r\n// 2. The use of `table` rather than `block` is only necessary if using\r\n// `:before` to contain the top-margins of child elements.\r\n//\r\n// Source: http://nicolasgallagher.com/micro-clearfix-hack/\r\n\r\n@mixin clearfix() {\r\n &:before,\r\n &:after {\r\n content: \" \"; // 1\r\n display: table; // 2\r\n }\r\n &:after {\r\n clear: both;\r\n }\r\n}\r\n","// Center-align a block level element\r\n\r\n@mixin center-block() {\r\n display: block;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n","// Navbar vertical align\r\n//\r\n// Vertically center elements in the navbar.\r\n// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.\r\n\r\n@mixin navbar-vertical-align($element-height) {\r\n margin-top: (($navbar-height - $element-height) / 2);\r\n margin-bottom: (($navbar-height - $element-height) / 2);\r\n}\r\n","// Framework grid generation\r\n//\r\n// Used only by Bootstrap to generate the correct number of grid classes given\r\n// any value of `$grid-columns`.\r\n\r\n// [converter] This is defined recursively in LESS, but Sass supports real loops\r\n@mixin make-grid-columns($i: 1, $list: \".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}\") {\r\n @for $i from (1 + 1) through $grid-columns {\r\n $list: \"#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}\";\r\n }\r\n #{$list} {\r\n position: relative;\r\n // Prevent columns from collapsing when empty\r\n min-height: 1px;\r\n // Inner gutter via padding\r\n padding-left: ceil(($grid-gutter-width / 2));\r\n padding-right: floor(($grid-gutter-width / 2));\r\n }\r\n}\r\n\r\n\r\n// [converter] This is defined recursively in LESS, but Sass supports real loops\r\n@mixin float-grid-columns($class, $i: 1, $list: \".col-#{$class}-#{$i}\") {\r\n @for $i from (1 + 1) through $grid-columns {\r\n $list: \"#{$list}, .col-#{$class}-#{$i}\";\r\n }\r\n #{$list} {\r\n float: left;\r\n }\r\n}\r\n\r\n\r\n@mixin calc-grid-column($index, $class, $type) {\r\n @if ($type == width) and ($index > 0) {\r\n .col-#{$class}-#{$index} {\r\n width: percentage(($index / $grid-columns));\r\n }\r\n }\r\n @if ($type == push) and ($index > 0) {\r\n .col-#{$class}-push-#{$index} {\r\n left: percentage(($index / $grid-columns));\r\n }\r\n }\r\n @if ($type == push) and ($index == 0) {\r\n .col-#{$class}-push-0 {\r\n left: auto;\r\n }\r\n }\r\n @if ($type == pull) and ($index > 0) {\r\n .col-#{$class}-pull-#{$index} {\r\n right: percentage(($index / $grid-columns));\r\n }\r\n }\r\n @if ($type == pull) and ($index == 0) {\r\n .col-#{$class}-pull-0 {\r\n right: auto;\r\n }\r\n }\r\n @if ($type == offset) {\r\n .col-#{$class}-offset-#{$index} {\r\n margin-left: percentage(($index / $grid-columns));\r\n }\r\n }\r\n}\r\n\r\n// [converter] This is defined recursively in LESS, but Sass supports real loops\r\n@mixin loop-grid-columns($columns, $class, $type) {\r\n @for $i from 0 through $columns {\r\n @include calc-grid-column($i, $class, $type);\r\n }\r\n}\r\n\r\n\r\n// Create grid for specific class\r\n@mixin make-grid($class) {\r\n @include float-grid-columns($class);\r\n @include loop-grid-columns($grid-columns, $class, width);\r\n @include loop-grid-columns($grid-columns, $class, pull);\r\n @include loop-grid-columns($grid-columns, $class, push);\r\n @include loop-grid-columns($grid-columns, $class, offset);\r\n}\r\n","// Grid system\r\n//\r\n// Generate semantic grid columns with these mixins.\r\n\r\n// Centered container element\r\n@mixin container-fixed($gutter: $grid-gutter-width) {\r\n margin-right: auto;\r\n margin-left: auto;\r\n padding-left: floor(($gutter / 2));\r\n padding-right: ceil(($gutter / 2));\r\n @include clearfix;\r\n}\r\n\r\n// Creates a wrapper for a series of columns\r\n@mixin make-row($gutter: $grid-gutter-width) {\r\n margin-left: ceil(($gutter / -2));\r\n margin-right: floor(($gutter / -2));\r\n @include clearfix;\r\n}\r\n\r\n// Generate the extra small columns\r\n@mixin make-xs-column($columns, $gutter: $grid-gutter-width) {\r\n position: relative;\r\n float: left;\r\n width: percentage(($columns / $grid-columns));\r\n min-height: 1px;\r\n padding-left: ($gutter / 2);\r\n padding-right: ($gutter / 2);\r\n}\r\n@mixin make-xs-column-offset($columns) {\r\n margin-left: percentage(($columns / $grid-columns));\r\n}\r\n@mixin make-xs-column-push($columns) {\r\n left: percentage(($columns / $grid-columns));\r\n}\r\n@mixin make-xs-column-pull($columns) {\r\n right: percentage(($columns / $grid-columns));\r\n}\r\n\r\n// Generate the small columns\r\n@mixin make-sm-column($columns, $gutter: $grid-gutter-width) {\r\n position: relative;\r\n min-height: 1px;\r\n padding-left: ($gutter / 2);\r\n padding-right: ($gutter / 2);\r\n\r\n @media (min-width: $screen-sm-min) {\r\n float: left;\r\n width: percentage(($columns / $grid-columns));\r\n }\r\n}\r\n@mixin make-sm-column-offset($columns) {\r\n @media (min-width: $screen-sm-min) {\r\n margin-left: percentage(($columns / $grid-columns));\r\n }\r\n}\r\n@mixin make-sm-column-push($columns) {\r\n @media (min-width: $screen-sm-min) {\r\n left: percentage(($columns / $grid-columns));\r\n }\r\n}\r\n@mixin make-sm-column-pull($columns) {\r\n @media (min-width: $screen-sm-min) {\r\n right: percentage(($columns / $grid-columns));\r\n }\r\n}\r\n\r\n// Generate the medium columns\r\n@mixin make-md-column($columns, $gutter: $grid-gutter-width) {\r\n position: relative;\r\n min-height: 1px;\r\n padding-left: ($gutter / 2);\r\n padding-right: ($gutter / 2);\r\n\r\n @media (min-width: $screen-md-min) {\r\n float: left;\r\n width: percentage(($columns / $grid-columns));\r\n }\r\n}\r\n@mixin make-md-column-offset($columns) {\r\n @media (min-width: $screen-md-min) {\r\n margin-left: percentage(($columns / $grid-columns));\r\n }\r\n}\r\n@mixin make-md-column-push($columns) {\r\n @media (min-width: $screen-md-min) {\r\n left: percentage(($columns / $grid-columns));\r\n }\r\n}\r\n@mixin make-md-column-pull($columns) {\r\n @media (min-width: $screen-md-min) {\r\n right: percentage(($columns / $grid-columns));\r\n }\r\n}\r\n\r\n// Generate the large columns\r\n@mixin make-lg-column($columns, $gutter: $grid-gutter-width) {\r\n position: relative;\r\n min-height: 1px;\r\n padding-left: ($gutter / 2);\r\n padding-right: ($gutter / 2);\r\n\r\n @media (min-width: $screen-lg-min) {\r\n float: left;\r\n width: percentage(($columns / $grid-columns));\r\n }\r\n}\r\n@mixin make-lg-column-offset($columns) {\r\n @media (min-width: $screen-lg-min) {\r\n margin-left: percentage(($columns / $grid-columns));\r\n }\r\n}\r\n@mixin make-lg-column-push($columns) {\r\n @media (min-width: $screen-lg-min) {\r\n left: percentage(($columns / $grid-columns));\r\n }\r\n}\r\n@mixin make-lg-column-pull($columns) {\r\n @media (min-width: $screen-lg-min) {\r\n right: percentage(($columns / $grid-columns));\r\n }\r\n}\r\n","// Bourbon 4.2.6\r\n// http://bourbon.io\r\n// Copyright 2011-2015 thoughtbot, inc.\r\n// MIT License\r\n\r\n@import \"settings/prefixer\";\r\n@import \"settings/px-to-em\";\r\n@import \"settings/asset-pipeline\";\r\n\r\n@import \"functions/assign-inputs\";\r\n@import \"functions/contains\";\r\n@import \"functions/contains-falsy\";\r\n@import \"functions/is-length\";\r\n@import \"functions/is-light\";\r\n@import \"functions/is-number\";\r\n@import \"functions/is-size\";\r\n@import \"functions/px-to-em\";\r\n@import \"functions/px-to-rem\";\r\n@import \"functions/shade\";\r\n@import \"functions/strip-units\";\r\n@import \"functions/tint\";\r\n@import \"functions/transition-property-name\";\r\n@import \"functions/unpack\";\r\n@import \"functions/modular-scale\";\r\n\r\n@import \"helpers/convert-units\";\r\n@import \"helpers/directional-values\";\r\n@import \"helpers/font-source-declaration\";\r\n@import \"helpers/gradient-positions-parser\";\r\n@import \"helpers/linear-angle-parser\";\r\n@import \"helpers/linear-gradient-parser\";\r\n@import \"helpers/linear-positions-parser\";\r\n@import \"helpers/linear-side-corner-parser\";\r\n@import \"helpers/radial-arg-parser\";\r\n@import \"helpers/radial-positions-parser\";\r\n@import \"helpers/radial-gradient-parser\";\r\n@import \"helpers/render-gradients\";\r\n@import \"helpers/shape-size-stripper\";\r\n@import \"helpers/str-to-num\";\r\n\r\n@import \"css3/animation\";\r\n@import \"css3/appearance\";\r\n@import \"css3/backface-visibility\";\r\n@import \"css3/background\";\r\n@import \"css3/background-image\";\r\n@import \"css3/border-image\";\r\n@import \"css3/calc\";\r\n@import \"css3/columns\";\r\n@import \"css3/filter\";\r\n@import \"css3/flex-box\";\r\n@import \"css3/font-face\";\r\n@import \"css3/font-feature-settings\";\r\n@import \"css3/hidpi-media-query\";\r\n@import \"css3/hyphens\";\r\n@import \"css3/image-rendering\";\r\n@import \"css3/keyframes\";\r\n@import \"css3/linear-gradient\";\r\n@import \"css3/perspective\";\r\n@import \"css3/placeholder\";\r\n@import \"css3/radial-gradient\";\r\n@import \"css3/selection\";\r\n@import \"css3/text-decoration\";\r\n@import \"css3/transform\";\r\n@import \"css3/transition\";\r\n@import \"css3/user-select\";\r\n\r\n@import \"addons/border-color\";\r\n@import \"addons/border-radius\";\r\n@import \"addons/border-style\";\r\n@import \"addons/border-width\";\r\n@import \"addons/buttons\";\r\n@import \"addons/clearfix\";\r\n@import \"addons/ellipsis\";\r\n@import \"addons/font-stacks\";\r\n@import \"addons/hide-text\";\r\n@import \"addons/margin\";\r\n@import \"addons/padding\";\r\n@import \"addons/position\";\r\n@import \"addons/prefixer\";\r\n@import \"addons/retina-image\";\r\n@import \"addons/size\";\r\n@import \"addons/text-inputs\";\r\n@import \"addons/timing-functions\";\r\n@import \"addons/triangle\";\r\n@import \"addons/word-wrap\";\r\n\r\n@import \"bourbon-deprecated-upcoming\";\r\n","@charset \"UTF-8\";\r\n\r\n/// Global variables to enable or disable vendor prefixes\r\n\r\n$prefix-for-webkit: true !default;\r\n$prefix-for-mozilla: true !default;\r\n$prefix-for-microsoft: true !default;\r\n$prefix-for-opera: true !default;\r\n$prefix-for-spec: true !default;\r\n","$em-base: 14px !default;\r\n","@charset \"UTF-8\";\r\n\r\n/// A global setting to enable or disable the `$asset-pipeline` variable for all functions that accept it.\r\n///\r\n/// @type Bool\r\n\r\n$asset-pipeline: false !default;\r\n","@function assign-inputs($inputs, $pseudo: null) {\r\n $list: ();\r\n\r\n @each $input in $inputs {\r\n $input: unquote($input);\r\n $input: if($pseudo, $input + \":\" + $pseudo, $input);\r\n $list: append($list, $input, comma);\r\n }\r\n\r\n @return $list;\r\n}\r\n","@charset \"UTF-8\";\r\n\r\n/// Checks if a list contains a value(s).\r\n///\r\n/// @access private\r\n///\r\n/// @param {List} $list\r\n/// The list to check against.\r\n///\r\n/// @param {List} $values\r\n/// A single value or list of values to check for.\r\n///\r\n/// @example scss - Usage\r\n/// contains($list, $value)\r\n///\r\n/// @return {Bool}\r\n\r\n@function contains($list, $values...) {\r\n @each $value in $values {\r\n @if type-of(index($list, $value)) != \"number\" {\r\n @return false;\r\n }\r\n }\r\n\r\n @return true;\r\n}\r\n","@charset \"UTF-8\";\r\n\r\n/// Checks if a list does not contains a value.\r\n///\r\n/// @access private\r\n///\r\n/// @param {List} $list\r\n/// The list to check against.\r\n///\r\n/// @return {Bool}\r\n\r\n@function contains-falsy($list) {\r\n @each $item in $list {\r\n @if not $item {\r\n @return true;\r\n }\r\n }\r\n\r\n @return false;\r\n}\r\n","@charset \"UTF-8\";\r\n\r\n/// Checks for a valid CSS length.\r\n///\r\n/// @param {String} $value\r\n\r\n@function is-length($value) {\r\n @return type-of($value) != \"null\" and (str-slice($value + \"\", 1, 4) == \"calc\"\r\n or index(auto inherit initial 0, $value)\r\n or (type-of($value) == \"number\" and not(unitless($value))));\r\n}\r\n","@charset \"UTF-8\";\r\n\r\n/// Programatically determines whether a color is light or dark.\r\n///\r\n/// @link http://robots.thoughtbot.com/closer-look-color-lightness\r\n///\r\n/// @param {Color (Hex)} $color\r\n///\r\n/// @example scss - Usage\r\n/// is-light($color)\r\n///\r\n/// @return {Bool}\r\n\r\n@function is-light($hex-color) {\r\n $-local-red: red(rgba($hex-color, 1));\r\n $-local-green: green(rgba($hex-color, 1));\r\n $-local-blue: blue(rgba($hex-color, 1));\r\n $-local-lightness: ($-local-red * 0.2126 + $-local-green * 0.7152 + $-local-blue * 0.0722) / 255;\r\n\r\n @return $-local-lightness > 0.6;\r\n}\r\n","@charset \"UTF-8\";\r\n\r\n/// Checks for a valid number.\r\n///\r\n/// @param {Number} $value\r\n///\r\n/// @require {function} contains\r\n\r\n@function is-number($value) {\r\n @return contains(\"0\" \"1\" \"2\" \"3\" \"4\" \"5\" \"6\" \"7\" \"8\" \"9\" 0 1 2 3 4 5 6 7 8 9, $value);\r\n}\r\n","@charset \"UTF-8\";\r\n\r\n/// Checks for a valid CSS size.\r\n///\r\n/// @param {String} $value\r\n///\r\n/// @require {function} contains\r\n/// @require {function} is-length\r\n\r\n@function is-size($value) {\r\n @return is-length($value)\r\n or contains(\"fill\" \"fit-content\" \"min-content\" \"max-content\", $value);\r\n}\r\n","// Convert pixels to ems\r\n// eg. for a relational value of 12px write em(12) when the parent is 16px\r\n// if the parent is another value say 24px write em(12, 24)\r\n\r\n@function em($pxval, $base: $em-base) {\r\n @if not unitless($pxval) {\r\n $pxval: strip-units($pxval);\r\n }\r\n @if not unitless($base) {\r\n $base: strip-units($base);\r\n }\r\n @return ($pxval / $base) * 1em;\r\n}\r\n","// Convert pixels to rems\r\n// eg. for a relational value of 12px write rem(12)\r\n// Assumes $em-base is the font-size of <html>\r\n\r\n@function rem($pxval) {\r\n @if not unitless($pxval) {\r\n $pxval: strip-units($pxval);\r\n }\r\n\r\n $base: $em-base;\r\n @if not unitless($base) {\r\n $base: strip-units($base);\r\n }\r\n @return ($pxval / $base) * 1rem;\r\n}\r\n","@charset \"UTF-8\";\r\n\r\n/// Mixes a color with black.\r\n///\r\n/// @param {Color} $color\r\n///\r\n/// @param {Number (Percentage)} $percent\r\n/// The amount of black to be mixed in.\r\n///\r\n/// @example scss - Usage\r\n/// .element {\r\n/// background-color: shade(#ffbb52, 60%);\r\n/// }\r\n///\r\n/// @example css - CSS Output\r\n/// .element {\r\n/// background-color: #664a20;\r\n/// }\r\n///\r\n/// @return {Color}\r\n\r\n@function shade($color, $percent) {\r\n @return mix(#000, $color, $percent);\r\n}\r\n","@charset \"UTF-8\";\r\n\r\n/// Strips the unit from a number.\r\n///\r\n/// @param {Number (With Unit)} $value\r\n///\r\n/// @example scss - Usage\r\n/// $dimension: strip-units(10em);\r\n///\r\n/// @example css - CSS Output\r\n/// $dimension: 10;\r\n///\r\n/// @return {Number (Unitless)}\r\n\r\n@function strip-units($value) {\r\n @return ($value / ($value * 0 + 1));\r\n}\r\n","@charset \"UTF-8\";\r\n\r\n/// Mixes a color with white.\r\n///\r\n/// @param {Color} $color\r\n///\r\n/// @param {Number (Percentage)} $percent\r\n/// The amount of white to be mixed in.\r\n///\r\n/// @example scss - Usage\r\n/// .element {\r\n/// background-color: tint(#6ecaa6, 40%);\r\n/// }\r\n///\r\n/// @example css - CSS Output\r\n/// .element {\r\n/// background-color: #a8dfc9;\r\n/// }\r\n///\r\n/// @return {Color}\r\n\r\n@function tint($color, $percent) {\r\n @return mix(#fff, $color, $percent);\r\n}\r\n","// Return vendor-prefixed property names if appropriate\r\n// Example: transition-property-names((transform, color, background), moz) -> -moz-transform, color, background\r\n//*************************************************************