From 7254f978855f5b4fadf1cd55d55dd5803fd86c21 Mon Sep 17 00:00:00 2001
From: stormfinger <eduard.filipas@rhea.si>
Date: Mon, 19 Sep 2022 14:13:24 +0200
Subject: [PATCH] uporabljen grid na elementih v css

---
 web/themes/na_prostem/css/naprostem.css | 114 +++++++++++++++++-------
 1 file changed, 81 insertions(+), 33 deletions(-)

diff --git a/web/themes/na_prostem/css/naprostem.css b/web/themes/na_prostem/css/naprostem.css
index 95cc1e6b..8d8ca412 100755
--- a/web/themes/na_prostem/css/naprostem.css
+++ b/web/themes/na_prostem/css/naprostem.css
@@ -1,5 +1,5 @@
 @font-face {
-  font-family: LukinGoogleFont;
+  font-family: TitanGoogleFont;
   src: url('/themes/na_prostem/TitanOne-Regular.ttf');
 }
 
@@ -18,6 +18,14 @@
   src: url('/themes/na_prostem/OpenSans-Bold.ttf');
 }
 
+.site-header__initial{
+  background-color:#0280a3;
+}
+
+.feed-icon__icon svg{
+  background-color:#0280a3;
+}
+
 body{
   background-image: url('/sites/default/files/vzorec_za_ozadje1.jpg');
   background-repeat: repeat;
@@ -29,42 +37,35 @@ body{
 
 .region--secondary-menu {
   position: absolute;
-  top: 10px;
+  top: 0.15vw;
 }
 
-.node--type-promoakcija{
-  position:relative;
+.field--name-body{
+  font-family: GoogleOpenSansregular;
+  font-size: 1.0vw;
+  line-height: 1.3vw;
 }
 
-.node--type-promoakcija .field--name-field-background-image {
-  display: block;
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: -1;
+.node--type-page[about="/paketi"] .node__content .layout__region--content:nth-child(1){
+  display: grid;
+  grid-template-area: 'a' ;
+  
 }
 
-.node__content{
-  position:relative;
-}
+.node--type-page[about="/paketi"] .block-field-blocknodepagefield-background-image {
+  grid-area: a;
 
-.node__content .field--name-field-background-image {
-  display: block;
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: -1;
+}
+.node--type-page[about="/paketi"] .block-field-blocknodepagebody{
+  grid-area:a;
+  margin-top:10%;
+  margin-left:50%;
+  margin-right:3%;
 }
 
 .view-clanek .views-field-title a{
   font-family: GoogleOpenSansBold;
-  font-size: 18px; 
+  font-size: 1vw; 
   line-height: 0.025rem;
   margin-top:0.25rem;
   margin-bottom:0.25rem;
@@ -80,7 +81,7 @@ body{
   position:relative;
   margin-bottom: 1.00rem;
   font-family: GoogleOpenSansBold;
-  font-size: 18px; 
+  font-size: 1vw; 
 }
 
 .blok-koledar-izobrazevanje .view-header .pager{
@@ -93,7 +94,7 @@ body{
   margin-right:1.30rem;
   margin-bottom: .50rem;
   font-family: GoogleOpenSansBold;
-  font-size: 18px; 
+  font-size: 1vw; 
   text-align: right;
 }
 .blok-koledar-izobrazevanje .js-pager__items li{
@@ -126,19 +127,66 @@ body{
   margin-right: 1.00rem;
 }
 
-.view-seznam-paketov .node__title span{
-  font-family: LukinGoogleFont;
+.block-field-blocknodepakettitle{
+  font-family: TitanGoogleFont;
+  font-size: 1.5vw;
   color:#FF5A1E;
 }
 
+
+.view-seznam-paketov .views-row{
+  display: grid;
+  grid-template-rows: 25px auto;
+  grid-template-columns:30% 25% auto;
+  gap: 05px;
+
+}
+
+.view-seznam-paketov .views-field-title a{
+  font-family: TitanGoogleFont;
+  color:#FF5A1E;
+}
+
+
+.view-seznam-paketov .views-field-title{
+  grid-area: 1 / 1 / span 1/ span 3;
+}
+
+.view-seznam-paketov .views-field-field-ikona-sklopa{
+  grid-area:2/1;
+}
+
+
+.view-seznam-paketov .views-field-field-nasteti-sklopi{
+  grid-area:2/2; 
+}
+
+.view-seznam-paketov .seznam-paketi-sklopi li{
+  font-weight: bold;
+}
+
+
+.view-seznam-paketov .seznam-paketi-body{
+  grid-area:2/3;
+}
+
+.view-seznam-paketov .seznam-paketi-body p{
+  margin-top:0rem;
+}
+
+.view-seznam-paketov .node__content{
+  padding-bottom:0.05rem;
+}
+
 .field--name-field-nasteti-sklopi{
   font-family: GoogleOpenSansBold;
   font-size: 15px; 
 }
 
-.field--name-body{
-  font-family: GoogleOpenSansregular;
-  font-size: 15px; }
+.field--name-field-nasteti-sklopi li{
+  font-family: GoogleOpenSansBold;
+  font-weight: bold;
+}
 
 .site-footer {
   display: none;