mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-27 19:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions
picocss/scss/content/_button.scss.map
Lucas Larroche 759296f211 chore: remove docs and move to yarn
2022-10-15 17:23:02 +07:00

1 line
No EOL
6.8 KiB
Text
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{"version":3,"sources":["_button.scss"],"names":[],"mappings":"AAAA;;EAEE;;AAEF,mBAAmB;AACnB,yEAAyE;AACzE,+EAA+E;AAC/E,sBAAsB;;AAEtB,2CAA2C;AAC3C,4CAA4C;AAC5C,8BAA8B;AAC9B;EACE,SAAS,EAAE,GAAG;EACd,iBAAiB,EAAE,GAAG;EACtB,oBAAoB,EAAE,GAAG;EACzB,oBAAoB,EAAE,GAAG;AAC3B;;AAEA,0DAA0D;AAC1D;;;;EAIE,0BAA0B;AAC5B;;AAEA,MAAM;AACN,sBAAsB;;AAEtB;EACE,cAAc;EACd,WAAW;EACX,6BAA6B;AAC/B;;AAEA;EACE,qBAAqB;EACrB,qBAAqB;AACvB;;AAEA;;;;;EAKE,kCAAkC;EAClC,8BAA8B;EAC9B,+BAA+B;EAC/B,8DAA8D;EAC9D;0CACwC;EACxC,qDAAqD;EACrD,mCAAmC;EACnC,aAAa;EACb,yCAAyC;EACzC,6BAA6B;EAC7B,mBAAmB;EACnB,+BAA+B;EAC/B,eAAe;EACf,+BAA+B;EAC/B,kBAAkB;EAClB,eAAe;;EAEf;IACE;;kCAE8B;EAChC;;EAEA;IACE,wCAAwC;IACxC,oCAAoC;IACpC,oEAAoE;IACpE,+BAA+B;EACjC;;EAEA;IACE;qDACiD;EACnD;AACF;;AAEA,kCAAkC;AAClC;;EAEE,WAAW;EACX;;IAEE,oCAAoC;IACpC,gCAAgC;IAChC,iCAAiC;IACjC,eAAe;;IAEf;MACE,0CAA0C;MAC1C,sCAAsC;MACtC,iCAAiC;IACnC;;IAEA;MACE;yDACmD;IACrD;EACF;;EAEA,UAAU;EACV;IACE,mCAAmC;IACnC,+BAA+B;IAC/B,gCAAgC;;IAEhC;MACE,yCAAyC;MACzC,qCAAqC;MACrC,gCAAgC;IAClC;;IAEA;MACE;wDACkD;IACpD;EACF;;EAEA,mBAAmB;EACnB;;IAEE,+BAA+B;IAC/B,uBAAuB;;IAEvB;MACE,+BAA+B;MAC/B,6BAA6B;IAC/B;EACF;;EAEA,qBAAqB;EACrB;;IAEE,yBAAyB;;IAEzB;MACE,+BAA+B;IACjC;EACF;;EAEA,oBAAoB;EACpB;IACE,wBAAwB;;IAExB;MACE,8BAA8B;IAChC;EACF;AACF;AACA;EACE,iCAAiC;EACjC;IACE,oCAAoC;IACpC,gCAAgC;IAChC,iCAAiC;IACjC,eAAe;;IAEf;MACE,0CAA0C;MAC1C,sCAAsC;IACxC;;IAEA;MACE;yDACmD;IACrD;EACF;AACF;;AAEA,mBAAmB;AACnB,4CAA4C;AAC5C;;;EAGE,YAAY;EACZ,oBAAoB;AACtB","file":"_button.scss","sourcesContent":["/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin on controls in Safari\n// 3. Show the overflow in Edge\nbutton {\n margin: 0; // 2\n overflow: visible; // 3\n font-family: inherit; // 1\n text-transform: none; // 1\n}\n\n// Correct the inability to style buttons in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n display: block;\n width: 100%;\n margin-bottom: var(--spacing);\n}\n\n[role=\"button\"] {\n display: inline-block;\n text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[role=\"button\"] {\n --background-color: var(--primary);\n --border-color: var(--primary);\n --color: var(--primary-inverse);\n --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n padding: var(--form-element-spacing-vertical)\n var(--form-element-spacing-horizontal);\n border: var(--border-width) solid var(--border-color);\n border-radius: var(--border-radius);\n outline: none;\n background-color: var(--background-color);\n box-shadow: var(--box-shadow);\n color: var(--color);\n font-weight: var(--font-weight);\n font-size: 1rem;\n line-height: var(--line-height);\n text-align: center;\n cursor: pointer;\n\n @if $enable-transitions {\n transition: background-color var(--transition),\n border-color var(--transition), color var(--transition),\n box-shadow var(--transition);\n }\n\n &:is([aria-current], :hover, :active, :focus) {\n --background-color: var(--primary-hover);\n --border-color: var(--primary-hover);\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n --color: var(--primary-inverse);\n }\n\n &:focus {\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n 0 0 0 var(--outline-width) var(--primary-focus);\n }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n\n // Secondary\n :is(button, input[type=\"submit\"], input[type=\"button\"], [role=\"button\"]).secondary,\n input[type=\"reset\"] {\n --background-color: var(--secondary);\n --border-color: var(--secondary);\n --color: var(--secondary-inverse);\n cursor: pointer;\n\n &:is([aria-current], :hover, :active, :focus) {\n --background-color: var(--secondary-hover);\n --border-color: var(--secondary-hover);\n --color: var(--secondary-inverse);\n }\n\n &:focus {\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n 0 0 0 var(--outline-width) var(--secondary-focus);\n }\n }\n\n // Contrast\n :is(button, input[type=\"submit\"], input[type=\"button\"], [role=\"button\"]).contrast {\n --background-color: var(--contrast);\n --border-color: var(--contrast);\n --color: var(--contrast-inverse);\n\n &:is([aria-current], :hover, :active, :focus) {\n --background-color: var(--contrast-hover);\n --border-color: var(--contrast-hover);\n --color: var(--contrast-inverse);\n }\n\n &:focus {\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n 0 0 0 var(--outline-width) var(--contrast-focus);\n }\n }\n\n // Outline (primary)\n :is(button, input[type=\"submit\"], input[type=\"button\"], [role=\"button\"]).outline,\n input[type=\"reset\"].outline {\n --background-color: transparent;\n --color: var(--primary);\n\n &:is([aria-current], :hover, :active, :focus) {\n --background-color: transparent;\n --color: var(--primary-hover);\n }\n }\n\n // Outline (secondary)\n :is(button, input[type=\"submit\"], input[type=\"button\"], [role=\"button\"]).outline.secondary,\n input[type=\"reset\"].outline {\n --color: var(--secondary);\n\n &:is([aria-current], :hover, :active, :focus) {\n --color: var(--secondary-hover);\n }\n }\n\n // Outline (contrast)\n :is(button, input[type=\"submit\"], input[type=\"button\"], [role=\"button\"]).outline.contrast {\n --color: var(--contrast);\n\n &:is([aria-current], :hover, :active, :focus) {\n --color: var(--contrast-hover);\n }\n }\n} \n@else {\n // Secondary button without .class\n input[type=\"reset\"] {\n --background-color: var(--secondary);\n --border-color: var(--secondary);\n --color: var(--secondary-inverse);\n cursor: pointer;\n\n &:is([aria-current], :hover, :active, :focus) {\n --background-color: var(--secondary-hover);\n --border-color: var(--secondary-hover);\n }\n\n &:focus {\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n 0 0 0 var(--outline-width) var(--secondary-focus);\n }\n }\n}\n\n// Button [disabled]\n// Links without href are disabled by default\n:where(button, [type=\"submit\"], [type=\"button\"], [type=\"reset\"], [role=\"button\"])[disabled],\n:where(fieldset[disabled]) :is(button, [type=\"submit\"], [type=\"button\"], [type=\"reset\"], [role=\"button\"]),\na[role=\"button\"]:not([href]) {\n opacity: 0.5;\n pointer-events: none;\n}\n"]}
Reference in a new issue View git blame Copy permalink