gianmarco
/
gmgsite
1
0
Fork 0
Code Issues Pull Requests Activity

Adjusted the overflow for the 'More in <tag>' text and added a ::before gradient on the navigation bar (mobile adjustments)

next
Gianmarco Gargiulo 2023-07-16 19:24:51 +02:00
parent ca06a83cdb
commit 62fa3ecd53
1 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
themes/hugo-casper3/assets/scss/main.scss
View File

@ -509,11 +509,21 @@ h5,h6{
position:absolute; position:absolute;
top:0; top:0;
z-index:1000; z-index:1000;
width:40px; width:20px;
height:100%; height:100%;
right:0; right:0;
background:linear-gradient(90deg,rgba(9,10,11,0) 0,#090a0b) background:linear-gradient(90deg,rgba(9,10,11,0) 0,#090a0b)
} }
.site-header-background:not(.responsive-header-img) .site-nav:before,.site-nav-main .site-nav:before{
content:"";
position:absolute;
top:0;
z-index:1001;
width:20px;
height:100%;
left:0;
background:linear-gradient(-90deg,rgba(9,10,11,0) 0,#090a0b)
}
.nav li:last-of-type{ .nav li:last-of-type{
padding-right:20px padding-right:20px
} }
@ -1022,7 +1032,7 @@ h5,h6{
.post-full-custom-excerpt{ .post-full-custom-excerpt{
margin:0px 0 0; margin:0px 0 0;
color:#e5e5e5; color:#e5e5e5;
font-family:"Mustica Pro","Roboto",serif; font-family:"Mustica Pro","Roboto",sans-serif;
font-size:2.3rem; font-size:2.3rem;
line-height:1.4em; line-height:1.4em;
font-weight:300 font-weight:300
@ -1448,7 +1458,7 @@ h5,h6{
@media (max-width:1170px){ @media (max-width:1170px){
.post-full-image{ .post-full-image{
margin:25px -6vw 50px; margin:25px -6vw 50px;
border-radius:0; border-radius:6px;
& img{ & img{
max-width:1170px max-width:1170px
} }
@ -1456,7 +1466,7 @@ h5,h6{
} }
@media (max-width:700px){ @media (max-width:700px){
.post-full-image{ .post-full-image{
margin:25px -5vw margin:25px -1vw
} }
} }
@media (max-width:500px){ @media (max-width:500px){
@ -1687,7 +1697,7 @@ h5,h6{
flex:0 1 326px; flex:0 1 326px;
display:flex; display:flex;
flex-direction:column; flex-direction:column;
overflow:hidden; overflow:inherit;
margin:0 25px 50px; margin:0 25px 50px;
padding:25px; padding:25px;
background:linear-gradient(140deg,#191b1f,#090a0b); background:linear-gradient(140deg,#191b1f,#090a0b);