@carefirst/library 3.1.1 → 3.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carefirst/library",
-  "version": "3.1.1",
+  "version": "3.1.3",
   "author": "Jacques Francois Coetzee",
   "private": false,
   "peerDependencies": {

package/public/styles/app.scss

@@ -2,12 +2,32 @@
   box-sizing: border-box;
 }
 
+/*===============================================
+===================== Modals ====================
+===============================================*/
 //--- Full-screen Modals
 ion-modal {
   --height: 100dvh;
   --width: 100dvw;
 }
 
+/*===============================================
+================ Device Specific ================
+===============================================*/
+//--- Desktop specific
+@media (min-width: $cf-screen-breakpoint) {
+  .only-display-mobile {
+    display: none;
+  }
+}
+
+//--- Mobile specific
+@media not (min-width: $cf-screen-breakpoint) {
+  .only-display-desktop {
+    display: none;
+  }
+}
+
 /*===============================================
 ===================== Logos =====================
 ===============================================*/