diff --git a/tasks/vendors.js b/tasks/vendors.js
index 20ec4729e..541b9c887 100644
--- a/tasks/vendors.js
+++ b/tasks/vendors.js
@@ -19,11 +19,11 @@ const lightgalleryFontsClear = () => del('rainloop/v/' + config.devVersion + '/s
const lightgallery = gulp.series(lightgalleryFontsClear);
// fontastic
-const fontasticFontsClear = () => del('rainloop/v/' + config.devVersion + '/static/css/fonts/rainloop.*');
+const fontasticFontsClear = () => del('rainloop/v/' + config.devVersion + '/static/css/fonts/snappymail.*');
const fontasticFontsCopy = () =>
gulp
- .src('vendors/fontastic/fonts/rainloop.*')
+ .src('vendors/fontastic/fonts/snappymail.*')
.pipe(gulp.dest('rainloop/v/' + config.devVersion + '/static/css/fonts'));
const fontastic = gulp.series(fontasticFontsClear, fontasticFontsCopy);
diff --git a/vendors/fontastic/fonts/rainloop.eot b/vendors/fontastic/fonts/rainloop.eot
deleted file mode 100644
index 676cc9c05..000000000
Binary files a/vendors/fontastic/fonts/rainloop.eot and /dev/null differ
diff --git a/vendors/fontastic/fonts/rainloop.svg b/vendors/fontastic/fonts/rainloop.svg
deleted file mode 100644
index a9a08b082..000000000
--- a/vendors/fontastic/fonts/rainloop.svg
+++ /dev/null
@@ -1,127 +0,0 @@
-
-
-
diff --git a/vendors/fontastic/fonts/rainloop.ttf b/vendors/fontastic/fonts/rainloop.ttf
deleted file mode 100644
index 63ed50b68..000000000
Binary files a/vendors/fontastic/fonts/rainloop.ttf and /dev/null differ
diff --git a/vendors/fontastic/fonts/rainloop.woff b/vendors/fontastic/fonts/rainloop.woff
deleted file mode 100644
index a3cc73681..000000000
Binary files a/vendors/fontastic/fonts/rainloop.woff and /dev/null differ
diff --git a/vendors/fontastic/fonts/snappymail.svg b/vendors/fontastic/fonts/snappymail.svg
new file mode 100644
index 000000000..b2b2f5b96
--- /dev/null
+++ b/vendors/fontastic/fonts/snappymail.svg
@@ -0,0 +1,262 @@
+
+
+
diff --git a/vendors/fontastic/fonts/snappymail.ttf b/vendors/fontastic/fonts/snappymail.ttf
new file mode 100644
index 000000000..65bac9e04
Binary files /dev/null and b/vendors/fontastic/fonts/snappymail.ttf differ
diff --git a/vendors/fontastic/fonts/snappymail.woff b/vendors/fontastic/fonts/snappymail.woff
new file mode 100644
index 000000000..87986ca52
Binary files /dev/null and b/vendors/fontastic/fonts/snappymail.woff differ
diff --git a/vendors/fontastic/styles.css b/vendors/fontastic/styles.css
index 4bf843c21..3c536def1 100644
--- a/vendors/fontastic/styles.css
+++ b/vendors/fontastic/styles.css
@@ -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"; /* ๐ป */
}