SPR-843: Fontello Icons umstellen auf Material Design Icons + codes ins less
This commit is contained in:
parent
ce0c70f35a
commit
9e3ba4a7f8
11 changed files with 891 additions and 604 deletions
87
css/base_fontello-icons.less
Normal file
87
css/base_fontello-icons.less
Normal 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'; } }
|
|
@ -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';
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
Loading…
Add table
Add a link
Reference in a new issue