Forums

way how to get core s32 icons fontawesome look


Jimako » 3 weeks ago

- used for frontend admin UI

.S32 {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}

.fa-pull-left.S32 {
margin-right: 0.3em;
}

.fa-pull-right.S32 {
margin-left: 0.3em;
}
.S32 {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}

.S32 {
font-style: normal;
font-size: 12px;
}

.e-edit-32:before {
content: "";
}

.e-delete-32:before {
content: "";
}

sass version:

 

.S32 {
@extend .fa;
font-style: normal;
font-size: 12px;
}

.e-edit-32 {
@extend .fa-edit ;
}

.S32 {
@extend .fas;
}

.e-delete-32 {
@extend .fa-times ;
}

 

delete button look:

.adminlist .options {

   .delete {
   @extend .btn-danger ;

   }
}


Jimako
Main Admin
Moderator(s): Jimako