{"version":3,"file":"subscribe-form.css","sources":["subscribe-form.scss","_mixins.scss","_variables.scss"],"sourcesContent":["@import \"_mixins.scss\";\n@import \"_variables.scss\";\n\n/*================== Subscribe Form ======================*/\n$form-height: 50px;\n$form-border: 2px solid lighten(saturate(adjust_hue(#888888, 0), 6.382978723404229%), 37.45098039215686%);\n$form-color: #777;\n$form-bg: #fff;\n\n$email-width: 410px;\n$name-width: $email-width;\n\n//--------------------------------------------------------------\n// Subscribe Form\n//--------------------------------------------------------------\n.subscribe-form {\n position: relative;\n display: inline-block;\n\n label {\n display: inline-block;\n position: relative;\n padding: (($form-height - 22)/2) 21px (($form-height - 22)/2);\n background: $form-bg;\n border: $form-border;\n @include box-sizing(border-box);\n @include border-radius(3px);\n }\n\n label.name {\n width: $name-width;\n }\n\n label.email {\n width: $email-width;\n }\n\n input {\n @include reset-input();\n color: $form-color;\n display: block;\n width: 100%;\n padding: 0;\n margin: 0;\n font-size: 16px;\n line-height: 20px;\n height: 20px;\n }\n a[data-type=\"submit\"] {\n margin-left: 6px;\n display: inline-block;\n padding: 11px 17px;\n width: 169px;\n @include box-sizing(border-box);\n\n @media (max-width: 979px) {\n margin-left: 0;\n width: 100%;\n }\n\n @media (max-width: 479px) {\n \n }\n }\n\n @media (max-width: 767px) {\n width: 100%;\n }\n}\n\n//--------------------------------------------------------------\n// Messages\n//--------------------------------------------------------------\n.subscribe-form {\n .error, .success {\n position: absolute;\n top: 0;\n right: 5px;\n font-size: 10px;\n line-height: 12px;\n }\n\n .error {\n color: #f00;\n overflow: hidden;\n height: 0;\n @include transition(.3s all ease);\n }\n\n label.invalid .error {\n height: 21px;\n }\n\n .success {\n display: none;\n color: #0f0;\n }\n}\n\n//--------------------------------------------------------------\n// Responsive Layout\n//--------------------------------------------------------------\n@media (max-width: 979px) {\n .subscribe-form {\n label.name,\n label.email {\n display: block;\n width: 100%;\n }\n\n * + label,\n * + a[data-type='submit']{\n margin-top: 10px;\n }\n }\n}\n\n","//==========================================================\n// MIXINS\n//==========================================================\n\n// Note: Some of described mixins in this file requires the ie conditional comments\n//\n// For IE < 9\n// \n//\n\n// Opacity\n@mixin opacity($opacity) {\n opacity: $opacity;\n\n .lt-ie9 & {\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=#{$opacity})\";\n filter: alpha(opacity=$opacity*100);\n }\n}\n\n@mixin keyframes($name) {\n @-webkit-keyframes #{$name} {\n @content;\n }\n @keyframes #{$name} {\n @content;\n }\n}\n\n// Background-rgba\n@mixin background($rgb, $opacity) {\n background: rgba($rgb, $opacity);\n\n .lt-ie9 & {\n background: none;\n -ms-filter: \"progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str(rgba($rgb, $opacity))}', endColorstr='#{ie-hex-str(rgba($rgb, $opacity))}')\";\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str(rgba($rgb, $opacity))}', endColorstr='#{ie-hex-str(rgba($rgb, $opacity))}');\n zoom: 1;\n }\n}\n\n// Transition\n@mixin transition($trsn) {\n -moz-transition: $trsn;\n -o-transition: $trsn;\n -webkit-transition: $trsn;\n transition: $trsn;\n}\n\n// Transition Delay\n@mixin transition-delay($trsn-d) {\n -moz-transition-delay: $trsn-d;\n -o-transition-delay: $trsn-d;\n -webkit-transition-delay: $trsn-d;\n transition-delay: $trsn-d;\n}\n\n// Animation\n@mixin animation($anim) {\n -webkit-animation: $anim;\n -moz-animation: $anim;\n -ms-animation: $anim;\n -o-animation: $anim;\n animation: $anim;\n}\n\n// Transform Origin\n@mixin transform-origin($trfm-o) {\n -moz-transform-origin: $trfm-o;\n -ms-transform-origin: $trfm-o;\n -o-transform-origin: $trfm-o;\n -webkit-transform-origin: $trfm-o;\n transform-origin: $trfm-o;\n}\n\n// Transform\n@mixin transform($trfm) {\n -moz-transform: $trfm;\n -ms-transform: $trfm;\n -o-transform: $trfm;\n -webkit-transform: $trfm;\n transform: $trfm;\n}\n\n// Box Sizing\n@mixin box-sizing($bs) {\n -moz-box-sizing: $bs;\n -webkit-box-sizing: $bs;\n box-sizing: $bs;\n}\n\n// Border Radius\n@mixin border-radius($border-radius) {\n -webkit-border-radius: $border-radius;\n -moz-border-radius: $border-radius;\n border-radius: $border-radius;\n}\n\n// Box Shadow\n@mixin box-shadow($box-shadow) {\n -webkit-box-shadow: $box-shadow;\n -moz-box-shadow: $box-shadow;\n box-shadow: $box-shadow;\n}\n\n// Reset Input\n@mixin reset-input() {\n outline: none;\n background-color: transparent;\n border: none;\n -webkit-appearance: none;\n border-radius: 0;\n vertical-align: baseline;\n box-shadow: none;\n}\n\n// Reset Button\n@mixin reset-button() {\n background: none;\n border: none;\n display: inline-block;\n padding: 0;\n outline: none;\n outline-offset: 0;\n cursor: pointer;\n -webkit-appearance: none;\n\n &::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n}\n\n// Hide Text\n@mixin hide-text {\n font: 0/0 a;\n text-shadow: none;\n color: transparent;\n}\n\n// User Select\n@mixin user-select($select: none) {\n -webkit-user-select: $select;\n -khtml-user-select: $select;\n -moz-user-select: $select;\n -ms-user-select: $select;\n user-select: $select;\n}\n\n// Triangle\n@mixin triangle($dir, $w, $h, $clr) {\n width: 0;\n height: 0;\n border-style: solid;\n\n @if $dir == top {\n border-width: 0 $w/2 $h $w/2;\n border-color: transparent transparent $clr transparent;\n } @else if $dir == bottom {\n border-width: $h $w/2 0 $w/2;\n border-color: $clr transparent transparent transparent;\n } @else if $dir == left {\n border-width: $h/2 $w $h/2 0;\n border-color: transparent $clr transparent transparent;\n } @else if $dir == right {\n border-width: $h/2 0 $h/2 $w;\n border-color: transparent transparent transparent $clr;\n } @else if $dir == top_left {\n border-width: $w $w 0 0;\n border-color: $clr transparent transparent transparent;\n } @else if $dir == top_right {\n border-width: 0 $w $w 0;\n border-color: transparent $clr transparent transparent;\n } @else if $dir == bottom_right {\n border-width: 0 0 $w $w;\n border-color: transparent transparent $clr transparent;\n } @else if $dir == bottom_left {\n border-width: $w 0 0 $w;\n border-color: transparent transparent transparent $clr;\n }\n}\n\n// Clearfix\n@mixin clearfix {\n &:before,\n &:after {\n display: table;\n content: \"\";\n line-height: 0;\n }\n\n &:after {\n clear: both;\n }\n}\n\n// Variables\n$fa: 'FontAwesome';\n\n// FA Icons\n// Angle\n$fa-angle-left: '\\f104';\n$fa-angle-right: '\\f105';\n$fa-angle-down: '\\f107';\n$fa-angle-up: '\\f106';\n\n// Arrow Circle\n$fa-arrow-circle-down: '\\f0ab';\n$fa-arrow-circle-top: '\\f0aa';\n$fa-arrow-circle-left: '\\f0a8';\n$fa-arrow-circle-right: '\\f0a9';\n\n// Caret\n$fa-caret-down: '\\f0d7';\n$fa-caret-right: '\\f0da';\n$fa-caret-left: '\\f0d9';\n$fa-caret-up: '\\f0d8';\n\n// Chevron\n$fa-chevron-left: '\\f053';\n$fa-chevron-right: '\\f054';\n$fa-chevron-up: '\\f077';\n$fa-chevron-down: '\\f078';\n\n// Other\n$fa-search: '\\f002';\n$fa-close: '\\f00d';\n$fa-expand: '\\f065';\n$fa-play-circle: '\\f144';\n$fa-play-circle-o: '\\f01d';\n$fa-play: '\\f04b';\n$fa-youtube-play: '\\f16a';\n$fa-link: '\\f0c1';\n$fa-envelope: '\\f0e0';\n$fa-mobile: '\\f10b';\n$fa-map-marker: '\\f041';\n$fa-comments: '\\f086';\n$fa-comments-o: '\\f0e6';\n$fa-cogs: '\\f085';\n$fa-cog: '\\f013';\n$fa-eye: '\\f06e';\n$fa-external-link: '\\f08e';\n$fa-photo: '\\f03e';\n$fa-volume-off: '\\f026';\n$fa-volume-up: '\\f028';\n$fa-volume-down: '\\f027';\n$fa-users: '\\f0c0';\n$fa-times: '\\f00d';\n$fa-star: '\\f005';\n$fa-stop: '\\f04d';\n$fa-pause: '\\f04c';\n$fa-check-square-o: '\\f046';\n$fa-desktop: '\\f108';\n$fa-cubes: '\\f1b3';\n$fa-bolt: '\\f0e7';\n$fa-bullhorn: '\\f0a1';\n$fa-book: '\\f02d';\n$fa-gears: '\\f085';\n$fa-codepen: '\\f1cb';\n$fa-plus: '\\f067';\n$fa-thumbs-o-up: '\\f087';\n$fa-quote-left: '\\f10d';\n\n","//========================================================\n// Variables\n//=========================================================\n\n//Backgrounds\n$header-bg: #fff;\n$content-bg: #fff;\n$footer-bg: #fff;\n\n//Colors\n$default: #888;\n$primary: #5dc761;\n$secondary: #333;\n$secondary2: #f4f4f4; \n$contrast: white;\n\n//Fonts\n$default-font: 'Roboto', sans-serif;\n"],"names":[],"mappings":"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"}