diff options
author | Yan Zhu <picturepan2@hotmail.com> | 2017-03-29 10:17:42 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-03-29 10:17:42 +0300 |
commit | c4baa9b63a835edcbc1053e320bdec9902de0961 (patch) | |
tree | 8c746a7ac8caa30c0f8ab65cc1609ec85458e4ce /dist/spectre-icons.css | |
parent | 6bee0bb257fceee656ff20468724314dcbbc1462 (diff) | |
parent | 136b1127d32e0057f7ff558984245ac388aca820 (diff) |
Merge pull request #174 from picturepan2/feature/0.2.11v0.2.11
Feature/0.2.11
Diffstat (limited to 'dist/spectre-icons.css')
-rw-r--r-- | dist/spectre-icons.css | 413 |
1 files changed, 413 insertions, 0 deletions
diff --git a/dist/spectre-icons.css b/dist/spectre-icons.css new file mode 100644 index 0000000..469f7a7 --- /dev/null +++ b/dist/spectre-icons.css @@ -0,0 +1,413 @@ +/*! Spectre.css Icons | MIT License | github.com/picturepan2/spectre */ +.icon { + box-sizing: border-box; + display: inline-block; + font-size: inherit; + height: 1em; + position: relative; + text-indent: -999rem; + vertical-align: middle; + width: 1em; +} +.icon::before, +.icon::after { + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.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: .2rem solid currentColor; + border-bottom: 0; + border-right: 0; + content: ""; + height: .65em; + -webkit-transform: translate(-25%, -50%) rotate(-45deg); + -ms-transform: translate(-25%, -50%) rotate(-45deg); + transform: translate(-25%, -50%) rotate(-45deg); + width: .65em; +} +.icon-arrow-down, +.icon-downward { + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); +} +.icon-arrow-right, +.icon-forward { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.icon-arrow-up, +.icon-upward { + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.icon-downward::before, +.icon-back::before, +.icon-forward::before, +.icon-upward::before { + -webkit-transform: translate(-50%, -50%) rotate(-45deg); + -ms-transform: translate(-50%, -50%) rotate(-45deg); + transform: translate(-50%, -50%) rotate(-45deg); +} +.icon-downward::after, +.icon-back::after, +.icon-forward::after, +.icon-upward::after { + background: currentColor; + content: ""; + height: .2rem; + left: 60%; + width: .9em; +} +.icon-caret::before { + border-left: .3em solid transparent; + border-right: .3em solid transparent; + border-top: .3em solid currentColor; + content: ""; + height: 0; + -webkit-transform: translate(-50%, -25%); + -ms-transform: translate(-50%, -25%); + transform: translate(-50%, -25%); + width: 0; +} +.icon-menu::before { + background: currentColor; + box-shadow: 0 -.35em, 0 .35em; + content: ""; + height: .2rem; + 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: .3rem; + width: .3rem; +} +.icon-more-horiz::before, +.icon-more-vert::before { + background: currentColor; + border-radius: 50%; + box-shadow: -.4em 0, .4em 0; + content: ""; + height: .3rem; + width: .3rem; +} +.icon-more-vert::before { + box-shadow: 0 -.4em, 0 .4em; +} +.icon-plus::before, +.icon-minus::before, +.icon-cross::before { + background: currentColor; + content: ""; + height: .2rem; + width: 90%; +} +.icon-plus::after, +.icon-cross::after { + background: currentColor; + content: ""; + height: 90%; + width: .2rem; +} +.icon-cross::before { + width: 100%; +} +.icon-cross::after { + height: 100%; +} +.icon-cross::before, +.icon-cross::after { + -webkit-transform: translate(-50%, -50%) rotate(45deg); + -ms-transform: translate(-50%, -50%) rotate(45deg); + transform: translate(-50%, -50%) rotate(45deg); +} +.icon-check::before { + border: .2rem solid currentColor; + border-right: 0; + border-top: 0; + content: ""; + height: .5em; + -webkit-transform: translate(-50%, -75%) rotate(-45deg); + -ms-transform: translate(-50%, -75%) rotate(-45deg); + transform: translate(-50%, -75%) rotate(-45deg); + width: .9em; +} +.icon-refresh::before { + border: .2rem solid currentColor; + border-radius: 50%; + border-right-color: transparent; + content: ""; + height: .9em; + width: .9em; +} +.icon-refresh::after { + border: .2em solid currentColor; + border-left-color: transparent; + border-top-color: transparent; + content: ""; + height: 0; + left: 75%; + top: 25%; + width: 0; +} +.icon-search::before { + border: .2rem solid currentColor; + border-radius: 50%; + content: ""; + height: .75em; + left: 5%; + top: 5%; + -webkit-transform: translate(0, 0) rotate(45deg); + -ms-transform: translate(0, 0) rotate(45deg); + transform: translate(0, 0) rotate(45deg); + width: .75em; +} +.icon-search::after { + background: currentColor; + content: ""; + height: .2rem; + left: 80%; + top: 80%; + -webkit-transform: translate(-50%, -50%) rotate(45deg); + -ms-transform: translate(-50%, -50%) rotate(45deg); + transform: translate(-50%, -50%) rotate(45deg); + width: .4em; +} +.icon-edit::before { + border: .2rem solid currentColor; + content: ""; + height: .4em; + -webkit-transform: translate(-40%, -60%) rotate(-45deg); + -ms-transform: translate(-40%, -60%) rotate(-45deg); + transform: translate(-40%, -60%) rotate(-45deg); + width: .85em; +} +.icon-edit::after { + border: .15em solid currentColor; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + height: 0; + left: 5%; + top: 95%; + -webkit-transform: translate(0, -100%); + -ms-transform: translate(0, -100%); + transform: translate(0, -100%); + width: 0; +} +.icon-delete { + height: .7em; + margin: .15em .1em; + width: .8em; +} +.icon-delete::before { + border: .2rem solid currentColor; + border-bottom-left-radius: .2rem; + border-bottom-right-radius: .2rem; + border-top: 0; + content: ""; + height: .7em; + top: 65%; + width: .75em; +} +.icon-delete::after { + background: currentColor; + content: ""; + height: .2rem; + top: 10%; + width: .9em; +} +.icon-share { + border: .2rem solid currentColor; + border-radius: .2rem; + border-right: 0; + border-top: 0; +} +.icon-share::before { + border: .2rem solid currentColor; + border-bottom: 0; + border-right: 0; + content: ""; + height: .45em; + left: 100%; + top: 36%; + -webkit-transform: translate(-125%, -50%) rotate(135deg); + -ms-transform: translate(-125%, -50%) rotate(135deg); + transform: translate(-125%, -50%) rotate(135deg); + width: .45em; +} +.icon-share::after { + border: .2rem solid currentColor; + border-bottom: 0; + border-radius: 75% 5%; + border-right: 0; + content: ""; + height: .4em; + width: .6em; +} +.icon-flag::before { + background: currentColor; + content: ""; + height: 1em; + left: 10%; + width: .2rem; +} +.icon-flag::after { + border: .2rem solid currentColor; + border-bottom-right-radius: .2rem; + border-left: 0; + border-top-right-radius: .2rem; + content: ""; + height: .65em; + left: 55%; + top: 35%; + width: .75em; +} +.icon-download, +.icon-upload { + border-bottom: .2rem solid currentColor; +} +.icon-download::before, +.icon-upload::before { + border: .2rem solid currentColor; + border-bottom: 0; + border-right: 0; + content: ""; + height: .5em; + -webkit-transform: translate(-50%, -60%) rotate(-135deg); + -ms-transform: translate(-50%, -60%) rotate(-135deg); + transform: translate(-50%, -60%) rotate(-135deg); + width: .5em; +} +.icon-download::after, +.icon-upload::after { + background: currentColor; + content: ""; + height: .6em; + top: 40%; + width: .2rem; +} +.icon-upload::before { + -webkit-transform: translate(-50%, -60%) rotate(45deg); + -ms-transform: translate(-50%, -60%) rotate(45deg); + transform: translate(-50%, -60%) rotate(45deg); +} +.icon-upload::after { + top: 50%; +} +.icon-time { + border: .2rem solid currentColor; + border-radius: 50%; +} +.icon-time::before { + background: currentColor; + content: ""; + height: .4em; + -webkit-transform: translate(-50%, -75%); + -ms-transform: translate(-50%, -75%); + transform: translate(-50%, -75%); + width: .2rem; +} +.icon-time::after { + background: currentColor; + content: ""; + height: .3em; + -webkit-transform: translate(-50%, -75%) rotate(90deg); + -ms-transform: translate(-50%, -75%) rotate(90deg); + transform: translate(-50%, -75%) rotate(90deg); + -webkit-transform-origin: 50% 90%; + -ms-transform-origin: 50% 90%; + transform-origin: 50% 90%; + width: .2rem; +} +.icon-mail::before { + border: .2rem solid currentColor; + border-radius: .2rem; + content: ""; + height: .8em; + width: 1em; +} +.icon-mail::after { + border: .2rem solid currentColor; + border-right: 0; + border-top: 0; + content: ""; + height: .5em; + -webkit-transform: translate(-50%, -90%) rotate(-45deg) skew(10deg, 10deg); + -ms-transform: translate(-50%, -90%) rotate(-45deg) skew(10deg, 10deg); + transform: translate(-50%, -90%) rotate(-45deg) skew(10deg, 10deg); + width: .5em; +} +.icon-people::before { + border: .2rem solid currentColor; + border-radius: 50%; + content: ""; + height: .45em; + top: 25%; + width: .45em; +} +.icon-people::after { + border: .2rem solid currentColor; + border-radius: 50% 50% 0 0; + content: ""; + height: .4em; + top: 75%; + width: .9em; +} +.icon-file::before { + border: .2rem solid currentColor; + border-radius: .2rem .4em .2rem .2rem; + content: ""; + height: 1em; + width: .9em; +} +.icon-file::after { + border: .2em solid currentColor; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + height: 0; + left: .8em; + top: .2em; + width: 0; +} +.icon-link::before, +.icon-link::after { + border: .2rem solid currentColor; + border-radius: 5em; + border-right-color: transparent; + content: ""; + height: .5em; + width: .75em; +} +.icon-link::before { + -webkit-transform: translate(-70%, -45%) rotate(-45deg); + -ms-transform: translate(-70%, -45%) rotate(-45deg); + transform: translate(-70%, -45%) rotate(-45deg); +} +.icon-link::after { + -webkit-transform: translate(-30%, -55%) rotate(135deg); + -ms-transform: translate(-30%, -55%) rotate(135deg); + transform: translate(-30%, -55%) rotate(135deg); +} +.btn .icon, +.toast .icon, +.menu .icon { + vertical-align: -10%; +}
\ No newline at end of file |