diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less index 4797660c9..b7cf190ab 100644 --- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less +++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less @@ -1,6 +1,7 @@ @import '@sharedStyles/core.less'; @import '@themes/assets/assets.less'; @import url('https://fonts.googleapis.com/css2?family=Alata&display=swap'); + .brewItem { --bg-clr : #EEE; --bg-image : @backgroundImageAlt; @@ -201,7 +202,7 @@ opacity:1; } .text { - filter : drop-shadow(0 1px 4px white); + filter : drop-shadow(0 1px 4px var(--text-shadow-clr)); h2 { font-weight : 900; } .description { height : 0; @@ -346,16 +347,13 @@ } } @media screen and (max-width : 1200px) { - .brewCollection .brewGroup { - &.list { + .brewCollection .brewGroup .list { .brewItem:not(.detailsOpen) { grid-template-columns : 35% 3fr 150px; .info { grid-template-areas : 'tags storage'; grid-template-columns : 1fr 20px; } - .brewPages, - .lastViewed, .brewAuthors, .lastUpdated { display : none; } } @@ -373,22 +371,16 @@ max-width : 120px; } } - } } } @media screen and (max-width : 800px) { - .brewCollection .brewGroup { - &.list { + .brewCollection .brewGroup .list { .brewItem:not(.detailsOpen) { .info { grid-template-areas : 'tags'; grid-template-columns : 1fr; width : clamp(200px, 100%, 650px); } - .brewPages, - .lastViewed, - .brewAuthors, - .lastUpdated, .storage { display : none; } } .brewItem { @@ -432,13 +424,11 @@ a, button { margin : 0; } } - } - } + } } } @media screen and (max-width : 650px) { - .brewCollection .brewGroup { - &.list { + .brewCollection .brewGroup .list { .brewItem:not(.detailsOpen) { grid-template-columns : 3fr 2fr; .info { display : none; } @@ -451,6 +441,5 @@ } } } - } } }