Merge pull request #8382 from vinodkumar45/5.1.0

Issue #ED-420 CSS cleanup and themes cleanup & SASS migration

src/app/client/src/assets/styles/components/_menu.scss

-
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 
 .sb-sidebar-menu {
   h5 {

src/app/client/src/assets/styles/components/_pagesection.scss

+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
+
 .sb-pageSection {
   .sb-pageSection-header {
     display: flex;

src/app/client/src/assets/styles/components/_pagination.scss

+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
+
 .sb-pagination-container {
     display: flex;
     .sb-pagination {

src/app/client/src/assets/styles/components/_popup.scss

+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
+
 // tooltip Component
 .ui {
     &.popup {

src/app/client/src/assets/styles/components/_progress-bar.scss

+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
+
 .ui.progress {
   .bar {
     background: var(--primary-color);

src/app/client/src/assets/styles/components/_tabs.scss

+
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 .ui.secondary.pointing.menu {
   &.sb-tabs__header {
     height: calculateRem(56px);

src/app/client/src/assets/styles/components/_toasters.scss

+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 .sb-toaster {
   width: 100%;
   max-width: calculateRem(448px);
-  // min-height: calculateRem(48px);
   padding: calculateRem(24px) calculateRem(24px) calculateRem(24px) calculateRem(16px);
   border-radius: calculateRem(8px);
   border: 1px solid var(--primary-300);

src/app/client/src/assets/styles/components/components.scss

@@ -3,7 +3,6 @@
 @forward "./modal";
 @forward "./accordion";
 @forward "./banner";
-@forward "./breadcrumb";
 @forward "./card";
 @forward "./certificate";
 @forward "./checkbox";
@@ -18,9 +17,7 @@
 @forward "./menu";
 @forward "./pagesection";
 @forward "./pagination";
-//@forward "./popup";
 @forward "./progress-bar";
-@forward "./rating";
 @forward "./icons";
 @forward "./search";
 @forward "./select";

src/app/client/src/assets/styles/layout/layout.scss

+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 @forward "./container";
 @forward "./grid";
 

src/app/client/src/assets/styles/pages/_kabab-menu.scss

+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 // Course Player & My Groups kabab menu styles
 
 .kabab-menu {

src/app/client/src/assets/styles/pages/_user-mgmt.scss

+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 /* user create and choose user page UI styles */
 
 .user-profile-box {

src/app/client/src/assets/styles/pages/custom-carousel.scss

+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 ::ng-deep {
   .modal-custom-carousel {
     .slick-slide {

src/app/client/src/assets/styles/vendors/_fine-uploader-new.scss

+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
+
 /***********************************************
    Hacks -
 

src/app/client/src/assets/styles/vendors/_iziToast.scss

+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
+
 /*
 * iziToast | v1.3.0
 * http://izitoast.marcelodolce.com

src/app/client/src/assets/styles/vendors/vendors.scss

 // @forward "./angular2select-default.theme";
 // @forward "./fine-uploader-gallery";
 @forward "./fine-uploader-new";
-// @forward "./slick-theme";
 @forward "./slick";
 @forward "./iziToast";