@dvrd/dvr-controls 1.1.13 → 1.1.15

package/src/style/common-icons.scss

@@ -2,23 +2,23 @@
  * Copyright (c) 2024. Dave van Rijn Development
  */
 
-@import "common-icons-variables";
+@use "common-icons-variables" as icon-vars;
 
 @font-face {
   font-family: 'common-icons';
-  src:  url('#{$icomoon-font-path}/common-icons.eot');
-  src:  url('#{$icomoon-font-path}/common-icons.eot') format('embedded-opentype'),
-    url('#{$icomoon-font-path}/common-icons.woff2') format('woff2'),
-    url('#{$icomoon-font-path}/common-icons.ttf') format('truetype'),
-    url('#{$icomoon-font-path}/common-icons.woff') format('woff'),
-    url('#{$icomoon-font-path}/common-icons.svg') format('svg');
+  src:  url('#{icon-vars.$icomoon-font-path}/common-icons.eot');
+  src:  url('#{icon-vars.$icomoon-font-path}/common-icons.eot') format('embedded-opentype'),
+    url('#{icon-vars.$icomoon-font-path}/common-icons.woff2') format('woff2'),
+    url('#{icon-vars.$icomoon-font-path}/common-icons.ttf') format('truetype'),
+    url('#{icon-vars.$icomoon-font-path}/common-icons.woff') format('woff'),
+    url('#{icon-vars.$icomoon-font-path}/common-icons.svg') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 
 [class^="common-icon-"], [class*=" common-icon-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
-  font-family: 'common-icons' !important;
+  font-family: 'common-icons', serif !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
@@ -31,7 +31,6 @@
   -webkit-font-feature-settings: "liga";
   -moz-font-feature-settings: "liga=1";
   -moz-font-feature-settings: "liga";
-  -ms-font-feature-settings: "liga" 1;
   font-feature-settings: "liga";
   -webkit-font-variant-ligatures: discretionary-ligatures;
   font-variant-ligatures: discretionary-ligatures;
@@ -43,672 +42,672 @@
 
 .common-icon-education-2 {
   &:before {
-    content: $common-icon-education-2; 
+    content: icon-vars.$common-icon-education-2; 
   }
 }
 .common-icon-suitcase {
   &:before {
-    content: $common-icon-suitcase; 
+    content: icon-vars.$common-icon-suitcase; 
   }
 }
 .common-icon-facebook {
   &:before {
-    content: $common-icon-facebook; 
+    content: icon-vars.$common-icon-facebook; 
   }
 }
 .common-icon-instagram {
   &:before {
-    content: $common-icon-instagram; 
+    content: icon-vars.$common-icon-instagram; 
   }
 }
 .common-icon-linkedin {
   &:before {
-    content: $common-icon-linkedin; 
+    content: icon-vars.$common-icon-linkedin; 
   }
 }
 .common-icon-sms3 {
   &:before {
-    content: $common-icon-sms3; 
+    content: icon-vars.$common-icon-sms3; 
   }
 }
 .common-icon-calender {
   &:before {
-    content: $common-icon-calender; 
+    content: icon-vars.$common-icon-calender; 
   }
 }
 .common-icon-dashboard {
   &:before {
-    content: $common-icon-dashboard; 
+    content: icon-vars.$common-icon-dashboard; 
   }
 }
 .common-icon-email {
   &:before {
-    content: $common-icon-email; 
+    content: icon-vars.$common-icon-email; 
   }
 }
 .common-icon-messenger {
   &:before {
-    content: $common-icon-messenger; 
+    content: icon-vars.$common-icon-messenger; 
   }
 }
 .common-icon-sms {
   &:before {
-    content: $common-icon-sms; 
+    content: icon-vars.$common-icon-sms; 
   }
 }
 .common-icon-triangle {
   &:before {
-    content: $common-icon-triangle; 
+    content: icon-vars.$common-icon-triangle; 
   }
 }
 .common-icon-whatsapp {
   &:before {
-    content: $common-icon-whatsapp; 
+    content: icon-vars.$common-icon-whatsapp; 
   }
 }
 .common-icon-arrow_bothways {
   &:before {
-    content: $common-icon-arrow_bothways; 
+    content: icon-vars.$common-icon-arrow_bothways; 
   }
 }
 .common-icon-note {
   &:before {
-    content: $common-icon-note; 
+    content: icon-vars.$common-icon-note; 
   }
 }
 .common-icon-contact {
   &:before {
-    content: $common-icon-contact; 
+    content: icon-vars.$common-icon-contact; 
   }
 }
 .common-icon-files {
   &:before {
-    content: $common-icon-files; 
+    content: icon-vars.$common-icon-files; 
   }
 }
 .common-icon-alarm {
   &:before {
-    content: $common-icon-alarm; 
+    content: icon-vars.$common-icon-alarm; 
   }
 }
 .common-icon-bar-magnifier {
   &:before {
-    content: $common-icon-bar-magnifier; 
+    content: icon-vars.$common-icon-bar-magnifier; 
   }
 }
 .common-icon-course {
   &:before {
-    content: $common-icon-course; 
+    content: icon-vars.$common-icon-course; 
   }
 }
 .common-icon-recovery-place {
   &:before {
-    content: $common-icon-recovery-place; 
+    content: icon-vars.$common-icon-recovery-place; 
   }
 }
 .common-icon-orthodontist {
   &:before {
-    content: $common-icon-orthodontist; 
+    content: icon-vars.$common-icon-orthodontist; 
   }
 }
 .common-icon-ying-yang {
   &:before {
-    content: $common-icon-ying-yang; 
+    content: icon-vars.$common-icon-ying-yang; 
   }
 }
 .common-icon-star-half {
   &:before {
-    content: $common-icon-star-half; 
+    content: icon-vars.$common-icon-star-half; 
   }
 }
 .common-icon-star-full {
   &:before {
-    content: $common-icon-star-full; 
+    content: icon-vars.$common-icon-star-full; 
   }
 }
 .common-icon-star-empty {
   &:before {
-    content: $common-icon-star-empty; 
+    content: icon-vars.$common-icon-star-empty; 
   }
 }
 .common-icon-acne {
   &:before {
-    content: $common-icon-acne;     
+    content: icon-vars.$common-icon-acne;     
     color: #000;
   }
 }
 .common-icon-anti-conception {
   &:before {
-    content: $common-icon-anti-conception; 
+    content: icon-vars.$common-icon-anti-conception; 
   }
 }
 .common-icon-edit {
   &:before {
-    content: $common-icon-edit; 
+    content: icon-vars.$common-icon-edit; 
   }
 }
 .common-icon-feetcare {
   &:before {
-    content: $common-icon-feetcare; 
+    content: icon-vars.$common-icon-feetcare; 
   }
 }
 .common-icon-info {
   &:before {
-    content: $common-icon-info; 
+    content: icon-vars.$common-icon-info; 
   }
 }
 .common-icon-medical-supply {
   &:before {
-    content: $common-icon-medical-supply; 
+    content: icon-vars.$common-icon-medical-supply; 
   }
 }
 .common-icon-medicine {
   &:before {
-    content: $common-icon-medicine; 
+    content: icon-vars.$common-icon-medicine; 
   }
 }
 .common-icon-piggy-bank {
   &:before {
-    content: $common-icon-piggy-bank; 
+    content: icon-vars.$common-icon-piggy-bank; 
   }
 }
 .common-icon-dentist {
   &:before {
-    content: $common-icon-dentist; 
+    content: icon-vars.$common-icon-dentist; 
   }
 }
 .common-icon-pregnancy-care {
   &:before {
-    content: $common-icon-pregnancy-care; 
+    content: icon-vars.$common-icon-pregnancy-care; 
   }
 }
 .common-icon-physio {
   &:before {
-    content: $common-icon-physio; 
+    content: icon-vars.$common-icon-physio; 
   }
 }
 .common-icon-trash {
   &:before {
-    content: $common-icon-trash; 
+    content: icon-vars.$common-icon-trash; 
   }
 }
 .common-icon-book {
   &:before {
-    content: $common-icon-book; 
+    content: icon-vars.$common-icon-book; 
   }
 }
 .common-icon-file-checklist {
   &:before {
-    content: $common-icon-file-checklist; 
+    content: icon-vars.$common-icon-file-checklist; 
   }
 }
 .common-icon-safe {
   &:before {
-    content: $common-icon-safe; 
+    content: icon-vars.$common-icon-safe; 
   }
 }
 .common-icon-bike {
   &:before {
-    content: $common-icon-bike; 
+    content: icon-vars.$common-icon-bike; 
   }
 }
 .common-icon-boiler {
   &:before {
-    content: $common-icon-boiler; 
+    content: icon-vars.$common-icon-boiler; 
   }
 }
 .common-icon-camera-2 {
   &:before {
-    content: $common-icon-camera-2; 
+    content: icon-vars.$common-icon-camera-2; 
   }
 }
 .common-icon-camping-equipment {
   &:before {
-    content: $common-icon-camping-equipment; 
+    content: icon-vars.$common-icon-camping-equipment; 
   }
 }
 .common-icon-caravan {
   &:before {
-    content: $common-icon-caravan; 
+    content: icon-vars.$common-icon-caravan; 
   }
 }
 .common-icon-couche {
   &:before {
-    content: $common-icon-couche; 
+    content: icon-vars.$common-icon-couche; 
   }
 }
 .common-icon-desktop {
   &:before {
-    content: $common-icon-desktop; 
+    content: icon-vars.$common-icon-desktop; 
   }
 }
 .common-icon-display {
   &:before {
-    content: $common-icon-display; 
+    content: icon-vars.$common-icon-display; 
   }
 }
 .common-icon-document-2 {
   &:before {
-    content: $common-icon-document-2; 
+    content: icon-vars.$common-icon-document-2; 
   }
 }
 .common-icon-dumbbell {
   &:before {
-    content: $common-icon-dumbbell; 
+    content: icon-vars.$common-icon-dumbbell; 
   }
 }
 .common-icon-education {
   &:before {
-    content: $common-icon-education; 
+    content: icon-vars.$common-icon-education; 
   }
 }
 .common-icon-electronics {
   &:before {
-    content: $common-icon-electronics; 
+    content: icon-vars.$common-icon-electronics; 
   }
 }
 .common-icon-glasses {
   &:before {
-    content: $common-icon-glasses; 
+    content: icon-vars.$common-icon-glasses; 
   }
 }
 .common-icon-glue {
   &:before {
-    content: $common-icon-glue; 
+    content: icon-vars.$common-icon-glue; 
   }
 }
 .common-icon-gramophone {
   &:before {
-    content: $common-icon-gramophone; 
+    content: icon-vars.$common-icon-gramophone; 
   }
 }
 .common-icon-health-insurance {
   &:before {
-    content: $common-icon-health-insurance; 
+    content: icon-vars.$common-icon-health-insurance; 
   }
 }
 .common-icon-hearing-aid {
   &:before {
-    content: $common-icon-hearing-aid; 
+    content: icon-vars.$common-icon-hearing-aid; 
   }
 }
 .common-icon-kitchen-mixer {
   &:before {
-    content: $common-icon-kitchen-mixer; 
+    content: icon-vars.$common-icon-kitchen-mixer; 
   }
 }
 .common-icon-laptop {
   &:before {
-    content: $common-icon-laptop; 
+    content: icon-vars.$common-icon-laptop; 
   }
 }
 .common-icon-medical {
   &:before {
-    content: $common-icon-medical; 
+    content: icon-vars.$common-icon-medical; 
   }
 }
 .common-icon-mobile-2 {
   &:before {
-    content: $common-icon-mobile-2; 
+    content: icon-vars.$common-icon-mobile-2; 
   }
 }
 .common-icon-mobile {
   &:before {
-    content: $common-icon-mobile; 
+    content: icon-vars.$common-icon-mobile; 
   }
 }
 .common-icon-moped-front {
   &:before {
-    content: $common-icon-moped-front; 
+    content: icon-vars.$common-icon-moped-front; 
   }
 }
 .common-icon-moped {
   &:before {
-    content: $common-icon-moped; 
+    content: icon-vars.$common-icon-moped; 
   }
 }
 .common-icon-motor-helmet {
   &:before {
-    content: $common-icon-motor-helmet; 
+    content: icon-vars.$common-icon-motor-helmet; 
   }
 }
 .common-icon-personal-info {
   &:before {
-    content: $common-icon-personal-info; 
+    content: icon-vars.$common-icon-personal-info; 
   }
 }
 .common-icon-radio {
   &:before {
-    content: $common-icon-radio; 
+    content: icon-vars.$common-icon-radio; 
   }
 }
 .common-icon-sailing-boat {
   &:before {
-    content: $common-icon-sailing-boat; 
+    content: icon-vars.$common-icon-sailing-boat; 
   }
 }
 .common-icon-ski {
   &:before {
-    content: $common-icon-ski; 
+    content: icon-vars.$common-icon-ski; 
   }
 }
 .common-icon-sofa {
   &:before {
-    content: $common-icon-sofa; 
+    content: icon-vars.$common-icon-sofa; 
   }
 }
 .common-icon-sport-shirt {
   &:before {
-    content: $common-icon-sport-shirt; 
+    content: icon-vars.$common-icon-sport-shirt; 
   }
 }
 .common-icon-sport-shoes {
   &:before {
-    content: $common-icon-sport-shoes; 
+    content: icon-vars.$common-icon-sport-shoes; 
   }
 }
 .common-icon-tablet {
   &:before {
-    content: $common-icon-tablet; 
+    content: icon-vars.$common-icon-tablet; 
   }
 }
 .common-icon-tax-office {
   &:before {
-    content: $common-icon-tax-office; 
+    content: icon-vars.$common-icon-tax-office; 
   }
 }
 .common-icon-tax {
   &:before {
-    content: $common-icon-tax; 
+    content: icon-vars.$common-icon-tax; 
   }
 }
 .common-icon-tent-2 {
   &:before {
-    content: $common-icon-tent-2; 
+    content: icon-vars.$common-icon-tent-2; 
   }
 }
 .common-icon-tent {
   &:before {
-    content: $common-icon-tent; 
+    content: icon-vars.$common-icon-tent; 
   }
 }
 .common-icon-tv {
   &:before {
-    content: $common-icon-tv; 
+    content: icon-vars.$common-icon-tv; 
   }
 }
 .common-icon-vacuum-cleaner {
   &:before {
-    content: $common-icon-vacuum-cleaner; 
+    content: icon-vars.$common-icon-vacuum-cleaner; 
   }
 }
 .common-icon-work-office {
   &:before {
-    content: $common-icon-work-office; 
+    content: icon-vars.$common-icon-work-office; 
   }
 }
 .common-icon-profile {
   &:before {
-    content: $common-icon-profile; 
+    content: icon-vars.$common-icon-profile; 
   }
 }
 .common-icon-car-speed-gauge {
   &:before {
-    content: $common-icon-car-speed-gauge; 
+    content: icon-vars.$common-icon-car-speed-gauge; 
   }
 }
 .common-icon-file-add {
   &:before {
-    content: $common-icon-file-add; 
+    content: icon-vars.$common-icon-file-add; 
   }
 }
 .common-icon-travel-beach {
   &:before {
-    content: $common-icon-travel-beach; 
+    content: icon-vars.$common-icon-travel-beach; 
   }
 }
 .common-icon-banking-spending {
   &:before {
-    content: $common-icon-banking-spending; 
+    content: icon-vars.$common-icon-banking-spending; 
   }
 }
 .common-icon-car {
   &:before {
-    content: $common-icon-car; 
+    content: icon-vars.$common-icon-car; 
   }
 }
 .common-icon-first-aid-kit {
   &:before {
-    content: $common-icon-first-aid-kit; 
+    content: icon-vars.$common-icon-first-aid-kit; 
   }
 }
 .common-icon-money-bag {
   &:before {
-    content: $common-icon-money-bag; 
+    content: icon-vars.$common-icon-money-bag; 
   }
 }
 .common-icon-pasport {
   &:before {
-    content: $common-icon-pasport; 
+    content: icon-vars.$common-icon-pasport; 
   }
 }
 .common-icon-home {
   &:before {
-    content: $common-icon-home; 
+    content: icon-vars.$common-icon-home; 
   }
 }
 .common-icon-travel-insurance {
   &:before {
-    content: $common-icon-travel-insurance; 
+    content: icon-vars.$common-icon-travel-insurance; 
   }
 }
 .common-icon-clock {
   &:before {
-    content: $common-icon-clock; 
+    content: icon-vars.$common-icon-clock; 
   }
 }
 .common-icon-alarm-clock {
   &:before {
-    content: $common-icon-alarm-clock; 
+    content: icon-vars.$common-icon-alarm-clock; 
   }
 }
 .common-icon-sms2 {
   &:before {
-    content: $common-icon-sms2; 
+    content: icon-vars.$common-icon-sms2; 
   }
 }
 .common-icon-email2 {
   &:before {
-    content: $common-icon-email2; 
+    content: icon-vars.$common-icon-email2; 
   }
 }
 .common-icon-check {
   &:before {
-    content: $common-icon-check; 
+    content: icon-vars.$common-icon-check; 
   }
 }
 .common-icon-plus {
   &:before {
-    content: $common-icon-plus; 
+    content: icon-vars.$common-icon-plus; 
   }
 }
 .common-icon-document {
   &:before {
-    content: $common-icon-document; 
+    content: icon-vars.$common-icon-document; 
   }
 }
 .common-icon-arrow-left {
   &:before {
-    content: $common-icon-arrow-left; 
+    content: icon-vars.$common-icon-arrow-left; 
   }
 }
 .common-icon-arrow-right {
   &:before {
-    content: $common-icon-arrow-right; 
+    content: icon-vars.$common-icon-arrow-right; 
   }
 }
 .common-icon-person {
   &:before {
-    content: $common-icon-person; 
+    content: icon-vars.$common-icon-person; 
   }
 }
 .common-icon-world {
   &:before {
-    content: $common-icon-world; 
+    content: icon-vars.$common-icon-world; 
   }
 }
 .common-icon-user2 {
   &:before {
-    content: $common-icon-user2; 
+    content: icon-vars.$common-icon-user2; 
   }
 }
 .common-icon-camera {
   &:before {
-    content: $common-icon-camera; 
+    content: icon-vars.$common-icon-camera; 
   }
 }
 .common-icon-bulb {
   &:before {
-    content: $common-icon-bulb; 
+    content: icon-vars.$common-icon-bulb; 
   }
 }
 .common-icon-folder-open2 {
   &:before {
-    content: $common-icon-folder-open2; 
+    content: icon-vars.$common-icon-folder-open2; 
   }
 }
 .common-icon-play {
   &:before {
-    content: $common-icon-play; 
+    content: icon-vars.$common-icon-play; 
   }
 }
 .common-icon-excel {
   &:before {
-    content: $common-icon-excel;     
+    content: icon-vars.$common-icon-excel;     
     color: #217346;
   }
 }
 .common-icon-powerpoint {
   &:before {
-    content: $common-icon-powerpoint;     
+    content: icon-vars.$common-icon-powerpoint;     
     color: #d24726;
   }
 }
 .common-icon-word {
   &:before {
-    content: $common-icon-word;     
+    content: icon-vars.$common-icon-word;     
     color: #2b579a;
   }
 }
 .common-icon-pdf {
   &:before {
-    content: $common-icon-pdf;     
+    content: icon-vars.$common-icon-pdf;     
     color: #d80027;
   }
 }
 .common-icon-caret-down {
   &:before {
-    content: $common-icon-caret-down; 
+    content: icon-vars.$common-icon-caret-down; 
   }
 }
 .common-icon-th-large {
   &:before {
-    content: $common-icon-th-large; 
+    content: icon-vars.$common-icon-th-large; 
   }
 }
 .common-icon-th-list {
   &:before {
-    content: $common-icon-th-list; 
+    content: icon-vars.$common-icon-th-list; 
   }
 }
 .common-icon-image {
   &:before {
-    content: $common-icon-image; 
+    content: icon-vars.$common-icon-image; 
   }
 }
 .common-icon-user3 {
   &:before {
-    content: $common-icon-user3; 
+    content: icon-vars.$common-icon-user3; 
   }
 }
 .common-icon-lock2 {
   &:before {
-    content: $common-icon-lock2; 
+    content: icon-vars.$common-icon-lock2; 
   }
 }
 .common-icon-shield2 {
   &:before {
-    content: $common-icon-shield2; 
+    content: icon-vars.$common-icon-shield2; 
   }
 }
 .common-icon-email-2 {
   &:before {
-    content: $common-icon-email-2; 
+    content: icon-vars.$common-icon-email-2; 
   }
 }
 .common-icon-sms-2 {
   &:before {
-    content: $common-icon-sms-2; 
+    content: icon-vars.$common-icon-sms-2; 
   }
 }
 .common-icon-menu {
   &:before {
-    content: $common-icon-menu; 
+    content: icon-vars.$common-icon-menu; 
   }
 }
 .common-icon-euro {
   &:before {
-    content: $common-icon-euro; 
+    content: icon-vars.$common-icon-euro; 
   }
 }
 .common-icon-pin {
   &:before {
-    content: $common-icon-pin; 
+    content: icon-vars.$common-icon-pin; 
   }
 }
 .common-icon-back {
   &:before {
-    content: $common-icon-back; 
+    content: icon-vars.$common-icon-back; 
   }
 }
 .common-icon-student {
   &:before {
-    content: $common-icon-student; 
+    content: icon-vars.$common-icon-student; 
   }
 }
 .common-icon-youngprof {
   &:before {
-    content: $common-icon-youngprof; 
+    content: icon-vars.$common-icon-youngprof; 
   }
 }
 .common-icon-cross {
   &:before {
-    content: $common-icon-cross; 
+    content: icon-vars.$common-icon-cross; 
   }
 }
 .common-icon-opera {
   &:before {
-    content: $common-icon-opera; 
+    content: icon-vars.$common-icon-opera; 
   }
 }
 .common-icon-safari {
   &:before {
-    content: $common-icon-safari; 
+    content: icon-vars.$common-icon-safari; 
   }
 }
 .common-icon-chrome {
   &:before {
-    content: $common-icon-chrome; 
+    content: icon-vars.$common-icon-chrome; 
   }
 }
 .common-icon-firefox {
   &:before {
-    content: $common-icon-firefox; 
+    content: icon-vars.$common-icon-firefox; 
   }
 }
 .common-icon-list-numbered {
   &:before {
-    content: $common-icon-list-numbered; 
+    content: icon-vars.$common-icon-list-numbered; 
   }
 }