bulma-addons
Version:
Addons for Bulma CSS framework
1 lines • 4.68 kB
Source Map (JSON)
{"version":3,"sources":["custom-loader.css"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,qBAAqB;AACvB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,UAAU;EACV,iCAAyB;UAAzB,yBAAyB;EACzB,uCAA+B;UAA/B,+BAA+B;AACjC;;AAEA;EACE,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,mBAAmB;EACnB,OAAO;EACP,MAAM;EACN,kBAAkB;AACpB;;AAEA;EACE,8BAAsB;UAAtB,sBAAsB;AACxB;;AAEA;EACE,8BAAsB;UAAtB,sBAAsB;AACxB;;AAEA;EACE,8BAAsB;UAAtB,sBAAsB;AACxB;;AAEA;EACE,8BAAsB;UAAtB,sBAAsB;AACxB;;AAEA;EACE,8BAAsB;UAAtB,sBAAsB;AACxB;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;IACzB,2CAAmC;YAAnC,mCAAmC;EACrC;EACA;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;IACzB,yCAAiC;YAAjC,iCAAiC;IACjC,UAAU;EACZ;EACA;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;IACzB,8CAAsC;YAAtC,sCAAsC;IACtC,UAAU;EACZ;EACA;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;IACzB,yCAAiC;YAAjC,iCAAiC;IACjC,WAAW;EACb;EACA;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;IACzB,2CAAmC;YAAnC,mCAAmC;IACnC,WAAW;EACb;EACA;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;IACzB,2CAAmC;YAAnC,mCAAmC;IACnC,WAAW;EACb;EACA;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;EAC3B;EACA;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;EAC3B;AACF;;AA5CA;EACE;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;IACzB,2CAAmC;YAAnC,mCAAmC;EACrC;EACA;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;IACzB,yCAAiC;YAAjC,iCAAiC;IACjC,UAAU;EACZ;EACA;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;IACzB,8CAAsC;YAAtC,sCAAsC;IACtC,UAAU;EACZ;EACA;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;IACzB,yCAAiC;YAAjC,iCAAiC;IACjC,WAAW;EACb;EACA;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;IACzB,2CAAmC;YAAnC,mCAAmC;IACnC,WAAW;EACb;EACA;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;IACzB,2CAAmC;YAAnC,mCAAmC;IACnC,WAAW;EACb;EACA;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;EAC3B;EACA;IACE,UAAU;IACV,iCAAyB;YAAzB,yBAAyB;EAC3B;AACF","file":"custom-loader.css","sourcesContent":[".custom-loader {\n position: relative;\n width: 48px;\n height: 48px;\n display: inline-block;\n}\n\n.custom-loader.is-small {\n width: 24px;\n height: 24px;\n}\n\n.custom-loader.is-medium {\n width: 96px;\n height: 96px;\n}\n\n.custom-loader.is-large {\n width: 144px;\n height: 144px;\n}\n\n.custom-loader .dot {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n transform: rotate(225deg);\n animation: orbit 7.15s infinite;\n}\n\n.custom-loader .dot .inner-dot {\n position: absolute;\n width: 15%;\n height: 15%;\n background: #363636;\n left: 0;\n top: 0;\n border-radius: 50%;\n}\n\n.custom-loader .dot:nth-child(1) {\n animation-delay: 0.31s;\n}\n\n.custom-loader .dot:nth-child(2) {\n animation-delay: 0.62s;\n}\n\n.custom-loader .dot:nth-child(3) {\n animation-delay: 0.93s;\n}\n\n.custom-loader .dot:nth-child(4) {\n animation-delay: 1.24s;\n}\n\n.custom-loader .dot:nth-child(5) {\n animation-delay: 1.55s;\n}\n\n.custom-loader.is-white .dot .inner-dot {\n background-color: white;\n}\n\n.custom-loader.is-black .dot .inner-dot {\n background-color: #0a0a0a;\n}\n\n.custom-loader.is-light .dot .inner-dot {\n background-color: whitesmoke;\n}\n\n.custom-loader.is-dark .dot .inner-dot {\n background-color: #363636;\n}\n\n.custom-loader.is-primary .dot .inner-dot {\n background-color: #00d1b2;\n}\n\n.custom-loader.is-link .dot .inner-dot {\n background-color: #3273dc;\n}\n\n.custom-loader.is-info .dot .inner-dot {\n background-color: #3298dc;\n}\n\n.custom-loader.is-success .dot .inner-dot {\n background-color: #48c774;\n}\n\n.custom-loader.is-warning .dot .inner-dot {\n background-color: #ffdd57;\n}\n\n.custom-loader.is-danger .dot .inner-dot {\n background-color: #f14668;\n}\n\n@keyframes orbit {\n 0% {\n opacity: 1;\n transform: rotate(180deg);\n animation-timing-function: ease-out;\n }\n 7% {\n opacity: 1;\n transform: rotate(300deg);\n animation-timing-function: linear;\n origin: 0%;\n }\n 30% {\n opacity: 1;\n transform: rotate(410deg);\n animation-timing-function: ease-in-out;\n origin: 7%;\n }\n 39% {\n opacity: 1;\n transform: rotate(645deg);\n animation-timing-function: linear;\n origin: 30%;\n }\n 70% {\n opacity: 1;\n transform: rotate(770deg);\n animation-timing-function: ease-out;\n origin: 39%;\n }\n 75% {\n opacity: 1;\n transform: rotate(900deg);\n animation-timing-function: ease-out;\n origin: 70%;\n }\n 76% {\n opacity: 0;\n transform: rotate(900deg);\n }\n 100% {\n opacity: 0;\n transform: rotate(900deg);\n }\n}\n"]}