mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-09-05 07:27:04 +03:00
Replace rainloop glyphs font with cleaned up snappymail glyph font
This commit is contained in:
djmaze
parent
8e73926725
commit
e562ed159c
10 changed files with 399 additions and 371 deletions
372
vendors/fontastic/styles.css
vendored
372
vendors/fontastic/styles.css
vendored
|
|
@ -1,19 +1,17 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
@font-face {
|
||||
font-family: "rainloop";
|
||||
src:url("fonts/rainloop.eot");
|
||||
src:url("fonts/rainloop.eot?#iefix") format("embedded-opentype"),
|
||||
url("fonts/rainloop.woff") format("woff"),
|
||||
url("fonts/rainloop.ttf") format("truetype"),
|
||||
url("fonts/rainloop.svg#rainloop") format("svg");
|
||||
font-family: "snappymail";
|
||||
src: url("fonts/snappymail.woff") format("woff"),
|
||||
url("fonts/snappymail.ttf") format("truetype"),
|
||||
url("fonts/snappymail.svg#snappymail") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
[data-icon]:before {
|
||||
font-family: "rainloop" !important;
|
||||
[data-icon]::before {
|
||||
font-family: "snappymail" !important;
|
||||
content: attr(data-icon);
|
||||
font-style: normal !important;
|
||||
font-weight: normal !important;
|
||||
|
|
@ -25,9 +23,9 @@
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
[class^="icon-"]:before,
|
||||
[class*=" icon-"]:before {
|
||||
font-family: "rainloop" !important;
|
||||
[class^="icon-"]::before,
|
||||
[class*=" icon-"]::before {
|
||||
font-family: "snappymail" !important;
|
||||
font-style: normal !important;
|
||||
font-weight: normal !important;
|
||||
font-variant: normal !important;
|
||||
|
|
@ -38,354 +36,252 @@
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-arrows-in:before {
|
||||
.icon-arrows-in::before {
|
||||
content: "\e000";
|
||||
}
|
||||
.icon-arrows-out:before {
|
||||
.icon-arrows-out::before {
|
||||
content: "\e001";
|
||||
}
|
||||
.icon-list:before {
|
||||
.icon-list::before {
|
||||
content: "\e002";
|
||||
}
|
||||
.icon-search:before {
|
||||
content: "\e003";
|
||||
.icon-search::before {
|
||||
content: "\e003"; /* 🔎 */
|
||||
}
|
||||
.icon-user:before {
|
||||
content: "\e004";
|
||||
.icon-user::before {
|
||||
content: "\e004"; /* 👤 */
|
||||
}
|
||||
.icon-user-add:before {
|
||||
.icon-user-add::before {
|
||||
content: "\e005";
|
||||
}
|
||||
.icon-tags:before {
|
||||
content: "\e006";
|
||||
}
|
||||
.icon-paper-plane:before {
|
||||
.icon-paper-plane::before {
|
||||
content: "\e007";
|
||||
}
|
||||
.icon-reply:before {
|
||||
.icon-reply::before {
|
||||
content: "\e008";
|
||||
}
|
||||
.icon-reply-all:before {
|
||||
.icon-reply-all::before {
|
||||
content: "\e009";
|
||||
}
|
||||
.icon-forward:before {
|
||||
.icon-forward::before {
|
||||
content: "\e00a";
|
||||
}
|
||||
.icon-info:before {
|
||||
.icon-info::before {
|
||||
content: "\e00b";
|
||||
}
|
||||
.icon-right-dir:before {
|
||||
content: "\e00c";
|
||||
.icon-right-dir::before {
|
||||
content: "\e00c"; /* ▶ */
|
||||
}
|
||||
.icon-down-dir:before {
|
||||
content: "\e00d";
|
||||
}
|
||||
.icon-image:before {
|
||||
.icon-image::before {
|
||||
content: "\e00e";
|
||||
}
|
||||
.icon-print:before {
|
||||
content: "\e00f";
|
||||
.icon-print::before {
|
||||
content: "\e00f"; /* 🖨 */
|
||||
}
|
||||
.icon-calendar:before {
|
||||
content: "\e010";
|
||||
.icon-cog::before {
|
||||
content: "\e011"; /* ⚙ */
|
||||
}
|
||||
.icon-cog:before {
|
||||
content: "\e011";
|
||||
.icon-wrench::before {
|
||||
content: "\e012"; /* 🔧 */
|
||||
}
|
||||
.icon-wrench:before {
|
||||
content: "\e012";
|
||||
.icon-fire::before {
|
||||
content: "\e014"; /* 🔥 */
|
||||
}
|
||||
.icon-rocket:before {
|
||||
content: "\e013";
|
||||
.icon-left::before {
|
||||
content: "\e01b"; /* ➔ rotate 180 */
|
||||
}
|
||||
.icon-fire:before {
|
||||
content: "\e014";
|
||||
.icon-down::before {
|
||||
content: "\e01d"; /* ➔ rotate 90 */
|
||||
}
|
||||
.icon-purchase:before {
|
||||
content: "\e015";
|
||||
.icon-right-mini::before {
|
||||
content: "\e01e"; /* › */
|
||||
}
|
||||
.icon-apple:before {
|
||||
content: "\e016";
|
||||
.icon-down-mini::before {
|
||||
content: "\e01f"; /* › rotate 90 */
|
||||
}
|
||||
.icon-dropbox:before {
|
||||
content: "\e017";
|
||||
.icon-up::before {
|
||||
content: "\e020"; /* ➔ rotate -90 */
|
||||
}
|
||||
.icon-skype:before {
|
||||
content: "\e018";
|
||||
.icon-star-empty::before {
|
||||
content: "\e021"; /* ★ color:transparent; text-shadow */
|
||||
}
|
||||
.icon-creative-commons:before {
|
||||
content: "\e019";
|
||||
.icon-star::before {
|
||||
content: "\e022"; /* ★ */
|
||||
}
|
||||
.icon-ellipsis:before {
|
||||
content: "\e01a";
|
||||
.icon-at::before {
|
||||
content: "\e023"; /* @ */
|
||||
}
|
||||
.icon-left:before {
|
||||
content: "\e01b";
|
||||
}
|
||||
.icon-right:before {
|
||||
content: "\e01c";
|
||||
}
|
||||
.icon-down:before {
|
||||
content: "\e01d";
|
||||
}
|
||||
.icon-right-mini:before {
|
||||
content: "\e01e";
|
||||
}
|
||||
.icon-down-mini:before {
|
||||
content: "\e01f";
|
||||
}
|
||||
.icon-up:before {
|
||||
content: "\e020";
|
||||
}
|
||||
.icon-star-empty:before {
|
||||
content: "\e021";
|
||||
}
|
||||
.icon-star:before {
|
||||
content: "\e022";
|
||||
}
|
||||
.icon-at:before {
|
||||
content: "\e023";
|
||||
}
|
||||
.icon-list-add:before {
|
||||
.icon-list-add::before {
|
||||
content: "\e024";
|
||||
}
|
||||
.icon-google:before {
|
||||
content: "\e025";
|
||||
.icon-warning::before {
|
||||
content: "\e029"; /* ⚠️ */
|
||||
}
|
||||
.icon-google-plus:before {
|
||||
content: "\e026";
|
||||
}
|
||||
.icon-twitter:before {
|
||||
content: "\e027";
|
||||
}
|
||||
.icon-youtube:before {
|
||||
content: "\e028";
|
||||
}
|
||||
.icon-warning:before {
|
||||
content: "\e029";
|
||||
}
|
||||
.icon-warning-alt:before {
|
||||
.icon-warning-alt::before {
|
||||
content: "\e02a";
|
||||
}
|
||||
.icon-power:before {
|
||||
content: "\e02b";
|
||||
.icon-power::before {
|
||||
content: "\e02b"; /* ⏻ */
|
||||
}
|
||||
.icon-plus:before {
|
||||
content: "\e02c";
|
||||
.icon-plus::before {
|
||||
content: "\e02c"; /* ✚ */
|
||||
}
|
||||
.icon-ok:before {
|
||||
.icon-ok::before {
|
||||
content: "\e02d";
|
||||
}
|
||||
.icon-remove:before {
|
||||
content: "\e02e";
|
||||
.icon-remove::before {
|
||||
content: "\e02e"; /* ✖ */
|
||||
}
|
||||
.icon-file:before {
|
||||
.icon-file::before {
|
||||
content: "\e02f";
|
||||
}
|
||||
.icon-file-code:before {
|
||||
.icon-file-code::before {
|
||||
content: "\e030";
|
||||
}
|
||||
.icon-file-chart-graph:before {
|
||||
content: "\e031";
|
||||
.icon-file-chart-graph::before {
|
||||
content: "\e031"; /* 📊 */
|
||||
}
|
||||
.icon-file-zip:before {
|
||||
.icon-file-zip::before {
|
||||
content: "\e032";
|
||||
}
|
||||
.icon-file-music:before {
|
||||
.icon-file-music::before {
|
||||
content: "\e033";
|
||||
}
|
||||
.icon-file-text:before {
|
||||
.icon-file-text::before {
|
||||
content: "\e034";
|
||||
}
|
||||
.icon-file-bookmark:before {
|
||||
content: "\e035";
|
||||
}
|
||||
.icon-file-image:before {
|
||||
.icon-file-image::before {
|
||||
content: "\e036";
|
||||
}
|
||||
.icon-file-analytics:before {
|
||||
content: "\e037";
|
||||
}
|
||||
.icon-file-certificate:before {
|
||||
.icon-file-certificate::before {
|
||||
content: "\e038";
|
||||
}
|
||||
.icon-attachment:before {
|
||||
.icon-attachment::before {
|
||||
content: "\e039";
|
||||
}
|
||||
.icon-file-excel:before {
|
||||
.icon-file-excel::before {
|
||||
content: "\e03a";
|
||||
}
|
||||
.icon-file-movie:before {
|
||||
.icon-file-movie::before {
|
||||
content: "\e03b";
|
||||
}
|
||||
.icon-folder-add:before {
|
||||
.icon-folder-add::before {
|
||||
content: "\e03c";
|
||||
}
|
||||
.icon-folder:before {
|
||||
content: "\e03d";
|
||||
.icon-folder::before {
|
||||
content: "\e03d"; /* 📁 */
|
||||
}
|
||||
.icon-floppy:before {
|
||||
content: "\e03e";
|
||||
.icon-floppy::before {
|
||||
content: "\e03e"; /* 💾 */
|
||||
}
|
||||
.icon-eye:before {
|
||||
content: "\e03f";
|
||||
.icon-eye::before {
|
||||
content: "\e03f"; /* 👁 */
|
||||
}
|
||||
.icon-facebook-alt:before {
|
||||
content: "\e040";
|
||||
}
|
||||
.icon-facebook:before {
|
||||
content: "\e041";
|
||||
}
|
||||
.icon-bolt:before {
|
||||
.icon-bolt::before {
|
||||
content: "\e042";
|
||||
}
|
||||
.icon-download:before {
|
||||
.icon-download::before {
|
||||
content: "\e043";
|
||||
}
|
||||
.icon-upload:before {
|
||||
content: "\e044";
|
||||
}
|
||||
.icon-popup:before {
|
||||
.icon-popup::before {
|
||||
content: "\e045";
|
||||
}
|
||||
.icon-github:before {
|
||||
content: "\e046";
|
||||
.icon-telephone::before {
|
||||
content: "\e047"; /* ℡ ✆ ☎ ☏ 📞 */
|
||||
}
|
||||
.icon-telephone:before {
|
||||
content: "\e047";
|
||||
.icon-mobile::before {
|
||||
content: "\e048"; /* 📱 */
|
||||
}
|
||||
.icon-mobile:before {
|
||||
content: "\e048";
|
||||
.icon-pencil::before {
|
||||
content: "\e049"; /* ✎ */
|
||||
}
|
||||
.icon-pencil:before {
|
||||
content: "\e049";
|
||||
.icon-trash::before {
|
||||
content: "\e04a"; /* 🗑️ */
|
||||
}
|
||||
.icon-trash:before {
|
||||
content: "\e04a";
|
||||
.icon-left-middle::before {
|
||||
content: "\e04b"; /* ❮ */
|
||||
}
|
||||
.icon-left-middle:before {
|
||||
content: "\e04b";
|
||||
.icon-right-middle::before {
|
||||
content: "\e04c"; /* ❯ */
|
||||
}
|
||||
.icon-right-middle:before {
|
||||
content: "\e04c";
|
||||
.icon-key::before {
|
||||
content: "\e04e"; /* 🔑 */
|
||||
}
|
||||
.icon-repeat:before {
|
||||
content: "\e04d";
|
||||
.icon-lock::before {
|
||||
content: "\e04f"; /* 🔒 */
|
||||
}
|
||||
.icon-key:before {
|
||||
content: "\e04e";
|
||||
}
|
||||
.icon-lock:before {
|
||||
content: "\e04f";
|
||||
}
|
||||
.icon-home:before {
|
||||
content: "\e050";
|
||||
}
|
||||
.icon-address-book:before {
|
||||
.icon-address-book::before {
|
||||
content: "\e051";
|
||||
}
|
||||
.icon-share:before {
|
||||
content: "\e052";
|
||||
.icon-users::before {
|
||||
content: "\e055"; /* 👥 */
|
||||
}
|
||||
.icon-suitcase:before {
|
||||
content: "\e053";
|
||||
.icon-mail::before {
|
||||
content: "\e057"; /* ✉ */
|
||||
}
|
||||
.icon-new-sign:before {
|
||||
content: "\e054";
|
||||
}
|
||||
.icon-users:before {
|
||||
content: "\e055";
|
||||
}
|
||||
.icon-earth:before {
|
||||
content: "\e056";
|
||||
}
|
||||
.icon-mail:before {
|
||||
content: "\e057";
|
||||
}
|
||||
.icon-checkbox-checked:before {
|
||||
.icon-checkbox-checked::before {
|
||||
content: "\e058";
|
||||
}
|
||||
.icon-checkbox-unchecked:before {
|
||||
.icon-checkbox-unchecked::before {
|
||||
content: "\e059";
|
||||
}
|
||||
.icon-checkbox-partial:before {
|
||||
.icon-checkbox-partial::before {
|
||||
content: "\e05a";
|
||||
}
|
||||
.icon-radio-checked:before {
|
||||
.icon-radio-checked::before {
|
||||
content: "\e05b";
|
||||
}
|
||||
.icon-radio-unchecked:before {
|
||||
.icon-radio-unchecked::before {
|
||||
content: "\e05c";
|
||||
}
|
||||
.icon-google-drive:before {
|
||||
content: "\e05d";
|
||||
}
|
||||
.icon-spinner:before {
|
||||
.icon-spinner::before {
|
||||
content: "\e05e";
|
||||
}
|
||||
.icon-archive:before {
|
||||
.icon-archive::before {
|
||||
content: "\e05f";
|
||||
}
|
||||
.icon-buy-sign:before {
|
||||
content: "\e060";
|
||||
.icon-filter::before {
|
||||
content: "\e061"; /* ⊆ */
|
||||
}
|
||||
.icon-filter:before {
|
||||
content: "\e061";
|
||||
.icon-sync::before {
|
||||
content: "\e062"; /* ⤻⃔ 🔁 🔃 */
|
||||
}
|
||||
.icon-sync:before {
|
||||
content: "\e062";
|
||||
.icon-ellipsis-alt::before {
|
||||
content: "\e063"; /* ⋮ */
|
||||
}
|
||||
.icon-ellipsis-alt:before {
|
||||
content: "\e063";
|
||||
}
|
||||
.icon-cloud-up:before {
|
||||
content: "\e064";
|
||||
}
|
||||
.icon-cloud-down:before {
|
||||
content: "\e065";
|
||||
}
|
||||
.icon-import:before {
|
||||
.icon-import::before {
|
||||
content: "\e066";
|
||||
}
|
||||
.icon-export:before {
|
||||
.icon-export::before {
|
||||
content: "\e067";
|
||||
}
|
||||
.icon-copy:before {
|
||||
.icon-copy::before {
|
||||
content: "\e068";
|
||||
}
|
||||
.icon-angry-smiley:before {
|
||||
content: "\e069";
|
||||
}
|
||||
.icon-happy-smiley:before {
|
||||
content: "\e06a";
|
||||
}
|
||||
.icon-help:before {
|
||||
.icon-help::before {
|
||||
content: "\e06b";
|
||||
}
|
||||
.icon-resize-in:before {
|
||||
.icon-resize-in::before {
|
||||
content: "\e06c";
|
||||
}
|
||||
.icon-resize-out:before {
|
||||
content: "\e06d";
|
||||
.icon-resize-out::before {
|
||||
content: "\e06d"; /* ⤢ */
|
||||
}
|
||||
.icon-world:before {
|
||||
content: "\e06f";
|
||||
.icon-world::before {
|
||||
content: "\e06f"; /* 🌍 */
|
||||
}
|
||||
.icon-braille:before {
|
||||
content: "\e06e";
|
||||
.icon-braille::before {
|
||||
content: "\e06e"; /* ⸭ ⠿ ⁞⁞ */
|
||||
}
|
||||
.icon-play:before {
|
||||
content: "\e070";
|
||||
.icon-play::before {
|
||||
content: "\e070"; /* ⏯︎ */
|
||||
}
|
||||
.icon-pause:before {
|
||||
content: "\e071";
|
||||
.icon-pause::before {
|
||||
content: "\e071"; /* ⏸︎ */
|
||||
}
|
||||
.icon-stop:before {
|
||||
content: "\e072";
|
||||
}
|
||||
.icon-check-mark-circle-two:before {
|
||||
.icon-check-mark-circle-two::before {
|
||||
content: "\e073";
|
||||
}
|
||||
.icon-laptop:before {
|
||||
content: "\e075";
|
||||
.icon-laptop::before {
|
||||
content: "\e075"; /* 💻 */
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue