169 lines
55 KiB
CSS
169 lines
55 KiB
CSS
|
/*! Spectre.css Icons v0.5.3 | MIT License | github.com/picturepan2/spectre */
|
||
|
|
.icon { box-sizing: border-box; display: inline-block; font-size: inherit; font-style: normal; height: 1em; position: relative; text-indent: -9999px; vertical-align: middle; width: 1em; }
|
||
|
|
|
||
|
|
.icon::before, .icon::after { display: block; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
|
||
|
|
|
||
|
|
.icon.icon-2x { font-size: 1.6rem; }
|
||
|
|
|
||
|
|
.icon.icon-3x { font-size: 2.4rem; }
|
||
|
|
|
||
|
|
.icon.icon-4x { font-size: 3.2rem; }
|
||
|
|
|
||
|
|
.accordion .icon, .btn .icon, .toast .icon, .menu .icon { vertical-align: -10%; }
|
||
|
|
|
||
|
|
.btn-lg .icon { vertical-align: -15%; }
|
||
|
|
|
||
|
|
.icon-arrow-down::before, .icon-arrow-left::before, .icon-arrow-right::before, .icon-arrow-up::before, .icon-downward::before, .icon-back::before, .icon-forward::before, .icon-upward::before { border: 0.1rem solid currentColor; border-bottom: 0; border-right: 0; content: ""; height: .65em; width: .65em; }
|
||
|
|
|
||
|
|
.icon-arrow-down::before { transform: translate(-50%, -75%) rotate(225deg); }
|
||
|
|
|
||
|
|
.icon-arrow-left::before { transform: translate(-25%, -50%) rotate(-45deg); }
|
||
|
|
|
||
|
|
.icon-arrow-right::before { transform: translate(-75%, -50%) rotate(135deg); }
|
||
|
|
|
||
|
|
.icon-arrow-up::before { transform: translate(-50%, -25%) rotate(45deg); }
|
||
|
|
|
||
|
|
.icon-back::after, .icon-forward::after { background: currentColor; content: ""; height: 0.1rem; width: .8em; }
|
||
|
|
|
||
|
|
.icon-downward::after, .icon-upward::after { background: currentColor; content: ""; height: .8em; width: 0.1rem; }
|
||
|
|
|
||
|
|
.icon-back::after { left: 55%; }
|
||
|
|
|
||
|
|
.icon-back::before { transform: translate(-50%, -50%) rotate(-45deg); }
|
||
|
|
|
||
|
|
.icon-downward::after { top: 45%; }
|
||
|
|
|
||
|
|
.icon-downward::before { transform: translate(-50%, -50%) rotate(-135deg); }
|
||
|
|
|
||
|
|
.icon-forward::after { left: 45%; }
|
||
|
|
|
||
|
|
.icon-forward::before { transform: translate(-50%, -50%) rotate(135deg); }
|
||
|
|
|
||
|
|
.icon-upward::after { top: 55%; }
|
||
|
|
|
||
|
|
.icon-upward::before { transform: translate(-50%, -50%) rotate(45deg); }
|
||
|
|
|
||
|
|
.icon-caret::before { border-top: .3em solid currentColor; border-right: .3em solid transparent; border-left: .3em solid transparent; content: ""; height: 0; transform: translate(-50%, -25%); width: 0; }
|
||
|
|
|
||
|
|
.icon-menu::before { background: currentColor; box-shadow: 0 -.35em, 0 .35em; content: ""; height: 0.1rem; width: 100%; }
|
||
|
|
|
||
|
|
.icon-apps::before { background: currentColor; box-shadow: -.35em -.35em, -.35em 0, -.35em .35em, 0 -.35em, 0 .35em, .35em -.35em, .35em 0, .35em .35em; content: ""; height: 3px; width: 3px; }
|
||
|
|
|
||
|
|
.icon-resize-horiz::before, .icon-resize-horiz::after, .icon-resize-vert::before, .icon-resize-vert::after { border: 0.1rem solid currentColor; border-bottom: 0; border-right: 0; content: ""; height: .45em; width: .45em; }
|
||
|
|
|
||
|
|
.icon-resize-horiz::before, .icon-resize-vert::before { transform: translate(-50%, -90%) rotate(45deg); }
|
||
|
|
|
||
|
|
.icon-resize-horiz::after, .icon-resize-vert::after { transform: translate(-50%, -10%) rotate(225deg); }
|
||
|
|
|
||
|
|
.icon-resize-horiz::before { transform: translate(-90%, -50%) rotate(-45deg); }
|
||
|
|
|
||
|
|
.icon-resize-horiz::after { transform: translate(-10%, -50%) rotate(135deg); }
|
||
|
|
|
||
|
|
.icon-more-horiz::before, .icon-more-vert::before { background: currentColor; box-shadow: -.4em 0, .4em 0; border-radius: 50%; content: ""; height: 3px; width: 3px; }
|
||
|
|
|
||
|
|
.icon-more-vert::before { box-shadow: 0 -.4em, 0 .4em; }
|
||
|
|
|
||
|
|
.icon-plus::before, .icon-minus::before, .icon-cross::before { background: currentColor; content: ""; height: 0.1rem; width: 100%; }
|
||
|
|
|
||
|
|
.icon-plus::after, .icon-cross::after { background: currentColor; content: ""; height: 100%; width: 0.1rem; }
|
||
|
|
|
||
|
|
.icon-cross::before { width: 100%; }
|
||
|
|
|
||
|
|
.icon-cross::after { height: 100%; }
|
||
|
|
|
||
|
|
.icon-cross::before, .icon-cross::after { transform: translate(-50%, -50%) rotate(45deg); }
|
||
|
|
|
||
|
|
.icon-check::before { border: 0.1rem solid currentColor; border-right: 0; border-top: 0; content: ""; height: .5em; width: .9em; transform: translate(-50%, -75%) rotate(-45deg); }
|
||
|
|
|
||
|
|
.icon-stop { border: 0.1rem solid currentColor; border-radius: 50%; }
|
||
|
|
|
||
|
|
.icon-stop::before { background: currentColor; content: ""; height: 0.1rem; transform: translate(-50%, -50%) rotate(45deg); width: 1em; }
|
||
|
|
|
||
|
|
.icon-shutdown { border: 0.1rem solid currentColor; border-radius: 50%; border-top-color: transparent; }
|
||
|
|
|
||
|
|
.icon-shutdown::before { background: currentColor; content: ""; height: .5em; top: .1em; width: 0.1rem; }
|
||
|
|
|
||
|
|
.icon-refresh::before { border: 0.1rem solid currentColor; border-radius: 50%; border-right-color: transparent; content: ""; height: 1em; width: 1em; }
|
||
|
|
|
||
|
|
.icon-refresh::after { border: .2em solid currentColor; border-top-color: transparent; border-left-color: transparent; content: ""; height: 0; left: 80%; top: 20%; width: 0; }
|
||
|
|
|
||
|
|
.icon-search::before { border: 0.1rem solid currentColor; border-radius: 50%; content: ""; height: .75em; left: 5%; top: 5%; transform: translate(0, 0) rotate(45deg); width: .75em; }
|
||
|
|
|
||
|
|
.icon-search::after { background: currentColor; content: ""; height: 0.1rem; left: 80%; top: 80%; transform: translate(-50%, -50%) rotate(45deg); width: .4em; }
|
||
|
|
|
||
|
|
.icon-edit::before { border: 0.1rem solid currentColor; content: ""; height: .4em; transform: translate(-40%, -60%) rotate(-45deg); width: .85em; }
|
||
|
|
|
||
|
|
.icon-edit::after { border: .15em solid currentColor; border-top-color: transparent; border-right-color: transparent; content: ""; height: 0; left: 5%; top: 95%; transform: translate(0, -100%); width: 0; }
|
||
|
|
|
||
|
|
.icon-delete::before { border: 0.1rem solid currentColor; border-bottom-left-radius: 0.1rem; border-bottom-right-radius: 0.1rem; border-top: 0; content: ""; height: .75em; top: 60%; width: .75em; }
|
||
|
|
|
||
|
|
.icon-delete::after { background: currentColor; box-shadow: -.25em .2em, .25em .2em; content: ""; height: 0.1rem; top: 0.05rem; width: .5em; }
|
||
|
|
|
||
|
|
.icon-share { border: 0.1rem solid currentColor; border-radius: 0.1rem; border-right: 0; border-top: 0; }
|
||
|
|
|
||
|
|
.icon-share::before { border: 0.1rem solid currentColor; border-left: 0; border-top: 0; content: ""; height: .4em; left: 100%; top: .25em; transform: translate(-125%, -50%) rotate(-45deg); width: .4em; }
|
||
|
|
|
||
|
|
.icon-share::after { border: 0.1rem solid currentColor; border-bottom: 0; border-right: 0; border-radius: 75% 0; content: ""; height: .5em; width: .6em; }
|
||
|
|
|
||
|
|
.icon-flag::before { background: currentColor; content: ""; height: 1em; left: 15%; width: 0.1rem; }
|
||
|
|
|
||
|
|
.icon-flag::after { border: 0.1rem solid currentColor; border-bottom-right-radius: 0.1rem; border-left: 0; border-top-right-radius: 0.1rem; content: ""; height: .65em; top: 35%; left: 60%; width: .8em; }
|
||
|
|
|
||
|
|
.icon-bookmark::before { border: 0.1rem solid currentColor; border-bottom: 0; border-top-left-radius: 0.1rem; border-top-right-radius: 0.1rem; content: ""; height: .9em; width: .8em; }
|
||
|
|
|
||
|
|
.icon-bookmark::after { border: 0.1rem solid currentColor; border-bottom: 0; border-left: 0; border-radius: 0.1rem; content: ""; height: .5em; transform: translate(-50%, 35%) rotate(-45deg) skew(15deg, 15deg); width: .5em; }
|
||
|
|
|
||
|
|
.icon-download, .icon-upload { border-bottom: 0.1rem solid currentColor; }
|
||
|
|
|
||
|
|
.icon-download::before, .icon-upload::before { border: 0.1rem solid currentColor; border-bottom: 0; border-right: 0; content: ""; height: .5em; width: .5em; transform: translate(-50%, -60%) rotate(-135deg); }
|
||
|
|
|
||
|
|
.icon-download::after, .icon-upload::after { background: currentColor; content: ""; height: .6em; top: 40%; width: 0.1rem; }
|
||
|
|
|
||
|
|
.icon-upload::before { transform: translate(-50%, -60%) rotate(45deg); }
|
||
|
|
|
||
|
|
.icon-upload::after { top: 50%; }
|
||
|
|
|
||
|
|
.icon-time { border: 0.1rem solid currentColor; border-radius: 50%; }
|
||
|
|
|
||
|
|
.icon-time::before { background: currentColor; content: ""; height: .4em; transform: translate(-50%, -75%); width: 0.1rem; }
|
||
|
|
|
||
|
|
.icon-time::after { background: currentColor; content: ""; height: .3em; transform: translate(-50%, -75%) rotate(90deg); transform-origin: 50% 90%; width: 0.1rem; }
|
||
|
|
|
||
|
|
.icon-mail::before { border: 0.1rem solid currentColor; border-radius: 0.1rem; content: ""; height: .8em; width: 1em; }
|
||
|
|
|
||
|
|
.icon-mail::after { border: 0.1rem solid currentColor; border-right: 0; border-top: 0; content: ""; height: .5em; transform: translate(-50%, -90%) rotate(-45deg) skew(10deg, 10deg); width: .5em; }
|
||
|
|
|
||
|
|
.icon-people::before { border: 0.1rem solid currentColor; border-radius: 50%; content: ""; height: .45em; top: 25%; width: .45em; }
|
||
|
|
|
||
|
|
.icon-people::after { border: 0.1rem solid currentColor; border-radius: 50% 50% 0 0; content: ""; height: .4em; top: 75%; width: .9em; }
|
||
|
|
|
||
|
|
.icon-message { border: 0.1rem solid currentColor; border-bottom: 0; border-radius: 0.1rem; border-right: 0; }
|
||
|
|
|
||
|
|
.icon-message::before { border: 0.1rem solid currentColor; border-bottom-right-radius: 0.1rem; border-left: 0; border-top: 0; content: ""; height: .8em; left: 65%; top: 40%; width: .7em; }
|
||
|
|
|
||
|
|
.icon-message::after { background: currentColor; border-radius: 0.1rem; content: ""; height: .3em; left: 10%; top: 100%; transform: translate(0, -90%) rotate(45deg); width: 0.1rem; }
|
||
|
|
|
||
|
|
.icon-photo { border: 0.1rem solid currentColor; border-radius: 0.1rem; }
|
||
|
|
|
||
|
|
.icon-photo::before { border: 0.1rem solid currentColor; border-radius: 50%; content: ""; height: .25em; left: 35%; top: 35%; width: .25em; }
|
||
|
|
|
||
|
|
.icon-photo::after { border: 0.1rem solid currentColor; border-bottom: 0; border-left: 0; content: ""; height: .5em; left: 60%; transform: translate(-50%, 25%) rotate(-45deg); width: .5em; }
|
||
|
|
|
||
|
|
.icon-link::before, .icon-link::after { border: 0.1rem solid currentColor; border-radius: 5em 0 0 5em; border-right: 0; content: ""; height: .5em; width: .75em; }
|
||
|
|
|
||
|
|
.icon-link::before { transform: translate(-70%, -45%) rotate(-45deg); }
|
||
|
|
|
||
|
|
.icon-link::after { transform: translate(-30%, -55%) rotate(135deg); }
|
||
|
|
|
||
|
|
.icon-location::before { border: 0.1rem solid currentColor; border-radius: 50% 50% 50% 0; content: ""; height: .8em; transform: translate(-50%, -60%) rotate(-45deg); width: .8em; }
|
||
|
|
|
||
|
|
.icon-location::after { border: 0.1rem solid currentColor; border-radius: 50%; content: ""; height: .2em; transform: translate(-50%, -80%); width: .2em; }
|
||
|
|
|
||
|
|
.icon-emoji { border: 0.1rem solid currentColor; border-radius: 50%; }
|
||
|
|
|
||
|
|
.icon-emoji::before { border-radius: 50%; box-shadow: -.17em -.15em, .17em -.15em; content: ""; height: .1em; width: .1em; }
|
||
|
|
|
||
|
|
.icon-emoji::after { border: 0.1rem solid currentColor; border-bottom-color: transparent; border-radius: 50%; border-right-color: transparent; content: ""; height: .5em; transform: translate(-50%, -40%) rotate(-135deg); width: .5em; }
|
||
|
|
|
||
|
|
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BlY3RyZS1pY29ucy5jc3MiLCJzb3VyY2VzIjpbInNwZWN0cmUtaWNvbnMuc2NzcyIsIl92YXJpYWJsZXMuc2NzcyIsIl9taXhpbnMuc2NzcyIsIm1peGlucy9fYXZhdGFyLnNjc3MiLCJtaXhpbnMvX2J1dHRvbi5zY3NzIiwibWl4aW5zL19jbGVhcmZpeC5zY3NzIiwibWl4aW5zL19jb2xvci5zY3NzIiwibWl4aW5zL19sYWJlbC5zY3NzIiwibWl4aW5zL19wb3NpdGlvbi5zY3NzIiwibWl4aW5zL19zaGFkb3cuc2NzcyIsIm1peGlucy9fdGV4dC5zY3NzIiwibWl4aW5zL190b2FzdC5zY3NzIiwibWl4aW5zL190cmFuc2l0aW9uLnNjc3MiLCJpY29ucy9faWNvbnMtY29yZS5zY3NzIiwiaWNvbnMvX2ljb25zLW5hdmlnYXRpb24uc2NzcyIsImljb25zL19pY29ucy1hY3Rpb24uc2NzcyIsImljb25zL19pY29ucy1vYmplY3Quc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBWYXJpYWJsZXMgYW5kIG1peGluc1xuQGltcG9ydCBcInZhcmlhYmxlc1wiO1xuQGltcG9ydCBcIm1peGluc1wiO1xuXG4vKiEgU3BlY3RyZS5jc3MgSWNvbnMgdiN7JHZlcnNpb259IHwgTUlUIExpY2Vuc2UgfCBnaXRodWIuY29tL3BpY3R1cmVwYW4yL3NwZWN0cmUgKi9cbi8vIEljb25zXG5AaW1wb3J0IFwiaWNvbnMvaWNvbnMtY29yZVwiO1xuQGltcG9ydCBcImljb25zL2ljb25zLW5hdmlnYXRpb25cIjtcbkBpbXBvcnQgXCJpY29ucy9pY29ucy1hY3Rpb25cIjtcbkBpbXBvcnQgXCJpY29ucy9pY29ucy1vYmplY3RcIjtcbiIsIi8vIENvcmUgdmFyaWFibGVzXG4kdmVyc2lvbjogXCIwLjUuM1wiO1xuXG4vLyBDb3JlIGZlYXR1cmVzXG4kcnRsOiBmYWxzZSAhZGVmYXVsdDtcblxuLy8gQ29yZSBjb2xvcnNcbiRwcmltYXJ5LWNvbG9yOiAjMDA3NEQ5ICFkZWZhdWx0O1xuJHByaW1hcnktY29sb3ItZGFyazogZGFya2VuKCRwcmltYXJ5LWNvbG9yLCAzJSkgIWRlZmF1bHQ7XG4kcHJpbWFyeS1jb2xvci1saWdodDogbGlnaHRlbigkcHJpbWFyeS1jb2xvciwgMyUpICFkZWZhdWx0O1xuJHNlY29uZGFyeS1jb2xvcjogbGlnaHRlbigkcHJpbWFyeS1jb2xvciwgMzcuNSUpICFkZWZhdWx0O1xuJHNlY29uZGFyeS1jb2xvci1kYXJrOiBkYXJrZW4oJHNlY29uZGFyeS1jb2xvciwgMyUpICFkZWZhdWx0O1xuJHNlY29uZGFyeS1jb2xvci1saWdodDogbGlnaHRlbigkc2Vjb25kYXJ5LWNvbG9yLCAzJSkgIWRlZmF1bHQ7XG5cbi8vIEdyYXkgY29sb3JzXG4kZGFyay1jb2xvcjogIzQ1NGQ1ZCAhZGVmYXVsdDtcbiRsaWdodC1jb2xvcjogI2ZmZiAhZGVmYXVsdDtcbiRncmF5LWNvbG9yOiBsaWdodGVuKCRkYXJrLWNvbG9yLCA0MCUpICFkZWZhdWx0O1xuJGdyYXktY29sb3ItZGFyazogZGFya2VuKCRncmF5LWNvbG9yLCAyNSUpICFkZWZhdWx0O1xuJGdyYXktY29sb3ItbGlnaHQ6IGxpZ2h0ZW4oJGdyYXktY29sb3IsIDIwJSkgIWRlZmF1bHQ7XG5cbiRib3JkZXItY29sb3I6IGxpZ2h0ZW4oJGRhcmstY29sb3IsIDYwJSkgIWRlZmF1bHQ7XG4kYm9yZGVyLWNvbG9yLWRhcms6IGRhcmtlbigkYm9yZGVyLWNvbG9yLCAxMCUpICFkZWZhdWx0O1xuJGJnLWNvbG9yOiBsaWdodGVuKCRkYXJrLWNvbG9yLCA2NiUpICFkZWZhdWx0O1xuJGJnLWNvbG9yLWRhcms6IGRhcmtlbigkYmctY29sb3IsIDMlKSAhZGVmYXVsdDtcbiRiZy1jb2xvci1saWdodDogJGxpZ2h0LWNvbG9yICFkZWZhdWx0O1xuXG4vLyBDb250cm9sIGNvbG9yc1xuJHN1Y2Nlc3MtY29sb3I6ICMyRUNDNDAgIWRlZmF1bHQ7XG4kd2FybmluZy1jb2xvcjogI0ZGODUxQiAhZGVmYXVsdDtcbiRlcnJvci1jb2xvcjogI0ZGNDEzNiAhZGVmYXVsdDtcblxuLy8gT3RoZXIgY29sb3JzXG4kY29kZS1jb2xvcjogIzI4OEZFRCAhZGVmYXVsdDtcbiRoaWdobGlnaHQtY29sb3I6ICNmZmU5YjMgIWRlZmF1bHQ7XG4kYm9keS1iZzogJGJnLWNvbG9yLWxpZ2h0ICFkZWZhdWx0O1xuJGJvZHktZm9udC1jb2xvcjogbGlnaHRlbigkZGFyay1jb2xvciwgNSUpICFkZWZhdWx0O1xuJGxpbmstY29sb3I6ICRwcmltYXJ5LWNvbG9yICFkZWZhdWx0O1xuJGxpbmstY29sb3ItZGFyazogZGFya2VuKCRsaW5rLWNvbG9yLCAxMCUpICFkZWZhdWx0O1xuJGxpbmstY29sb3ItbGlnaHQ6IGxpZ2h0ZW4oJGxpbmstY29sb3IsIDEwJSkgIWRlZmF1bHQ7XG5cbi8vIEZvbnRzXG4vLyBDcmVkaXQ6IGh0dHBzOi8vd3d3LnNtYXNoaW5nbWFnYXppbmUuY29tLzIwMTUvMTEvdXNpbmctc3lzdGVtLXVpLWZvbnRzLXByYWN0aWNhbC1ndWlkZS9cbiRiYXNlLWZvbnQtZmFtaWx5OiAtYXBwbGUtc3lzdGVtLCBzeXN0ZW0tdWksIEJsaW5rTWFjU3lzdGVtRm9udCwgXCJTZWdvZSBVSVwiLCBSb2JvdG8gIWRlZmF1bHQ7XG4kbW9uby1mb250LWZhbWlseTogXCJTRiBNb25vXCIsIFwiU2Vnb2UgVUkgTW9ub1wiLCBcIlJvYm90byBNb25vXCIsIE1lbmxvLCBDb3VyaWVyLCBtb25vc3BhY2UgIWRlZmF1bHQ7XG4kZmFsbGJhY2stZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgc2Fucy1zZXJpZiAhZGVmYXVsdDtcbiRjamstemgtaGFucy1mb250LWZhbWlseTogJGJhc2UtZm9udC1mYW1pbHksIFwiUGluZ0ZhbmcgU0NcIiwgXCJIaXJhZ2lubyBTYW5zIEdCXCIsIFwiTWljcm9zb2Z0IFlhSGVpXCIsICRmYWxsYmFjay1mb250LWZhbWlseSAhZGVmYXVsdDtcbiRjamstemgtaGFudC1mb250LWZhbWlseTogJGJhc2UtZm9udC1mYW1pbHksIFwiUGluZ0ZhbmcgVENcIiwgXCJIaXJhZ2lubyBTYW5zIENOU1wiLCBcIk1pY3Jvc29mdCBKaGVuZ0hlaVwiLCAkZmFsbGJhY2stZm9udC1mYW1pbHkgIWRlZmF1bHQ7XG4kY2prLWpwLWZvbnQtZmFtaWx5OiAkYmFzZS1mb250LWZhbWlseSwgXCJIaXJhZ2lubyBTYW5zXCIsIFwiSGlyYWdpbm8gS2FrdSBHb3RoaWMgUHJvXCIsIFwiWXUgR290aGljXCIsIFl1R290aGljLCBNZWlyeW8sICRmYWxsYmFjay1mb250LWZhbWlseSAhZGVmYXVsdDtcbiRjamsta28tZm9udC1mYW1pbHk6ICRiYXNlLWZvbnQtZmFtaWx5LCBcIk1hbGd1biBHb3RoaWNcIiwgJGZhbGxiYWNr
|