{"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,OACC,uBACA,YAEA,UAIA,uBAAyB,CACzB,gCANA,UAEA,eACA,wBACA,oCACA,CAGD,yBACC,mBACA,kBACA,mBACA,yBACA,WACA,eACA,qBACA,SAEA,gBACA,gBACA,uBACA,qBACA,mBACA,sBAEA,iBACA,kBACA,oBACA,CApBD,+BAwBE,qBACA,UC7CgB,CDoBlB,gCA4BE,wBAA0B,CA5B5B,iCA+BE,UCnDgB,CDoBlB,qEAmCE,cACA,gBACA,qBACA,cAAgB,CAtClB,mFAyCG,wBAA0B,CAzC7B,+BA6CE,qBACA,4BC7DuB,CDezB,iDAiDE,YACA,WACA,eACA,cACA,wBAA0B,CArD5B,0DAwDG,aAAc,CAxDjB,yEA2DG,QACA,eAAiB,CA5DpB,iDAgEE,YAAc,CAhEhB,iDAmEE,kBACC,QACD,gBACA,WACA,WAAa,CACb,iDAKD,mBACA,qBACA,UCjGiB,CD8FlB,8GAOE,qBACA,UCtGgB,CD8FlB,2DAWE,6BACA,+BACA,UC3GgB,CD8FlB,yEAgBE,UC9GgB,CD+GhB,gGAMD,aC1G+B,CDwGhC,oHAKE,aAAc,CALhB,wNASE,oBCjH8B,CDwGhC,4GAYE,4BAA6B,CAC7B,wHAKD,mBACA,qBACA,UCvIiB,CDmIlB,wQAQE,oBAAoB,CARtB,4IAWE,mBACA,8BAAkB,CAClB,iDAWD,mBAAqB,CADtB,wDAIE,qBACA,sBACA,gBACA,eACA,kBACA,eAAoB,CACpB,2FAaA,eACA,SACA,kBACA,WACA,eAAiB,CACjB,UAKD,uBACA,CAAC,uIAOD,mBACA,wBACA,yBACA,SACA","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:        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 **/"],"sourceRoot":""}