aristath/kirki

{"mappings":"AACA,gFAEE,qBCAF,CDIE,4DAEE,aAAA,CADA,iBCAJ,CDIE,2DAEE,iBAAA,CADA,iBCDJ,CDKM,sFACE,SCHR,CDQE,4DAEE,kBAAA,CASA,4BAAA,CACA,iBAAA,CACA,cAAA,CAHA,aAAA,CAKA,cAAA,CAdA,YAAA,CAQA,WAAA,CANA,sBAAA,CAWA,SAAA,CAPA,SAAA,CADA,iBAAA,CAFA,OAAA,CACA,KAAA,CAWA,kBAAA,CARA,UAAA,CASA,SCNJ,CDSI,kEACE,SCPN,CDWE,oEACE,SAAA,CACA,wBCTJ,CDYE,8DACE,cAAA,CAEA,WAAA,CACA,uBAAA,CACA,wBAAA,CAHA,UCPJ,CDaE,qDAEE,kBAAA,CADA,YAAA,CAEA,cAAA,CAIA,eAAA,CAFA,QAAA,CACA,SAAA,CAFA,UCRJ,CDeQ,yFACE,iBCbV,CDmBE,oDAEE,aAAA,CACA,oBAAA,CACA,SAAA,CAHA,iBCdJ,CDmBI,+DACE,eCjBN,CDoBI,wDAEE,kBAAA,CAMA,wBAAA,CADA,iBAAA,CAGA,cAAA,CATA,YAAA,CAKA,WAAA,CAHA,sBAAA,CACA,iBAAA,CAKA,kBAAA,CAEA,wBAAA,CANA,UCZN,CDoBM,8DACE,oBClBR,CDuBM,oEACE,oBAAA,CACA,gBCrBR","sources":["src/control.scss","%3Cinput%20css%2093z3lK%3E"],"sourcesContent":["// Color palette control.\r\n.customize-control-kirki-color-palette,\r\n.customize-control-kirki-color-palette * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.customize-control-kirki-color-palette {\r\n  .kirki-control-label {\r\n    position: relative;\r\n    display: block;\r\n  }\r\n\r\n  .kirki-control-form {\r\n    position: relative;\r\n    margin-bottom: 6px;\r\n\r\n    &:hover {\r\n      .kirki-control-reset {\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n\r\n  .kirki-control-reset {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    right: 0;\r\n    top: 0;\r\n    position: absolute;\r\n    padding: 0;\r\n    width: 20px;\r\n    height: 20px;\r\n    color: #50575e;\r\n    background-color: transparent;\r\n    border-radius: 50%;\r\n    border-width: 0;\r\n    opacity: 0;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    z-index: 3;\r\n\r\n    // a11y: support tab focus.\r\n    &:focus {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  .kirki-control-reset:hover i {\r\n    color: #f00;\r\n    transform: rotate(-45deg);\r\n  }\r\n\r\n  .kirki-control-reset i {\r\n    font-size: 12px;\r\n    width: auto;\r\n    height: auto;\r\n    transform: rotate(45deg);\r\n    transition: transform 0.3s;\r\n  }\r\n\r\n  .kirki-colors {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n\r\n    &.kirki-round-colors {\r\n      .kirki-color {\r\n        div {\r\n          border-radius: 50%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .kirki-color {\r\n    position: relative;\r\n    display: block;\r\n    margin: 0 11px 11px 0;\r\n    padding: 0;\r\n\r\n    &:last-child {\r\n      padding-right: 0;\r\n    }\r\n\r\n    > div {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: 4px;\r\n      border: 1px solid #dedede;\r\n      transform: scale(1);\r\n      cursor: pointer;\r\n      transition: transform 0.2s;\r\n\r\n      &:hover {\r\n        transform: scale(1.2);\r\n      }\r\n    }\r\n\r\n    &.is-selected {\r\n      > div {\r\n        border-color: #2271b1;\r\n        border-width: 4px;\r\n      }\r\n    }\r\n  }\r\n}\r\n",".customize-control-kirki-color-palette,\n.customize-control-kirki-color-palette * {\n  box-sizing: border-box;\n}\n\n.customize-control-kirki-color-palette .kirki-control-label {\n  position: relative;\n  display: block;\n}\n.customize-control-kirki-color-palette .kirki-control-form {\n  position: relative;\n  margin-bottom: 6px;\n}\n.customize-control-kirki-color-palette .kirki-control-form:hover .kirki-control-reset {\n  opacity: 1;\n}\n.customize-control-kirki-color-palette .kirki-control-reset {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  right: 0;\n  top: 0;\n  position: absolute;\n  padding: 0;\n  width: 20px;\n  height: 20px;\n  color: #50575e;\n  background-color: transparent;\n  border-radius: 50%;\n  border-width: 0;\n  opacity: 0;\n  cursor: pointer;\n  transition: all 0.3s;\n  z-index: 3;\n}\n.customize-control-kirki-color-palette .kirki-control-reset:focus {\n  opacity: 1;\n}\n.customize-control-kirki-color-palette .kirki-control-reset:hover i {\n  color: #f00;\n  transform: rotate(-45deg);\n}\n.customize-control-kirki-color-palette .kirki-control-reset i {\n  font-size: 12px;\n  width: auto;\n  height: auto;\n  transform: rotate(45deg);\n  transition: transform 0.3s;\n}\n.customize-control-kirki-color-palette .kirki-colors {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.customize-control-kirki-color-palette .kirki-colors.kirki-round-colors .kirki-color div {\n  border-radius: 50%;\n}\n.customize-control-kirki-color-palette .kirki-color {\n  position: relative;\n  display: block;\n  margin: 0 11px 11px 0;\n  padding: 0;\n}\n.customize-control-kirki-color-palette .kirki-color:last-child {\n  padding-right: 0;\n}\n.customize-control-kirki-color-palette .kirki-color > div {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n  border: 1px solid #dedede;\n  transform: scale(1);\n  cursor: pointer;\n  transition: transform 0.2s;\n}\n.customize-control-kirki-color-palette .kirki-color > div:hover {\n  transform: scale(1.2);\n}\n.customize-control-kirki-color-palette .kirki-color.is-selected > div {\n  border-color: #2271b1;\n  border-width: 4px;\n}\n/*# sourceMappingURL=control.css.map */\n"],"names":[],"version":3,"file":"control.css.map"}