doc/themes/learn4/css-compiled/spectre-icons.css

/*! Spectre.css Icons v0.5.8 | 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 { content: ""; 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; 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; height: 0.1rem; width: .8em; }

.icon-downward::after, .icon-upward::after { background: currentColor; 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; height: 0; transform: translate(-50%, -25%); width: 0; }

.icon-menu::before { background: currentColor; box-shadow: 0 -.35em, 0 .35em; 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; 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; 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%; 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; height: 0.1rem; width: 100%; }

.icon-plus::after, .icon-cross::after { background: currentColor; 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; 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; 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; height: 1em; width: 1em; }

.icon-refresh::after { border: .2em solid currentColor; border-top-color: transparent; border-left-color: transparent; height: 0; left: 80%; top: 20%; width: 0; }

.icon-search::before { border: 0.1rem solid currentColor; border-radius: 50%; height: .75em; left: 5%; top: 5%; transform: translate(0, 0) rotate(45deg); width: .75em; }

.icon-search::after { background: currentColor; height: 0.1rem; left: 80%; top: 80%; transform: translate(-50%, -50%) rotate(45deg); width: .4em; }

.icon-edit::before { border: 0.1rem solid currentColor; 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; 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; height: .75em; top: 60%; width: .75em; }

.icon-delete::after { background: currentColor; box-shadow: -.25em .2em, .25em .2em; 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; 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; height: .5em; width: .6em; }

.icon-flag::before { background: currentColor; 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; 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; height: .9em; width: .8em; }

.icon-bookmark::after { border: 0.1rem solid currentColor; border-bottom: 0; border-left: 0; border-radius: 0.1rem; 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; height: .5em; width: .5em; transform: translate(-50%, -60%) rotate(-135deg); }

.icon-download::after, .icon-upload::after { background: currentColor; height: .6em; top: 40%; width: 0.1rem; }

.icon-upload::before { transform: translate(-50%, -60%) rotate(45deg); }

.icon-upload::after { top: 50%; }

.icon-copy::before { border: 0.1rem solid currentColor; border-radius: 0.1rem; border-right: 0; border-bottom: 0; height: .8em; left: 40%; top: 35%; width: .8em; }

.icon-copy::after { border: 0.1rem solid currentColor; border-radius: 0.1rem; height: .8em; left: 60%; top: 60%; width: .8em; }

.icon-time { border: 0.1rem solid currentColor; border-radius: 50%; }

.icon-time::before { background: currentColor; height: .4em; transform: translate(-50%, -75%); width: 0.1rem; }

.icon-time::after { background: currentColor; 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; height: .8em; width: 1em; }

.icon-mail::after { border: 0.1rem solid currentColor; border-right: 0; border-top: 0; height: .5em; transform: translate(-50%, -90%) rotate(-45deg) skew(10deg, 10deg); width: .5em; }

.icon-people::before { border: 0.1rem solid currentColor; border-radius: 50%; height: .45em; top: 25%; width: .45em; }

.icon-people::after { border: 0.1rem solid currentColor; border-radius: 50% 50% 0 0; 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; height: .8em; left: 65%; top: 40%; width: .7em; }

.icon-message::after { background: currentColor; border-radius: 0.1rem; 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%; height: .25em; left: 35%; top: 35%; width: .25em; }

.icon-photo::after { border: 0.1rem solid currentColor; border-bottom: 0; border-left: 0; 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; 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; height: .8em; transform: translate(-50%, -60%) rotate(-45deg); width: .8em; }

.icon-location::after { border: 0.1rem solid currentColor; border-radius: 50%; 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 -.1em, .17em -.1em; height: .15em; width: .15em; }

.icon-emoji::after { border: 0.1rem solid currentColor; border-bottom-color: transparent; border-radius: 50%; border-right-color: transparent; height: .5em; transform: translate(-50%, -40%) rotate(-135deg); width: .5em; }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BlY3RyZS1pY29ucy5jc3MiLCJzb3VyY2VzIjpbInNwZWN0cmUtaWNvbnMuc2NzcyIsInRoZW1lL192YXJpYWJsZXMuc2NzcyIsInNwZWN0cmUvX3ZhcmlhYmxlcy5zY3NzIiwic3BlY3RyZS9fbWl4aW5zLnNjc3MiLCJzcGVjdHJlL21peGlucy9fYXZhdGFyLnNjc3MiLCJzcGVjdHJlL21peGlucy9fYnV0dG9uLnNjc3MiLCJzcGVjdHJlL21peGlucy9fY2xlYXJmaXguc2NzcyIsInNwZWN0cmUvbWl4aW5zL19jb2xvci5zY3NzIiwic3BlY3RyZS9taXhpbnMvX2xhYmVsLnNjc3MiLCJzcGVjdHJlL21peGlucy9fcG9zaXRpb24uc2NzcyIsInNwZWN0cmUvbWl4aW5zL19zaGFkb3cuc2NzcyIsInNwZWN0cmUvbWl4aW5zL190ZXh0LnNjc3MiLCJzcGVjdHJlL21peGlucy9fdG9hc3Quc2NzcyIsInNwZWN0cmUvaWNvbnMvX2ljb25zLWNvcmUuc2NzcyIsInNwZWN0cmUvaWNvbnMvX2ljb25zLW5hdmlnYXRpb24uc2NzcyIsInNwZWN0cmUvaWNvbnMvX2ljb25zLWFjdGlvbi5zY3NzIiwic3BlY3RyZS9pY29ucy9faWNvbnMtb2JqZWN0LnNjc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gVmFyaWFibGVzIGFuZCBtaXhpbnNcbkBpbXBvcnQgXCJ0aGVtZS92YXJpYWJsZXNcIjtcbkBpbXBvcnQgXCJzcGVjdHJlL3ZhcmlhYmxlc1wiO1xuQGltcG9ydCBcInNwZWN0cmUvbWl4aW5zXCI7XG5cbi8qISBTcGVjdHJlLmNzcyBJY29ucyB2I3skdmVyc2lvbn0gfCBNSVQgTGljZW5zZSB8IGdpdGh1Yi5jb20vcGljdHVyZXBhbjIvc3BlY3RyZSAqL1xuLy8gSWNvbnNcbkBpbXBvcnQgXCJzcGVjdHJlL2ljb25zL2ljb25zLWNvcmVcIjtcbkBpbXBvcnQgXCJzcGVjdHJlL2ljb25zL2ljb25zLW5hdmlnYXRpb25cIjtcbkBpbXBvcnQgXCJzcGVjdHJlL2ljb25zL2ljb25zLWFjdGlvblwiO1xuQGltcG9ydCBcInNwZWN0cmUvaWNvbnMvaWNvbnMtb2JqZWN0XCI7XG4iLCIvLyBDb2xvcnNcbiR0dXJxdW9pc2U6ICMxQUJDOUM7XG4kZ3JlZW4tc2VhOiAjMTZBMDg1O1xuJGVtZXJhbGQ6ICMyRUNDNzE7XG4kbmVwaHJpdGlzOiAjMjdBRTYwO1xuJHBldGVyLXJpdmVyOiAjMzQ5OERCO1xuJGJlbGl6ZV9ob2xlOiAjMjk4MEI5O1xuJGRlZXAtd2VsbDogIzI4M0E2MztcbiRsYXZlbmRlcjogIzc2NzZmNDtcbiRhbWV0aHlzdDogI0E2NkJCRTtcbiR3aXN0ZXJpYTogIzhFNDRBRDtcbiR3ZXQtYXNwaGFsdDogIzM0NDk1RTtcbiRtaWRuaWdodC1ibHVlOiAjMkMzRTUwO1xuJHN1bmZsb3dlcjogI0YyQ0EyNztcbiRvcmFuZ2U6ICNGMzlDMTI7XG4kY2Fycm90OiAjRTY3RTIyO1xuJHB1bXBraW46ICNEMzU0MDA7XG4kYWxpemFyaW46ICNFNzRDM0M7XG4kcG9tZWdyYW5hdGU6ICNDMDM5MkI7XG4kY2xvdWRzOiAjRUNGMEYxO1xuJHNpbHZlcjogI0JEQzNDNztcbiRjb25jcmV0ZTogIzk1QTVBNjtcbiRhc2Jlc3RvczogIzdGOEM4RDtcblxuJHByaW1hcnktY29sb3I6ICMxQUEzRUQgIWRlZmF1bHQ7XG4kc2Vjb25kYXJ5LWNvbG9yOiAjMzhDNUM3ICFkZWZhdWx0O1xuJGRhcmstY29sb3I6ICM0NTRkNWQgIWRlZmF1bHQ7XG4kYm9keS1mb250LWNvbG9yOiBkYXJrZW4oJGRhcmstY29sb3IsIDUlKSAhZGVmYXVsdDtcbiRsaW5rLWNvbG9yOiBkYXJrZW4oJHByaW1hcnktY29sb3IsIDUlKSAhZGVmYXVsdDtcbiRncmF5LWNvbG9yOiBsaWdodGVuKCRkYXJrLWNvbG9yLCA0MCUpICFkZWZhdWx0O1xuJGdyYXktY29sb3ItZGFyazogZGFya2VuKCRncmF5LWNvbG9yLCAyNSUpICFkZWZhdWx0O1xuJGJvcmRlci1jb2xvcjogbGlnaHRlbigkZGFyay1jb2xvciwgNjAlKSAhZGVmYXVsdDtcbiRiZy1jb2xvcjogbGlnaHRlbigkZGFyay1jb2xvciwgNjYlKSAhZGVmYXVsdDtcbiRjb2RlLWNvbG9yOiAkbGF2ZW5kZXIgIWRlZmF1bHQ7XG4kc2VsZWN0aW9uLWNvbG9yOiAjRUNFQ0ZFO1xuXG4vLyBTaWRlYmFyXG4kc2lkZWJhci13aWR0aDogMTRyZW07XG4kc2lkZWJhci1icmFuZC1oZWlnaHQ6IDdyZW07XG5cbi8vIEZvbnRzXG4kYmFzZS1mb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgc3lzdGVtLXVpLCBCbGlua01hY1N5c3RlbUZvbnQsIFwiU2Vnb2UgVUlcIiwgUm9ib3RvICFkZWZhdWx0O1xuJGZhbGxiYWNrLWZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIHNhbnMtc2VyaWYgIWRlZmF1bHQ7XG4kYm9keS1mb250LWZhbWlseTogXCJQdWJsaWMgU2Fuc1wiLCAgJGZhbGxiYWNrLWZvbnQtZmFtaWx5ICFkZWZhdWx0O1xuJHRpdGxlLWZvbnQtZmFtaWx5OiBcIk1ldHJvcG9saXNcIiwgJGZhbGxiYWNrLWZvbnQtZmFtaWx5ICFkZWZhdWx0O1xuJG1vbm8tZm9udC1mYW1pbHk6IFwiSGFja1wiLCBtb25vc3BhY2UgIWRlZmF1bHQ7XG4kZm9udC1zaXplOiAuODVyZW0gIWRlZmF1bHQ7XG4kbWluLXJlc3BvbnNpdmUtZm9udC1zaXplOiAxOHB4O1xuIiwiLy8gQ29yZSB2YXJpYWJsZXNcbiR2ZXJzaW9uOiBcIjAuNS44XCI7XG5cbi8vIENvcmUgZmVhdHVyZXNcbiRydGw6IGZhbHNlICFkZWZhdWx0O1xuXG4vLyBDb3JlIGNvbG9yc1xuJHByaW1hcnktY29sb3I6ICM1NzU1ZDkgIWRlZmF1bHQ7XG4kcHJpbWFyeS1jb2xvci1kYXJrOiBkYXJrZW4oJHByaW1hcnktY29sb3IsIDMlKSAhZGVmYXVsdDtcbiRwcmltYXJ5LWNvbG9yLWxpZ2h0OiBsaWdodGVuKCRwcmltYXJ5LWNvbG9yLCAzJSkgIWRlZmF1bHQ7XG4kc2Vjb25kYXJ5LWNvbG9yOiBsaWdodGVuKCRwcmltYXJ5LWNvbG9yLCAzNy41JSkgIWRlZmF1bHQ7XG4kc2Vjb25kYXJ5LWNvbG9yLWRhcms6IGRhcmtlbigkc2Vjb25kYXJ5LWNvbG9yLCAzJSkgIWRlZmF1bHQ7XG4kc2Vjb25kYXJ5LWNvbG9yLWxpZ2h0OiBsaWdodGVuKCRzZWNvbmRhcnktY29sb3IsIDMlKSAhZGVmYXVsdDtcblxuLy8gR3JheSBjb2xvcnNcbiRkYXJrLWNvbG9yOiAjMzAzNzQyICFkZWZhdWx0O1xuJGxpZ2h0LWNvbG9yOiAjZmZmICFkZWZhdWx0O1xuJGdyYXktY29sb3I6IGxpZ2h0ZW4oJGRhcmstY29sb3IsIDU1JSkgIWRlZmF1bHQ7XG4kZ3JheS1jb2xvci1kYXJrOiBkYXJrZW4oJGdyYXkt