Verified Commit 08f6d675 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3382843 by shweta__sharma, Gauravvvv, smustgrave: Olivero: RSS feed... 

Issue #3382843 by shweta__sharma, Gauravvvv, smustgrave: Olivero: RSS feed block is not placed as per design on smaller screen
parent 05e455ed

core/themes/olivero/css/components/feed.css

+14 −0
Original line number Diff line number Diff line
@@ -22,6 +22,13 @@ 
  color: var(--color--primary-50);

}



@media (max-width: 75rem) {

  .feed-icon {

    flex-direction: row-reverse;

    justify-content: flex-end;

  }

}



.feed-icon__label {

  flex-shrink: 0;

  letter-spacing: 0.08em;
@@ -38,6 +45,7 @@ 
  height: var(--sp1-5);

  margin-inline-start: var(--sp0-5);

  color: var(--color--white);

  border-radius: 2px;

  background-color: var(--color--primary-50);

}
@@ -45,3 +53,9 @@ 
  vertical-align: top;

  fill: currentColor;

}



@media (max-width: 75rem) {

  .feed-icon__icon {

    margin-inline: 0 var(--sp0-5);

  }

}

core/themes/olivero/css/components/feed.pcss.css

+10 −0
Original line number Diff line number Diff line
@@ -14,6 +14,11 @@ 
  &:hover {

    color: var(--color--primary-50);

  }



  @media (--max-nav) {

    flex-direction: row-reverse;

    justify-content: flex-end;

  }

}



.feed-icon__label {
@@ -32,10 +37,15 @@ 
  height: var(--sp1-5);

  margin-inline-start: var(--sp0-5);

  color: var(--color--white);

  border-radius: 2px;

  background-color: var(--color--primary-50);



  & svg {

    vertical-align: top;

    fill: currentColor;

  }



  @media (--max-nav) {

    margin-inline: 0 var(--sp0-5);

  }

}