SPR-843: Fontello Icons umstellen auf Material Design Icons + codes ins less

This commit is contained in:
Silke Pisulla 2017-03-01 13:43:22 +01:00
commit 9e3ba4a7f8
11 changed files with 891 additions and 604 deletions

View file

@ -0,0 +1,87 @@
/**
* This file provides styles for web fonts and icon fonts
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
/* icon font */
.setIconFontFace('fontello','fontello');
.icon, [class^="icon-"], [class*=" icon-"]{
.fontello();
}
/* + + + + + fontello codes + + + + + */
/**
* If in the Fontello-Packet an icon is added, the code should be supplemented here:
*/
.icon-emo-happy { &::before { content: '\e804'; } }
.icon-emo-wink { &::before { content: '\e805'; } }
.icon-emo-unhappy { &::before { content: '\e806'; } }
.icon-emo-sleep { &::before { content: '\e807'; } }
.icon-emo-thumbsup { &::before { content: '\e808'; } }
.icon-emo-grin { &::before { content: '\e80c'; } }
.icon-emo-angry { &::before { content: '\e80d'; } }
.icon-emo-cry { &::before { content: '\e80f'; } }
.icon-emo-squint { &::before { content: '\e811'; } }
.icon-emo-laugh { &::before { content: '\e812'; } }
.icon-emo-wink2 { &::before { content: '\e813'; } }
.icon-cog-alt { &::before { content: '\e818'; } }
.icon-left-thick { &::before { content: '\e82c'; } }
.icon-right-small { &::before { content: '\e82d'; } }
.icon-right-thick { &::before { content: '\e82e'; } }
.icon-up-small { &::before { content: '\e82f'; } }
.icon-up-bold { &::before { content: '\e830'; } }
.icon-up-thick { &::before { content: '\e831'; } }
.icon-attachment { &::before { content: '\e832'; } }
.icon-user { &::before { content: '\e833'; } }
.icon-user-circle { &::before { content: '\e86c'; } }
.icon-down-small { &::before { content: '\e834'; } }
.icon-down-thick { &::before { content: '\e835'; } }
.icon-left-small { &::before { content: '\e836'; } }
.icon-left-bold { &::before { content: '\e837'; } }
.icon-file-pdf { &::before { content: '\e838'; } }
.icon-undo-variant { &::before { content: '\e839'; } }
.icon-bell { &::before { content: '\e83a'; } }
.icon-bookmark-empty { &::before { content: '\e83b'; } }
.icon-help { &::before { content: '\e83c'; } }
.icon-doc-new { &::before { content: '\e83d'; } }
.icon-doc { &::before { content: '\e83e'; } }
.icon-book-open { &::before { content: '\e83f'; } }
.icon-pencil { &::before { content: '\e840'; } }
.icon-check { &::before { content: '\e841'; } }
.icon-home { &::before { content: '\e842'; } }
.icon-link { &::before { content: '\e843'; } }
.icon-checkbox-marked { &::before { content: '\e844'; } }
.icon-login { &::before { content: '\e845'; } }
.icon-down-open-big { &::before { content: '\e846'; } }
.icon-logout { &::before { content: '\e847'; } }
.icon-up-open-big { &::before { content: '\e848'; } }
.icon-docs { &::before { content: '\e849'; } }
.icon-doc-text { &::before { content: '\e84a'; } }
.icon-frown { &::before { content: '\e84b'; } }
.icon-star-outline { &::before { content: '\e84c'; } }
.icon-sitemap { &::before { content: '\e84d'; } }
.icon-cog { &::before { content: '\e84e'; } }
.icon-puzzle { &::before { content: '\e84f'; } }
.icon-plus { &::before { content: '\e850'; } }
.icon-pencil-1 { &::before { content: '\e851'; } }
.icon-minus { &::before { content: '\e852'; } }
.icon-up { &::before { content: '\e853'; } }
.icon-menu { &::before { content: '\e854'; } }
.icon-search { &::before { content: '\e855'; } }
.icon-clipboard-empty { &::before { content: '\e856'; } }
.icon-clipboard { &::before { content: '\e857'; } }
.icon-clock { &::before { content: '\e858'; } }
.icon-down { &::before { content: '\e859'; } }
.icon-cloud { &::before { content: '\e85a'; } }
.icon-code-braces { &::before { content: '\e85b'; } }
.icon-disk { &::before { content: '\e85c'; } }
.icon-mail { &::before { content: '\e85d'; } }
.icon-smile { &::before { content: '\e85e'; } }
.icon-meh { &::before { content: '\e85f'; } }
.icon-star { &::before { content: '\e860'; } }
.icon-code { &::before { content: '\e861'; } }

View file

@ -1,277 +0,0 @@
/**
* This file provides styles for web fonts and icon fonts
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
/* icon font */
.setIconFontFace('fontello','fontello');
.icon, [class^="icon-"], [class*=" icon-"]{
.fontello();
}
/* custom icon font */
.icon-user{
&::before {
content: '\e800';
}
}
.icon-logout{
&::before {
content: '\e801';
}
}
.icon-login{
&::before {
content: '\e802';
}
}
.icon-clipboard{
&::before {
content: '\e803';
}
}
.icon-emo-happy {
&::before {
content: '\e804';
}
}
.icon-emo-wink {
&::before {
content: '\e805';
}
}
.icon-emo-unhappy {
&::before {
content: '\e806';
}
}
.icon-emo-sleep{
&::before {
content: '\e807';
}
}
.icon-emo-thumbsup {
&::before {
content: '\e808';
}
}
.icon-clock{
&::before {
content: '\e809';
}
}
.icon-link{
&::before {
content: '\e80a';
}
}
.icon-link-after{
&::after {
content: '\e80a';
}
}
.icon-bell{
&::before {
content: '\e80b';
}
}
.icon-emo-grin{
:before {
content: '\e80c';
}
}
.icon-emo-angry{
&::before {
content: '\e80d';
}
}
.icon-mail{
&::before {
content: '\e80e';
}
}
.icon-emo-cry {
&::before {
content: '\e80f';
}
}
.icon-cloud{
&::before {
content: '\e810';
}
}
.icon-emo-squint{
&::before {
content: '\e811';
}
}
.icon-emo-laugh{
&::before {
content: '\e812';
}
}
.icon-emo-wink2{
&::before {
content: '\e813';
}
}
.icon-cloud-1{
&::before {
content: '\e814';
}
}
.icon-home-outline{
&::before {
content: '\e815';
}
}
.icon-home() {
&::before {
content: '\e816';
}
}
.icon-search() {
&::before {
content: '\e81f';
}
}
.icon-puzzle-1{
&::before {
content: '\e817';
}
}
.icon-cog-alt{
&::before {
content: '\e818';
}
}
.icon-cog{
&::before {
content: '\e819';
}
}
.icon-help{
&::before {
content: '\e81a';
}
}
.icon-bookmark-empty{
&::before {
content: '\f097';
}
}
.icon-menu{
&::before {
content: '\f0c9';
}
}
.icon-sitemap{
&::before {
content: '\f0e8';
}
}
.icon-doc-text{
&::before {
content: '\f0f6';
}
}
.icon-doc-text-after{
&::after {
content: '\f0f6';
}
}
.icon-smile{
&::before {
content: '\f118';
}
}
.icon-frown{
&::before {
content: '\f119';
}
}
.icon-meh {
&::before {
content: '\f11a';
}
}
.icon-puzzle {
&::before {
content: '\f12e';
}
}
.icon-puzzle-after {
&::after {
content: '\f12e';
}
}
.icon-file-pdf{
&::before {
content: '\f1c1';
}
}
.icon-doc-new{
&::before {
content: '\e81d';
}
}
.icon-book-open{
&::before {
content: '\e81c';
}
}
.icon-plus{
&::before {
content: '\e81e';
}
}
.icon-doc{
&::before {
content: '\e81b';
}
}