UNPKG

@cfpb/cfpb-design-system

Version:

CFPB's UI framework

8 lines (7 loc) 15.1 kB
{ "version": 3, "sources": ["../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-group.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-link.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-with-icon.scss"], "sourcesContent": ["/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\nbutton.a-btn::-moz-focus-inner,\ninput.a-btn::-moz-focus-inner {\n border: 0;\n}\n\n.a-btn {\n appearance: none;\n display: inline-block;\n box-sizing: border-box;\n padding: 0.5em 0.875em;\n border: 0;\n margin: 0;\n border-radius: 0.25em;\n cursor: pointer;\n font-size: 1em;\n font-weight: 500;\n line-height: normal;\n text-align: center;\n text-decoration: none;\n transition: background-color 0.1s;\n}\n.a-btn, .a-btn:link, .a-btn:visited {\n background-color: var(--pacific);\n color: var(--white);\n}\n.a-btn:hover, .a-btn.hover, .a-btn:focus, .a-btn.focus {\n background-color: var(--pacific-dark);\n}\n.a-btn:focus, .a-btn.focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.a-btn:active, .a-btn.active {\n background-color: var(--navy);\n}\n.a-btn--secondary, .a-btn--secondary:link, .a-btn--secondary:visited {\n background-color: var(--gray);\n color: var(--white);\n}\n.a-btn--secondary:hover, .a-btn--secondary.hover, .a-btn--secondary:focus, .a-btn--secondary.focus {\n background-color: var(--gray-dark);\n}\n.a-btn--secondary:focus, .a-btn--secondary.focus {\n outline-color: var(--gray);\n}\n.a-btn--secondary:active, .a-btn--secondary.active {\n background-color: var(--black);\n}\n.a-btn--warning, .a-btn--warning:link, .a-btn--warning:visited {\n background-color: var(--red-mid-dark);\n color: var(--white);\n}\n.a-btn--warning:hover, .a-btn--warning.hover, .a-btn--warning:focus, .a-btn--warning.focus {\n background-color: var(--red-dark);\n}\n.a-btn--warning:focus, .a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--warning:active, .a-btn--warning.active {\n background-color: var(--gray-dark);\n}\n.a-btn--disabled, .a-btn--disabled:link, .a-btn--disabled:visited, .a-btn--disabled:hover, .a-btn--disabled.hover, .a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn--disabled:active, .a-btn--disabled.active, .a-btn[disabled], .a-btn[disabled]:link, .a-btn[disabled]:visited, .a-btn[disabled]:hover, .a-btn[disabled].hover, .a-btn[disabled]:focus, .a-btn[disabled].focus, .a-btn[disabled]:active, .a-btn[disabled].active {\n background-color: var(--gray-20);\n color: var(--gray-dark);\n cursor: default;\n cursor: not-allowed;\n}\n.a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn[disabled]:focus, .a-btn[disabled].focus {\n outline-color: var(--gray-20);\n}\n@media only all and (max-width: 37.5em) {\n .a-btn--full-on-xs {\n display: block;\n width: 100%;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-btn-group .a-btn + .a-btn {\n margin-left: 0.375em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n.a-btn--link {\n padding: 0;\n padding-bottom: 1.5px;\n border-radius: 0;\n text-decoration-line: underline;\n text-decoration-thickness: 1px;\n text-decoration-style: dotted;\n text-underline-offset: 4.5px;\n}\n.a-btn--link, .a-btn--link:link, .a-btn--link:visited {\n text-decoration-color: var(--pacific);\n background-color: transparent;\n color: var(--pacific);\n}\n.a-btn--link:hover, .a-btn--link.hover {\n text-decoration-color: var(--pacific-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--pacific-dark);\n}\n.a-btn--link:focus, .a-btn--link.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--pacific);\n}\n.a-btn--link:active, .a-btn--link.active {\n text-decoration-color: var(--navy);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--navy);\n}\n.a-btn--link.a-btn--secondary, .a-btn--link.a-btn--secondary:link, .a-btn--link.a-btn--secondary:visited {\n text-decoration-color: var(--gray);\n background-color: transparent;\n color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:hover, .a-btn--link.a-btn--secondary.hover {\n text-decoration-color: var(--gray-dark);\n color: var(--gray-dark);\n}\n.a-btn--link.a-btn--secondary:focus, .a-btn--link.a-btn--secondary.focus {\n outline-color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:active, .a-btn--link.a-btn--secondary.active {\n text-decoration-color: var(--black);\n color: var(--black);\n}\n.a-btn--link.a-btn--warning, .a-btn--link.a-btn--warning:link, .a-btn--link.a-btn--warning:visited {\n text-decoration-color: var(--red-mid-dark);\n background-color: transparent;\n color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:hover, .a-btn--link.a-btn--warning.hover {\n text-decoration-color: var(--red-dark);\n color: var(--red-dark);\n}\n.a-btn--link.a-btn--warning:focus, .a-btn--link.a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:active, .a-btn--link.a-btn--warning.active {\n text-decoration-color: var(--gray-dark);\n color: var(--gray-dark);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n.a-btn__icon--on-left {\n padding-right: 0.6875em;\n border-right: 1px solid var(--pacific-60);\n margin-right: 0.4375em;\n}\n\n.a-btn__icon--on-right {\n padding-left: 0.6875em;\n border-left: 1px solid var(--pacific-60);\n margin-left: 0.4375em;\n}\n\n.a-btn--secondary .a-btn__icon {\n border-color: var(--gray-40);\n}\n.a-btn--warning .a-btn__icon {\n border-color: var(--red-60);\n}\n.a-btn--disabled .a-btn__icon, .a-btn[disabled] .a-btn__icon {\n border-color: var(--gray-60);\n}"], "mappings": "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", "names": [] }