uporabljen grid na elementih v css

dev-stormfinger
stormfinger 2022-09-19 14:13:24 +02:00
parent fba1065635
commit 7254f97885
1 changed files with 81 additions and 33 deletions

View File

@ -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;