@digigov/css 0.24.1 → 0.25.1

package/src/pages/index.js

@@ -9,16 +9,16 @@ export default function Home() {
         <div className="govgr-header__container">
           <div className="govgr-header__content">
             <a href="https://www.gov.gr/">
-              <img className="govgr-header-logo" src="https://www.gov.gr/gov_gr_logo.svg" />
-            </a>  
+              <img className="govgr-header-logo" src="https://www.gov.gr/gov_gr_logo.svg" alt="gov.gr logo" />
+            </a>
             <a href="https://www.gov.gr/">
-              <img className="govgr-header-secondary-logo" src="https://dilosi.services.gov.gr/minedu-logo.svg" />
+              <img className="govgr-header-secondary-logo" src="https://dilosi.services.gov.gr/minedu-logo.svg" alt="minedu logo" />
             </a>
             <a href="/" className="govgr-header-title">Service name</a>
           </div>
-            <svg className="govgr-burger-icon" focusable="true" viewBox="0 0 24 24" aria-hidden="true" > <rect id="govgr-burger-icon__line-1" width="20" height="3.3"/><rect id="govgr-burger-icon__line-2" width="20" height="3.3"/><rect id="govgr-burger-icon__line-3" width="20" height="3.3"/></svg>
-          </div>
-      </header> 
+          <svg className="govgr-burger-icon" focusable="true" viewBox="0 0 24 24" aria-hidden="true" > <rect id="govgr-burger-icon__line-1" width="20" height="3.3" /><rect id="govgr-burger-icon__line-2" width="20" height="3.3" /><rect id="govgr-burger-icon__line-3" width="20" height="3.3" /></svg>
+        </div>
+      </header>
       <nav className="govgr-horizontal-nav">
         <div className="govgr-horizontal-nav__container">
           <a href="" className="govgr-horizontal-nav__item govgr-horizontal-nav__item-active"> Home </a>
@@ -28,8 +28,8 @@ export default function Home() {
         </div>
       </nav>
 
-      <svg className="govgr-burger-icon govgr-burger-icon--active" focusable="true" viewBox="0 0 24 24" aria-hidden="true" > 
-        <rect id="govgr-burger-icon__line-1" width="20" height="3.3"/><rect id="govgr-burger-icon__line-2" width="20" height="3.3"/><rect id="govgr-burger-icon__line-3" width="20" height="3.3"/>
+      <svg className="govgr-burger-icon govgr-burger-icon--active" focusable="true" viewBox="0 0 24 24" aria-hidden="true" >
+        <rect id="govgr-burger-icon__line-1" width="20" height="3.3" /><rect id="govgr-burger-icon__line-2" width="20" height="3.3" /><rect id="govgr-burger-icon__line-3" width="20" height="3.3" />
       </svg>
 
 
@@ -37,16 +37,16 @@ export default function Home() {
         <div className="govgr-width-container">
           <div className="govgr-main-wrapper">
             <div className="govgr-grid-column-two-thirds">
-              <img className="govgr-masthead-logo header-logo" src="https://dilosi.services.gov.gr/minedu-logo.svg" />
+              <img className="govgr-masthead-logo header-logo" src="https://dilosi.services.gov.gr/minedu-logo.svg" alt="minedu logo" />
               <h1 className="govgr-heading-xl"> Σχεδιάστε την υπηρεσία σας, με το στυλ του GOV.GR </h1>
               <p className="govgr-masthead-body">
                 Χρησιμοποιείστε αυτόν τον οδηγό ώστε να φτιάξετε μια υπηρεσία συνεπή στα πρότυπα του GOV.GR. Αποκτήστε γνώση από την έρευνα και την εμπειρία άλλων ομάδων και αποφύγετε την επανάληψη εργασιών που έχουν ήδη γίνει.
-              <a className="govgr-link" href="#">Μάθετε αν είστε δικαιούχος</a>
+                <a className="govgr-link" href="#">Μάθετε αν είστε δικαιούχος</a>
               </p>
               <p className="govgr-hint">Τελευταία ενημέρωση: 08/12/2021 </p>
               <button className="govgr-btn govgr-btn-primary govgr-btn-cta">
                 Ξεκινήστε εδώ
-                <svg viewBox="0 0 24 24" className="govgr-arrow--right" focusable="false" aria-hidden="true"> <path d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"/> </svg>
+                <svg viewBox="0 0 24 24" className="govgr-arrow--right" focusable="false" aria-hidden="true"> <path d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z" /> </svg>
               </button>
             </div>
           </div>
@@ -98,7 +98,7 @@ export default function Home() {
 
             <button className="govgr-btn govgr-btn-primary govgr-btn-cta">
               Είσοδος στην υπηρεσία
-              <svg viewBox="0 0 24 24" className="govgr-arrow--right" focusable="false" aria-hidden="true"> <path d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"/> </svg>
+              <svg viewBox="0 0 24 24" className="govgr-arrow--right" focusable="false" aria-hidden="true"> <path d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z" /> </svg>
             </button>
             <div className="govgr-button-group">
               <button className="govgr-btn govgr-btn-primary">
@@ -109,7 +109,7 @@ export default function Home() {
             </div>
 
             <a href="#" className="govgr-back-link">
-              <svg className="govgr-caret--left" viewBox="0 0 24 24" aria-hidden="true"><path d="M18,22V2L6,12L18,22z"/></svg>
+              <svg className="govgr-caret--left" viewBox="0 0 24 24" aria-hidden="true"><path d="M18,22V2L6,12L18,22z" /></svg>
               Πίσω
             </a>
             <br />
@@ -140,7 +140,7 @@ export default function Home() {
               <h3 className="govgr-heading-s">Υπήρξε κάποιο πρόβλημα</h3>
               <a className="govgr-link" href="#"> Πρέπει να συμπληρώσετε το έτος</a>
             </div>
-            
+
             <div className="govgr-panel govgr-panel--confirmation">
               <h1 className="govgr-panel__title">Η φόρμα υποβλήθηκε επιτυχώς</h1>
               <div className="govgr-panel__body">
@@ -151,10 +151,10 @@ export default function Home() {
 
             <div className="govgr-warning-text">
               <span className="govgr-warning-text__icon">!</span>
-                <strong className="govgr-warning-text__text">
-                  <span className="govgr-warning-text__assistive">Προσοχή</span>
-                  Μπορεί να σας επιβληθεί πρόστιμο έως και 5.000 ευρώ εάν δεν εγγραφείτε.
-                </strong>
+              <strong className="govgr-warning-text__text">
+                <span className="govgr-warning-text__assistive">Προσοχή</span>
+                Μπορεί να σας επιβληθεί πρόστιμο έως και 5.000 ευρώ εάν δεν εγγραφείτε.
+              </strong>
             </div>
 
             <dl className="govgr-summary-list">
@@ -332,7 +332,7 @@ export default function Home() {
               </div>
             </div>
             <div className="govgr-footer__meta-item">
-              <img className="govgr-footer__government-logo" src="/img/government-logo2.svg"/>
+              <img className="govgr-footer__government-logo" src="/img/government-logo2.svg" alt="government logo" />
             </div>
           </div>
         </div>
@@ -379,10 +379,10 @@ export default function Home() {
               </ul>
             </div>
           </div>
-          <hr className="govgr-footer__section-break"/>
+          <hr className="govgr-footer__section-break" />
           <div className="govgr-footer__meta">
             <div className="govgr-footer__meta-item govgr-footer__meta-item--grow">
-              <div className="govgr-footer__content">   
+              <div className="govgr-footer__content">
                 <h2 className="govgr-visually-hidden">Σύνδεσμοι</h2>
                 <ul className="govgr-footer__inline-list">
                   <li className="govgr-footer__inline-list-item">
@@ -393,23 +393,23 @@ export default function Home() {
                   </li>
                   <li className="govgr-footer__inline-list-item">
                     <a className="govgr-footer__link" href="#3">Σύνδεσμος 3</a>
-            </li>
-          </ul>
-            <div className="govgr-footer__content--logos">
-              <img className="govgr-footer__logo" src="/img/government-logo2.svg" />
-              <img className="govgr-footer__logo" src="/img/government-logo2.svg" />
+                  </li>
+                </ul>
+                <div className="govgr-footer__content--logos">
+                  <img className="govgr-footer__logo" src="/img/government-logo2.svg" alt="government logo" />
+                  <img className="govgr-footer__logo" src="/img/government-logo2.svg" alt="government logo" />
+                </div>
+                <p className="govgr-footer__licence-description">
+                  © Copyright 2021 - Υλοποίηση από το <a href="https://mindigital.gr/" target="_blank" rel="noreferrer noopener" className="govgr-footer__link"> Υπουργείο Ψηφιακής Διακυβέρνησης <span className="govgr-visually-hidden">(ανοίγει σε καινούρια καρτέλα)</span></a>
+                </p>
+              </div>
+            </div>
+            <div className="govgr-footer__meta-item">
+              <img className="govgr-footer__government-logo" src="/img/government-logo2.svg" alt="government logo" />
+            </div>
           </div>
-          <p className="govgr-footer__licence-description">
-            © Copyright 2021 - Υλοποίηση από το <a href="https://mindigital.gr/" target="_blank" rel="noreferrer noopener" className="govgr-footer__link"> Υπουργείο Ψηφιακής Διακυβέρνησης <span className="govgr-visually-hidden">(ανοίγει σε καινούρια καρτέλα)</span></a>
-          </p>
         </div>
-      </div>
-      <div className="govgr-footer__meta-item">
-        <img className="govgr-footer__government-logo" src="/img/government-logo2.svg" />
-      </div>
-    </div>
-  </div>
-</footer>
+      </footer>
     </div >
   );
 }

package/tailwind.config.js

@@ -56,6 +56,7 @@ module.exports = {
       },
       zIndex: {
         '/1': -1,
+        '1': 1,
       },
       opacity: {
         '85': '0.85',