Category: css

Font awesome naming convention

Here is some collections for working with font-awesome Source: https://fontawesome.com   1- Rotating icons <div class=”fa-2x”> <i class=”fa fa-font-awesome”></i> <i class=”fa fa-font-awesome fa-rotate-90″></i> <i class=”fa fa-font-awesome fa-rotate-180″></i> <i class=”fa fa-font-awesome fa-rotate-270″></i> <i class=”fa fa-font-awesome fa-flip-horizontal”></i> <i class=”fa fa-font-awesome fa-flip-vertical”></i> </div> Source: https://fontawesome.com/how-to-use/on-the-web/styling/rotating-icons 2- Sizing icons <i class=”fas fa-stroopwafel fa-xs”></i> <i class=”fas fa-stroopwafel fa-sm”></i> <i class=”fas fa-stroopwafel fa-lg”></i> …


How to – collapse for Bootstrap 4 and Angular 6

In order to make a navbar collapse in boostrap 4 to be used with Angular 6, following things need to be done: file.html <nav class=”navbar” role=”navigation”>  <a class=”navbar-brand” href=”#” title=”GreenTSharing” target=”_blank”><img class=”logo”  src=”/assets/images/logo.png” id=”logo” /></a>   <button type=”button” class=”navbar-toggler” data-toggle=”collapse”  (click)=”isNavCollapsed = !isNavCollapsed” [attr.aria-expanded]=”!isNavCollapsed” aria-controls=”bs-example-navbar-collapse-1″ aria-label=”Toggle navigation”>     <span class=”navbar-toggler-icon”></span>   </button>   <div …