Ontario confirms 25 more COVID-19 deaths, adds 408 new cases

TORONTO — Ontario public health officials confirmed 25 more COVID-19 deaths and reported 408 new cases of the virus on Sunday morning. There are currently 4,038 cases in the province, including a total of 119 deaths as a result of the novel coronavirus. Of those 4,038, more than 1,449 patients have recovered, up 230 from Saturday’s report.Continue reading “Ontario confirms 25 more COVID-19 deaths, adds 408 new cases”

How to use media qurey mixin in SASS

media-breakpoint-between($lower, $upper) Dependencies The mixins are declared in mixins/_breakpoints.scss, and depend on the $grid-breakpoints map, found in _variables.scss. Example Breakpoint map: $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) Mixin: @include media-breakpoint-between(sm, md) { // your code } Compiles to @media (min-width: 576px) and (max-width: 991px) {} Important notice Media-breakpoint-between mixin usesContinue reading “How to use media qurey mixin in SASS”

Using NgTemplateOutlet

See the docs here: https://angular.io/api/common/NgTemplateOutlet In this post we will be breaking a CardOrListViewComponent into 🐊 bite-sized pieces with the help of NgTemplateOutlet. Using NgTemplateOutlet instead of creating specific components allows for components to be easily modified for various use cases without having to modify the component itself. The CardOrListViewComponent displays items in a card or a list format depending on its mode: card-or-list-view.component.html <ng-container [ngSwitch]=”mode”> <ng-container *ngSwitchCase=”‘card'”>Continue reading “Using NgTemplateOutlet”

SASS and the power of Mixins!

Introduction: Sass is a style sheet language initially designed by Hampton Catlin and developed by Natalie Weizenbaum. After its initial versions, Weizenbaum and Chris Eppstein have continued to extend Sass with SassScript, a scripting language used in Sass files . Credit goes to  Josh Pollock a wordpress developer and educator. What is it a nutshell: Continue reading “SASS and the power of Mixins!”

Angular 8:Child to Parent Component

Parent Component ===================== (notify) = “handler()” ================== Child Component @Output notify =================== If you want to pass some data from child to parent component, we create an EventEmitter and decorate with @Output() decorator to be communicated to the parent. The Parent will have an event binding with the name of the eventEmitter bound to aContinue reading “Angular 8:Child to Parent Component”