chore() : Added Styles for banner

src/items/EspireDemo.Layout/layout/Renderings/Project/EspireDemo/Banner.yml

@@ -1,16 +1,33 @@
 ---
-ID: "addacbe2-217b-4e9d-b5bb-f6ea8aadf425"
+ID: "9238df1f-68a3-4b83-8e8f-828ca2d5b9f2"
 Parent: "5dbf5d75-2915-427f-aa88-72e557858fa0"
-Template: "7ee0975b-0698-493e-b3a2-0b2ef33d0522"
+Template: "04646a89-996f-4ee7-878a-ffdbf1f0ef0d"
 Path: /sitecore/layout/Renderings/Project/EspireDemo/Banner
+SharedFields:
+- ID: "037fe404-dd19-4bf7-8e30-4dadf68b27b0"
+  Hint: componentName
+  Value: Banner
+- ID: "06d5295c-ed2f-4a54-9bf2-26228d113318"
+  Hint: __Icon
+  Value: apps/32x32/pictures.png
+- ID: "1a7c85e5-dc0b-490d-9187-bb1dbcb4c72f"
+  Hint: Datasource Template
+  Value: /sitecore/templates/Feature/EspireDemo/Banner
+- ID: "b5b27af1-25ef-405c-87ce-369b3a004016"
+  Hint: Datasource Location
+  Value: /sitecore/content/EspireDemo/Espire/Data/Banner
+- ID: "c7c26117-dbb1-42b2-ab5e-f7223845cca3"
+  Hint: __Thumbnail
+  Value: |
+    <image mediaid="{8ABF6F04-0295-4CEA-ABDF-02733DFE78DE}" />
 Languages:
 - Language: en
   Versions:
   - Version: 1
     Fields:
     - ID: "25bed78c-4957-4165-998a-ca1b52f67497"
       Hint: __Created
-      Value: 20230712T073806Z
+      Value: 20230712T073820Z
     - ID: "52807595-0f8f-4b20-8d2a-cb71d28c6103"
       Hint: __Owner
       Value: |
@@ -21,11 +38,11 @@ Languages:
         sitecore\[email protected]
     - ID: "8cdc337e-a112-42fb-bbb4-4143751e123f"
       Hint: __Revision
-      Value: "b1d3e280-2bc6-44c0-b780-69ed40ab5db4"
+      Value: "aeebc41b-d484-4374-8fd4-9cf2ed8f9e5d"
     - ID: "badd9cf9-53e0-4d0c-bcc0-2d784c282f6a"
       Hint: __Updated by
       Value: |
         sitecore\[email protected]
     - ID: "d9cf14b1-fa16-4ba6-9288-e8a174d4d522"
       Hint: __Updated
-      Value: 20230712T073806Z
+      Value: 20230712T131847Z

src/items/EspireDemo.Layout/layout/Renderings/Project/EspireDemo/Banner/RvBanner.yml → src/items/EspireDemo.Media Library/media library/Project/EspireDemo/Espire/Thumbnail.yml

@@ -1,20 +1,16 @@
 ---
-ID: "ce2d6872-1125-46d3-a22f-289d0eee7993"
-Parent: "addacbe2-217b-4e9d-b5bb-f6ea8aadf425"
-Template: "04646a89-996f-4ee7-878a-ffdbf1f0ef0d"
-Path: /sitecore/layout/Renderings/Project/EspireDemo/Banner/RvBanner
-SharedFields:
-- ID: "037fe404-dd19-4bf7-8e30-4dadf68b27b0"
-  Hint: componentName
-  Value: RvBanner
+ID: "ec6bfad3-59d2-4ff5-97ca-97ab3041b778"
+Parent: "c70e849a-4c93-4806-92d9-93110b598848"
+Template: "fe5dd826-48c6-436d-b87a-7c4210c7413b"
+Path: /sitecore/media library/Project/EspireDemo/Espire/Thumbnail
 Languages:
 - Language: en
   Versions:
   - Version: 1
     Fields:
     - ID: "25bed78c-4957-4165-998a-ca1b52f67497"
       Hint: __Created
-      Value: 20230712T101615Z
+      Value: 20230712T131215Z
     - ID: "52807595-0f8f-4b20-8d2a-cb71d28c6103"
       Hint: __Owner
       Value: |
@@ -25,11 +21,11 @@ Languages:
         sitecore\[email protected]
     - ID: "8cdc337e-a112-42fb-bbb4-4143751e123f"
       Hint: __Revision
-      Value: "18640227-7aa3-4e59-a988-934de29f06bb"
+      Value: "6528659c-6e1a-4dfa-a857-6c0797f150db"
     - ID: "badd9cf9-53e0-4d0c-bcc0-2d784c282f6a"
       Hint: __Updated by
       Value: |
         sitecore\[email protected]
     - ID: "d9cf14b1-fa16-4ba6-9288-e8a174d4d522"
       Hint: __Updated
-      Value: 20230712T101615Z
+      Value: 20230712T131215Z

src/items/EspireDemo.Site/EspireDemo/Espire/Test Pages.yml → src/items/EspireDemo.Site/EspireDemo/Espire/Home/Test Pages.yml

@@ -1,8 +1,8 @@
 ---
 ID: "322cb48a-bb71-473f-b841-eb45cc72c049"
-Parent: "53eb68b6-0dd6-4892-888b-6c1bafa0772e"
+Parent: "77c2c39d-8d7a-45f7-936d-f4f74273942b"
 Template: "a87a00b1-e6db-45ab-8b54-636fec3b5523"
-Path: /sitecore/content/EspireDemo/Espire/Test Pages
+Path: /sitecore/content/EspireDemo/Espire/Home/Test Pages
 Languages:
 - Language: en
   Versions:

src/items/EspireDemo.Site/EspireDemo/Espire/Test Pages/HomePage Banner.yml → src/items/EspireDemo.Site/EspireDemo/Espire/Home/Test Pages/HomePage Banner.yml

@@ -2,7 +2,7 @@
 ID: "cd55f461-4149-4230-9d22-8088a313f03e"
 Parent: "322cb48a-bb71-473f-b841-eb45cc72c049"
 Template: "3e3501a0-6929-40e9-bcbd-81e042aea7c1"
-Path: /sitecore/content/EspireDemo/Espire/Test Pages/HomePage Banner
+Path: /sitecore/content/EspireDemo/Espire/Home/Test Pages/HomePage Banner
 SharedFields:
 - ID: "c7c26117-dbb1-42b2-ab5e-f7223845cca3"
   Hint: __Thumbnail

src/items/EspireDemo.Site/EspireDemo/Espire/Test Pages/HomePage Banner/Data.yml → src/items/EspireDemo.Site/EspireDemo/Espire/Home/Test Pages/HomePage Banner/Data.yml

@@ -2,7 +2,7 @@
 ID: "7a3ae2e0-6b73-48e3-98be-6a718a42a054"
 Parent: "cd55f461-4149-4230-9d22-8088a313f03e"
 Template: "1c82e550-ebcd-4e5d-8abd-d50d0809541e"
-Path: /sitecore/content/EspireDemo/Espire/Test Pages/HomePage Banner/Data
+Path: /sitecore/content/EspireDemo/Espire/Home/Test Pages/HomePage Banner/Data
 Languages:
 - Language: en
   Versions:

src/items/EspireDemo.Site/EspireDemo/Espire/Home/Test Pages/HomePage Banner/Data/Home Page Banner.yml

@@ -0,0 +1,48 @@
+---
+ID: "6fa5e211-d441-47d0-a5b8-b8969614e4db"
+Parent: "7a3ae2e0-6b73-48e3-98be-6a718a42a054"
+Template: "7a59538f-43bb-41a8-88f8-3a9adc3d1b80"
+Path: /sitecore/content/EspireDemo/Espire/Home/Test Pages/HomePage Banner/Data/Home Page Banner
+Languages:
+- Language: en
+  Versions:
+  - Version: 1
+    Fields:
+    - ID: "001dd393-96c5-490b-924a-b0f25cd9efd8"
+      Hint: __Lock
+      Value: <r />
+    - ID: "1c617420-bd69-4bf8-8777-0dc380756ea1"
+      Hint: Image
+      Value: |
+        <image mediaid="{32956CDE-9FB9-419D-88E1-D25FE2DC4D49}" />
+    - ID: "25bed78c-4957-4165-998a-ca1b52f67497"
+      Hint: __Created
+      Value: 20230712T075121Z
+    - ID: "52807595-0f8f-4b20-8d2a-cb71d28c6103"
+      Hint: __Owner
+      Value: |
+        sitecore\[email protected]
+    - ID: "53746aec-9ce4-46a2-b2ab-1f0dd1594f8c"
+      Hint: Link
+      Value: |
+        <link linktype="internal" text="See More" querystring="" target="" id="{77C2C39D-8D7A-45F7-936D-F4F74273942B}" />
+    - ID: "5dd74568-4d4b-44c1-b513-0af5f4cda34f"
+      Hint: __Created by
+      Value: |
+        sitecore\[email protected]
+    - ID: "8cdc337e-a112-42fb-bbb4-4143751e123f"
+      Hint: __Revision
+      Value: "57e25d54-2e39-4e5e-949c-c58bfdfc1f74"
+    - ID: "badd9cf9-53e0-4d0c-bcc0-2d784c282f6a"
+      Hint: __Updated by
+      Value: |
+        sitecore\[email protected]
+    - ID: "d9cf14b1-fa16-4ba6-9288-e8a174d4d522"
+      Hint: __Updated
+      Value: 20230712T161849Z
+    - ID: "e276cdf5-5ab3-4cda-9872-1eb17f6eabfc"
+      Hint: Description
+      Value: Serving Maricopa County and the Phoenix Metropolitan community through justice and integrity.
+    - ID: "fb48c50d-64f8-4e39-a74b-9fdcc3e125d5"
+      Hint: Title
+      Value: The Judicial Branch of Arizona

src/items/EspireDemo.Site/EspireDemo/Espire/Test Pages/HomePage Banner/Data/Home Page Banner.yml → src/items/EspireDemo.Site/EspireDemo/Espire/Home/Test Pages/HomePage Banner/Data/demo.yml

@@ -1,16 +1,16 @@
 ---
-ID: "6fa5e211-d441-47d0-a5b8-b8969614e4db"
+ID: "eed2834e-5871-4879-936e-af452e2ee373"
 Parent: "7a3ae2e0-6b73-48e3-98be-6a718a42a054"
-Template: "7a59538f-43bb-41a8-88f8-3a9adc3d1b80"
-Path: /sitecore/content/EspireDemo/Espire/Test Pages/HomePage Banner/Data/Home Page Banner
+Template: "dfed4457-d760-457a-bec1-c0dccdc44381"
+Path: /sitecore/content/EspireDemo/Espire/Home/Test Pages/HomePage Banner/Data/demo
 Languages:
 - Language: en
   Versions:
   - Version: 1
     Fields:
     - ID: "25bed78c-4957-4165-998a-ca1b52f67497"
       Hint: __Created
-      Value: 20230712T075121Z
+      Value: 20230712T105629Z
     - ID: "52807595-0f8f-4b20-8d2a-cb71d28c6103"
       Hint: __Owner
       Value: |
@@ -21,11 +21,11 @@ Languages:
         sitecore\[email protected]
     - ID: "8cdc337e-a112-42fb-bbb4-4143751e123f"
       Hint: __Revision
-      Value: "e1a965ef-2f8f-4662-bb91-5b04fb577e5b"
+      Value: "8f568daf-238d-4b79-8682-05feebcdb4d8"
     - ID: "badd9cf9-53e0-4d0c-bcc0-2d784c282f6a"
       Hint: __Updated by
       Value: |
         sitecore\[email protected]
     - ID: "d9cf14b1-fa16-4ba6-9288-e8a174d4d522"
       Hint: __Updated
-      Value: 20230712T075121Z
+      Value: 20230712T105629Z

src/sxastarter/src/assets/sass/abstracts/_espire-mixin.scss

@@ -0,0 +1,42 @@
+@mixin primary-btn() {
+    border: solid 1px $brand-color;
+    background-color: $brand-color;
+    border-radius: $sm-border-radius;
+    padding: 0.8rem 2rem;
+    font-size: $md-font-primary;
+    text-transform: capitalize;
+    font-weight: $regular;
+    font-family: $myriad-regular-font;
+    color: $white;
+    text-align: center;
+    display: inline-block;
+
+    &:hover {
+        background-color: transparent;
+        color: $brand-color;
+    }
+}
+
+
+@mixin imgTitle($bgTitle: $title-bg, $fontTitle: $sm-font){
+    background-color: $bgTitle;
+    font-weight: $bold;
+    font-size: $fontTitle;
+    color: $white;
+    font-family: $myriad-bold-font;
+    text-transform: capitalize;
+}
+
+@mixin transformContainer($transformVal){
+    transform: $transformVal;
+    -webkit-transform: $transformVal;
+    -moz-transform: $transformVal;
+    -ms-transform: $transformVal;
+}
+
+@mixin animateEase($transitionVal){
+    transition: $transitionVal;
+    -webkit-transition: $transitionVal;
+    -moz-transition: $transitionVal;
+    -ms-transition: $transitionVal;
+}

src/sxastarter/src/assets/sass/abstracts/_global.scss

@@ -0,0 +1,42 @@
+@include respond-to(mobile-to-tablet){
+    h1 {
+        font-size: $md-font-tertiary;
+      }
+      p {
+        font-size: $sm-font;
+      }
+      .container {
+        padding-left: 3rem;
+        padding-right: 3rem;
+      }
+}
+
+@include respond-to(tablet-to-laptop){
+    h1 {
+        font-size: $lg-font;
+      }
+
+}
+
+@include respond-to(laptop-to-desktop){
+  h1 {
+    font-size: $xl-font;
+  }
+}
+
+@include respond-to(desktop-and-above){
+  .container {
+    max-width: 1230px;
+  }
+}
+
+
+h1 {
+  font-weight: $regular;
+  font-family: $secondary-font;
+}
+
+
+a{
+  text-decoration: none;
+}

src/sxastarter/src/assets/sass/abstracts/_mixins.scss

@@ -6,6 +6,14 @@ $break-desktop: 1100px;
 $break-mobile: 380px;
 $break-mobile-horizontal: 640px;
 $break-mobile-large: 992px;
+
+//Custom created
+$mobile : 320px;
+$tablet : 768px;
+$laptop : 992px;
+$desktop : 1200px;
+
+// ----*******-------
 @mixin wrapper() {
     max-width: 960px;
     margin: 0 auto !important;
@@ -75,6 +83,34 @@ $break-mobile-large: 992px;
             @content;
         }
     }
+
+    //custom created 
+    @else if $media==mobile-to-tablet {
+        @media only screen and (min-width: $mobile) and (max-width: 767.98px) {
+            @content;
+        }
+    }
+    @else if $media==tablet-to-laptop {
+        @media only screen and (min-width: $tablet) and (max-width: 991.98px) {
+            @content;
+        }
+    }
+    @else if $media==laptop-to-desktop {
+        @media only screen and (min-width: $laptop) and (max-width: $desktop) {
+            @content;
+        }
+    }
+    @else if $media==desktop-and-above {
+        @media only screen and (min-width: $desktop) {
+            @content;
+        }
+    }
+    @else if $media==below-laptop {
+        @media only screen and (max-width: 991.98px) {
+            @content;
+        }
+    }
+    // custom created ends here
 }
 @mixin border-basic($position:all, $border-color:$border-gray, $border-width:1px) {
     @if($position!=all) {

src/sxastarter/src/assets/sass/abstracts/_vars.scss

@@ -1,3 +1,4 @@
 @import "vars/colors";
 @import "vars/margins";
 @import "vars/fontSizes";
+@import "vars/espire-color";