{"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","webpack:///./~/@automattic/dops-components/client/components/button/~/@automattic/dops-components/client/components/~/@automattic/dops-components/client/scss/color-functions.scss"],"names":[],"mappings":"AAQA;EACC,iBCFiB;EDGjB,sBAAqB;EACrB,oBAAoB;EACpB,0BAA0B;EAC1B,YCRiB;EDSjB,gBAAgB;EAChB,sBAAsB;EACtB,UAAU;EACV,WAAW;EACX,iBAAiB;EACjB,gBAAgB;EAChB,iBAAiB;EACjB,wBAAwB;EACxB,sBAAsB;EACtB,oBAAoB;EACpB,uBAAuB;EACvB,gBAAgB;EAChB,kBAAkB;EAClB,mBAAmB;EACnB,sBAAsB;EACtB,yBAAyB;EACzB,sBAAiB;OAAjB,iBAAiB,EAiEjB;EAvFD;IAyBE,sBAAqB;IACrB,YC7BgB,ED8BhB;EA3BF;IA6BE,0BAA0B,EAC1B;EA9BF;IAgCE,YCnCgB,EDoChB;EAjCF;IAoCE,eAAc;IACd,iBCtCgB;IDuChB,sBAAqB;IACrB,gBAAgB,EAKhB;IA5CF;MA0CG,0BAA0B,EAC1B;EA3CH;IA8CE,WAAW;IACX,sBC5CuB;ID6CvB,8BC9CuB,ED+CvB;EAjDF;IAmDE,aAAa;IACb,YAAa;IACb,gBAAgB;IAChB,eAAe;IACf,0BAA0B,EAqB1B;IA5EF;MA0DG,eAAc,EACd;IA3DH;MA6DG,SAAS;MACT,iBAAiB,EACjB;IA/DH;MAkEG,kBAAkB,EAClB;IAnEH;MAsEG,eAAe,EACf;IAvEH;MA0EG,kBAAkB,EAClB;EA3EH;IA8EE,cAAc,EACd;EA/EF;IAiFE,mBAAmB;IAClB,SAAS;IACV,iBAAiB;IACjB,YAAY;IACZ,aAAa,EACb;;AAIF;EACC,oBCxFwB;EDyFxB,sBCtFwB;EDuFxB,YC9FiB,ED8GjB;EAnBD;IAOE,sBC7FuB;ID8FvB,YCnGgB,EDoGhB;EATF;IAYE,oBE3GW;IF4GX,sBE5GW;IF6GX,YCzGgB,ED0GhB;EAfF;IAiBE,YC5GgB,ED6GhB;;AAIF;EACC,eCvG+B,EDqH/B;EAfD;IAKE,sBC3G8B,ED4G9B;EANF;IAQE,8BAA6B,EAC7B;EATF;IAYE,eAAc;IACd,sBAAqB,EACrB;;AAGF;EACC,oBCxH+B;EDyH/B,sBAAoB;EACpB,YCrIiB,EDgJjB;EAdD;IAOE,sBAAoB,EACpB;EARF;IAWE,oBAAmB;IACnB,sBElJW,EFmJX;;AAGF;EACC,aAAa;EACb,YAAa;EACb,gBAAgB;EAChB,iBAAiB,EAgDjB;EApDD;IAOE,YC3JgB,ED4JhB;EARF;IAWE,iBAAiB,EACjB;EAZF;IAeE,YAAY;IACZ,aAAa;IACb,SAAS,EACT;EAlBF;IAsBE,eAAc;IACd,iBCzKgB;ID0KhB,gBAAgB,EAKhB;IA7BF;MA2BG,gBAAgB,EAChB;EA5BH;IA+BE,eCtK8B,EDgL9B;IAzCF;MAmCG,eAAa,EACb;IApCH;MAuCG,eAAc,EACd;EAxCH;IA4CE,wBAAwB;IACxB,iBAAiB,EAMjB;IAnDF;MA+CG,YAAY;MACZ,aAAa;MACb,SAAS,EACT","file":"jetpack-onboarding.css","sourcesContent":["@import \"../../scss/calypso-colors\";\n@import \"/Users/roccotripaldi/code/jetpack-on-multisite/wp-content/plugins/jetpack-onboarding/css/scss/color-overrides.scss\";\n@import \"../../scss/color-functions\";\n\n// ==========================================================================\n// Buttons\n// ==========================================================================\n\n.dops-button {\n\tbackground: $white;\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-size: 14px;\n\tfont-weight: 500;\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\toutline: 0;\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\t// Make the left margin of the small plus icon visually less huge\n\t\t.gridicons-plus-small {\n\t\t\tmargin-left: -4px;\n\t\t}\n\t\t// Reset the left margin if the button contains only the plus icon\n\t\t.gridicons-plus-small:last-of-type {\n\t\t\tmargin-left: 0;\n\t\t}\n\t\t// Make plus icon nudged closer to adjacent icons for add-people and add-plugin type buttons\n\t\t.gridicons-plus-small + .gridicon {\n\t\t\tmargin-left: -4px;\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.dops-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&: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.dops-button.is-scary {\n\tcolor: $alert-red;\n\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\t&[disabled],\n\t&:disabled {\n\t\tcolor: lighten( $alert-red, 30% );\n\t\tborder-color: lighten( $gray, 30% );\n\t}\n}\n\n.dops-button.is-primary.is-scary {\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, 40% );\n\t}\n\t&[disabled],\n\t&:disabled {\n\t\tbackground: lighten( $alert-red, 20% );\n\t\tborder-color: tint( $alert-red, 30% );\n\t}\n}\n\n.dops-button.is-borderless {\n\tborder: none;\n\tcolor: darken( $gray, 10% );\n\tpadding-left: 0;\n\tpadding-right: 0;\n\n\t&:hover {\n\t\tcolor: $gray-dark;\n\t}\n\n\t&:focus {\n\t\tbox-shadow: none;\n\t}\n\n\t.gridicon {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\ttop: 6px;\n\t}\n\n\t&[disabled],\n\t&:disabled {\n\t\tcolor: lighten( $gray, 30% );\n\t\tbackground: $white;\n\t\tcursor: default;\n\n\t\t&:active {\n\t\t\tborder-width: 0;\n\t\t}\n\t}\n\t&.is-scary {\n\t\tcolor: $alert-red;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tcolor: darken( $alert-red, 20% );\n\t\t}\n\n\t\t&[disabled] {\n\t\t\tcolor: lighten( $alert-red, 30% );\n\t\t}\n\t}\n\n\t&.is-compact {\n\t\tbackground: transparent;\n\t\tborder-radius: 0;\n\t\t.gridicon {\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\ttop: 5px;\n\t\t}\n\t}\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:        darken( #ccc, 20% );\n\n$gray-light:  #f7f7f7;\n$gray-dark:   #555;\n\n$white:       #fff;\n\n// Calypso Blues -> Jetpack Greens (yes, blue variables are green now…)\n$blue-light:      #008ec2;\n$blue-medium:     #0085ba;\n$blue-dark:       #006799;\n\n$blue-wordpress:  #0073AA;\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 **/","// Add percentage of white to a color\n// Copyright © 2011–2015 thoughtbot. See CREDITS.md#L3\n@function tint($color, $percent){\n  @return mix(white, $color, $percent);\n}\n\n// Add percentage of black to a color\n// Copyright © 2011–2015 thoughtbot. See CREDITS.md#L3\n@function shade($color, $percent){\n  @return mix(black, $color, $percent);\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/scss/color-functions.scss\n **/"],"sourceRoot":""}