@skymp/skymp-ui-components
Version:
Library of UI components, styles and resources of Skymp
1 lines • 2.75 kB
Source Map (JSON)
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,cACE,YAAa,CACb,qBAAsB,CACtB,kBAAqB,CACrB,6BACE,WAAc,CAChB,2BACE,SAAY,CACd,uFACE,eAAgB,CAChB,SAAY,CAEhB,MACE,qBAAsB,CACtB,sBAAuB,CACvB,iCAAoC,CAEtC,gBACE,GACE,sBAAyB,CAC3B,GACE,mBAAsB,CAAE,CArB5B,cACE,YAAa,CACb,iBAAkB,CAClB,oBAAqB,CACrB,sBAAuB,CACvB,uCAAyC,CACzC,qCAAsC,CACtC,sBAAuB,CACvB,YAAa,CACb,WAAY,CACZ,yBAA0B,CAC1B,oDAAqD,CACrD,kEAAmE,CACnE,cAAiB,CACjB,6DACE,qCAAyC,CAC3C,uBACE,kBAAqB,CACrB,wFACE,uCAA2C,CAEjD,oBACE,YAAa,CACb,iBAAoB,CACpB,0BACE,SAAU,CACV,2BAA4B,CAC5B,2BAA4B,CAC5B,kCAAqC,CACrC,wCACE,mBAAuB,CACzB,uCACE,wBAAyB,CACzB,kBAAsB,CAG1B,2GACE,SAAY,CACd,4BACE,YAAa,CACb,iBAAkB,CAClB,kBAAmB,CACnB,6BAA8B,CAC9B,iBAAkB,CAClB,cAAe,CACf,cAAe,CACf,eAAkB,CAClB,wHACE,SAAY,CAGd,8JACE,YAAe","file":"index.css","sourcesContent":[".skymp-button {\n display: flex;\n width: fit-content;\n align-content: center;\n justify-content: center;\n color: rgba(var(--skymp-second-color), 1);\n font-family: var(--skymp-content-font);\n background: transparent;\n outline: none;\n border: none;\n transition-property: color;\n transition-duration: var(--skymp-transition-duration);\n transition-timing-function: var(--skymp-transition-timing-function);\n cursor: pointer; }\n .skymp-button:hover, .skymp-button:focus, .skymp-button_active {\n color: rgba(var(--skymp-main-color), 1); }\n .skymp-button_disabled {\n cursor: not-allowed; }\n .skymp-button_disabled:hover, .skymp-button_disabled:focus, .skymp-button_disabled_active {\n color: rgba(var(--skymp-second-color), 1); }\n\n.skymp-button-group {\n display: flex;\n width: fit-content; }\n .skymp-button-group__icon {\n opacity: 0;\n transition-property: opacity;\n transition-duration: inherit;\n transition-timing-function: inherit; }\n .skymp-button-group__icon:first-of-type {\n margin-right: 0.25rem; }\n .skymp-button-group__icon:last-of-type {\n transform: rotate(180deg);\n margin-left: 0.25rem; }\n .skymp-button-group_visible .skymp-button-group__icon {\n opacity: 1; }\n .skymp-button-group_active .skymp-button-group__icon {\n opacity: 1; }\n .skymp-button-group__button {\n display: flex;\n width: fit-content;\n align-items: center;\n justify-content: space-between;\n position: relative;\n cursor: pointer;\n padding-left: 0;\n padding-right: 0; }\n .skymp-button-group__button:hover .skymp-button-group__icon, .skymp-button-group__button:focus .skymp-button-group__icon {\n opacity: 1; }\n .skymp-button-group__button:first-of-type .skymp-button-group__icon:first-child {\n display: none; }\n .skymp-button-group__button:last-of-type .skymp-button-group__icon:last-child {\n display: none; }\n"]}