{"version":3,"sources":["webpack:///./~/@automattic/dops-components/client/components/button/~/@automattic/dops-components/client/components/~/@automattic/dops-components/client/components/button/style.scss","webpack:///./~/@automattic/dops-components/client/components/button/~/@automattic/dops-components/client/components/css/scss/color-overrides.scss"],"names":[],"mappings":"AAcA;EACC,wBAAwB;EACxB,aAAa;EACb,WAAW;EACX,WAAW;EACX,gBAAgB;EAChB,yBAAyB;EACzB,sBAAiB;OAAjB,iBAAiB;EACjB,yBAAyB,EACzB;;AAED;EACC,oBCtBoB;EDuBpB,sBAAqB;EACrB,oBAAoB;EACpB,0BAA0B;EAC1B,eCzBmB;ED0BnB,gBAAgB;EAChB,sBAAsB;EACtB,UAAU;EACV,WAAW;EACX,iBAAiB;EACjB,iBAAiB;EACjB,wBAAwB;EACxB,sBAAsB;EACtB,oBAAoB;EACpB,uBAAuB;EACvB,gBAAgB;EAChB,kBAAkB;EAClB,mBAAmB;EACnB,sBAAsB;EACtB,yBAAyB;EACzB,sBAAiB;OAAjB,iBAAiB,EAoDjB;EAzED;IAwBE,sBAAqB;IACrB,eC7CkB,ED8ClB;EA1BF;IA4BE,0BAA0B,EAC1B;EA7BF;IA+BE,eCnDkB,EDoDlB;EAhCF;IAmCE,eAAc;IACd,iBCtDgB;IDuDhB,sBAAqB;IACrB,gBAAgB,EAKhB;IA3CF;MAyCG,0BAA0B,EAC1B;EA1CH;IA6CE,sBC3DuB;ID4DvB,8BC7DuB,ED8DvB;EA/CF;IAiDE,aAAa;IACb,YAAa;IACb,gBAAgB;IAChB,eAAe;IACf,0BAA0B,EAS1B;IA9DF;MAwDG,eAAc,EACd;IAzDH;MA2DG,SAAS;MACT,iBAAiB,EACjB;EA7DH;IAgEE,cAAc,EACd;EAjEF;IAmEE,mBAAmB;IAClB,SAAS;IACV,iBAAiB;IACjB,YAAY;IACZ,aAAa,EACb;;AAIF;EACC,oBC3FwB;ED4FxB,sBCzFoB;ED0FpB,YCjGiB,EDgHjB;EAlBD;IAOE,sBChGuB;IDiGvB,YCtGgB,EDuGhB;EATF;IAWE,+BAAgB;IAChB,iCAAkB;IAClB,YC3GgB,ED4GhB;EAdF;IAgBE,YC9GgB,ED+GhB;;AAIF;;EAEC,eC1G+B,EDsH/B;EAdD;;IAKE,eAAc,EACd;EANF;;;IASE,sBCjH8B,EDkH9B;EAVF;;IAYE,8BAA6B,EAC7B;;AAGF;;EAEC,oBC1H+B;ED2H/B,sBAAoB;EACpB,YCvIiB,EDiJjB;EAdD;;;IAQE,sBAAoB,EACpB;EATF;;IAWE,oBAAmB;IACnB,iCAAkB,EAClB;;AAUF;EACC,qBAAqB,EAUrB;EAXD;IAIE,sBAAsB;IACtB,uBAAuB;IACvB,iBAAiB;IACjB,gBAAgB;IAChB,mBAAmB;IACnB,oBAAoB,EACpB;;AAQF;EAKE,gBAAgB;EAChB,UAAU;EACV,mBAAmB;EACnB,YAAY;EACZ,iBAAiB,EACjB;;AAIF;EACC,yBACA,EAAC;;AAGF;;;;EAIC,oBAAoB;EACpB,yBAAyB;EACzB,0BAA0B;EAC1B,WACA,EAAC","file":"jetpack-onboarding.css","sourcesContent":["@import \"../../scss/calypso-colors\";\n@import \"/Users/jessefriedman/Documents/wporg_sandy/wp-content/plugins/jetpack-onboarding/css/scss/color-overrides.scss\";\n\n// TODO: factor out these colors\n$green: #518d2a;\n$lighter-green: #57972d;\n$darker-green: #2B4B16;\n$blue: #029DD6;\n\n// ==========================================================================\n// Buttons\n// ==========================================================================\n\n// resets button styles\n:local button {\n\tbackground: transparent;\n\tborder: none;\n\toutline: 0;\n\tpadding: 0;\n\tfont-size: 14px;\n\t-webkit-appearance: none;\n\tappearance: none;\n\tvertical-align: baseline;\n}\n\n:local .button {\n\tbackground: $gray-light;\n\tborder-color: lighten( $gray, 20% );\n\tborder-style: solid;\n\tborder-width: 1px 1px 2px;\n\tcolor: $gray-dark;\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tmargin: 0;\n\toutline: 0;\n\toverflow: hidden;\n\tfont-weight: 600;\n\ttext-overflow: ellipsis;\n\ttext-decoration: none;\n\tvertical-align: top;\n\tbox-sizing: border-box;\n\tfont-size: 14px;\n\tline-height: 21px;\n\tborder-radius: 4px;\n\tpadding: 7px 14px 9px;\n\t-webkit-appearance: none;\n\tappearance: none;\n\n\t&:hover {\n\t\tborder-color: lighten( $gray, 10% );\n\t\tcolor: $gray-dark;\n\t}\n\t&:active {\n\t\tborder-width: 2px 1px 1px;\n\t}\n\t&:visited {\n\t\tcolor: $gray-dark;\n\t}\n\t&[disabled],\n\t&:disabled {\n\t\tcolor: lighten( $gray, 30% );\n\t\tbackground: $white;\n\t\tborder-color: lighten( $gray, 30% );\n\t\tcursor: default;\n\n\t\t&:active {\n\t\t\tborder-width: 1px 1px 2px;\n\t\t}\n\t}\n\t&:focus {\n\t\tborder-color: $blue-medium;\n\t\tbox-shadow: 0 0 0 2px $blue-light;\n\t}\n\t&.is-compact {\n\t\tpadding: 7px;\n\t\tcolor: darken( $gray, 10% );\n\t\tfont-size: 11px;\n\t\tline-height: 1;\n\t\ttext-transform: uppercase;\n\n\t\t&:disabled {\n\t\t\tcolor: lighten( $gray, 30% );\n\t\t}\n\t\t.gridicon {\n\t\t\ttop: 4px;\n\t\t\tmargin-top: -8px;\n\t\t}\n\t}\n\t&.hidden {\n\t\tdisplay: none;\n\t}\n\t.gridicon {\n\t\tposition: relative;\n\t\t\ttop: 4px;\n\t\tmargin-top: -2px;\n\t\twidth: 18px;\n\t\theight: 18px;\n\t}\n}\n\n// Primary buttons\n:local .button.is-primary {\n\tbackground: $blue-medium;\n\tborder-color: $blue-wordpress;\n\tcolor: $white;\n\n\t&:hover,\n\t&:focus {\n\t\tborder-color: $blue-dark;\n\t\tcolor: $white;\n\t}\n\t&[disabled] {\n\t\tbackground: tint( $blue-light, 50% );\n\t\tborder-color: tint( $blue-wordpress, 55% );\n\t\tcolor: $white;\n\t}\n\t&.is-compact {\n\t\tcolor: $white;\n\t}\n}\n\n// Scary buttons\n:local .button.is-scary,\n:local .button.is-dangerous {\n\tcolor: $alert-red;\n\n\t&[disabled] {\n\t\tcolor: lighten( $alert-red, 30% );\n\t}\n\t&:hover,\n\t&:focus {\n\t\tborder-color: $alert-red;\n\t}\n\t&:focus {\n\t\tbox-shadow: 0 0 0 2px lighten( $alert-red, 20% );\n\t}\n}\n\n:local .button.is-primary.is-scary,\n:local .button.is-destructive {\n\tbackground: $alert-red;\n\tborder-color: darken( $alert-red, 20% );\n\tcolor: $white;\n\n\t&:hover,\n\t&:focus {\n\t\tborder-color: darken( $alert-red, 30% );\n\t}\n\t&[disabled] {\n\t\tbackground: lighten( $alert-red, 20% );\n\t\tborder-color: tint( $alert-red, 30% );\n\t}\n}\n\n// ==========================================================================\n// Deprecated styles\n//\n// `button.is-destructive` and ``.button.is-dangerous` are also deprecated\n// ==========================================================================\n\n// Positions and resets font styles of noticons applied to buttons\n:local .button.noticon {\n\tline-height: inherit;\n\n\t&:before {\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t\tmargin-top: -2px;\n\t\tfont-size: 16px;\n\t\tfont-style: normal;\n\t\tfont-weight: normal;\n\t}\n}\n\n// ==========================================================================\n// Resets\n// ==========================================================================\n\n// Turn Reset 'buttons' into regular text links\ninput {\n\t&[type=reset],\n\t&[type=reset]:hover,\n\t&[type=reset]:active,\n\t&[type=reset]:focus {\n\t\tbackground: 0 0;\n\t\tborder: 0;\n\t\tpadding: 0 2px 1px;\n\t\twidth: auto;\n\t\tbox-shadow: none;\n\t}\n}\n\n// Buttons within sentences sit on the text baseline.\np .button {\n\tvertical-align: baseline\n}\n\n// Firefox Junk\nbutton::-moz-focus-inner,\ninput[type=reset]::-moz-focus-inner,\ninput[type=button]::-moz-focus-inner,\ninput[type=submit]::-moz-focus-inner {\n\tborder-width: 1px 0;\n\tborder-style: solid none;\n\tborder-color: transparent;\n\tpadding: 0\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///autoprefixer-loader!./~/sass-loader?sourceMap!./~/@automattic/custom-colors-loader!./~/@automattic/dops-components/client/components/button/~/@automattic/dops-components/client/components/~/@automattic/dops-components/client/components/button/style.scss\n **/","\n// Grays\n$gray:        #999;\n\n$gray-light:  lighten( $gray, 33% );\n$gray-dark:   darken( $gray, 38% );\n\n$white:       #fff;\n\n// Calypso Blues -> Jetpack Greens (yes, blue variables are green now…)\n$blue-light:      #c2daaa;\n$blue-medium:     lighten( #639b34, 5% );\n$blue-dark:       #234705;\n\n$blue-wordpress:  mix( #72af3a, $blue-dark, 70% );\n\n// Alerts\n$alert-yellow:           #f0b849;\n$alert-red:              #d94f4f;\n$alert-green:            #4ab866;\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///autoprefixer-loader!./~/sass-loader?sourceMap!./~/@automattic/custom-colors-loader!./~/@automattic/dops-components/client/components/button/~/@automattic/dops-components/client/components/css/scss/color-overrides.scss\n **/"],"sourceRoot":""}