Add news style and login with FB and Google modal

frontend/drupal9/web/modules/custom/prijava_1ka/src/Plugin/Block/PrijavaZRacuniModalBlock.php

@@ -14,7 +14,7 @@ use Drupal\Core\Block\BlockBase;
  *   category = @Translation("1KA"),
  * )
  */
-class PrijavaArnesModalBlock extends BlockBase {
+class PrijavaZRacuniModalBlock extends BlockBase {
 
     /**
      * {@inheritdoc}

frontend/drupal9/web/themes/custom/pro1ka/sass/components/_novice.scss

@@ -0,0 +1,67 @@
+.novice-page{
+
+    ul {
+      display: -webkit-box;
+      display: -webkit-flex;
+      display: -ms-flexbox;
+      display: flex;
+      margin-top: 40px;
+      margin-bottom: 40px;
+      -webkit-flex-wrap: wrap;
+      -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+      list-style: none;
+
+      li {
+        padding: 20px;
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 33.333%;
+        -ms-flex: 0 33.333%;
+        flex: 0 33.333%;
+        -webkit-flex-basis: 33.333%;
+        -ms-flex-preferred-size: 33.333%;
+        flex-basis: 33.333%;
+
+        .datum-novica.mesec {
+          color: #D1D1D1;
+          font-size: 18px;
+          line-height: 40px;
+          text-transform: uppercase;
+        }
+
+        .datum-novica.dan-no {
+          display: block;
+          width: 40px;
+          height: 40px;
+          margin-right: 10px;
+          float: left;
+          border-radius: 50%;
+          background-color: #1e88e5;
+          color: #fff;
+          text-align: center;
+          padding-top: 7px;
+        }
+
+        .naslov-novica {
+          margin-top: 20px;
+          margin-bottom: 20px;
+          font-size: 19px;
+          line-height: 25px;
+          font-weight: 700;
+          text-transform: uppercase;
+
+          a {
+            color: #535050;
+          }
+        }
+
+        .readmore {
+          a {
+            color: $siva;
+          }
+        }
+
+
+      }
+    }
+}

frontend/drupal9/web/themes/custom/pro1ka/sass/components/components.scss

@@ -8,3 +8,4 @@
 @import "main";
 @import "footer";
 @import "search";
+@import "novice";