Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
52c0dc56 by Jeff Balicki
Options

SSSS 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 0ae9646c
Inline Side-by-side
Showing 8 changed files with 65 additions and 1 deletions
......@@ -18950,6 +18950,14 @@ ul.sf_date_field .sf-datepicker {
min-height: 92px;
border: 1px solid #bebebe;
}
@media screen and (max-width: 59.375rem) {
#search-wrapper #main > article .photo {
max-width: 100%;
max-height: unset;
max-width: 100%;
min-height: unset;
}
}
#search-wrapper #main > article .photo img {
-o-object-fit: cover;
object-fit: cover;
......@@ -18969,6 +18977,7 @@ ul.sf_date_field .sf-datepicker {
@media screen and (max-width: 59.375rem) {
#search-wrapper #main > article a {
flex-direction: column;
gap: 0.7rem;
}
}
#search-wrapper #main > article a h2, #search-wrapper #main > article a .h2 {
......@@ -20259,6 +20268,12 @@ ul.sf_date_field .sf-datepicker {
width: 325px;
height: 178px;
}
@media screen and (max-width: 59.375rem) {
.promo-image {
width: 100%;
height: auto;
}
}
.promo-image img {
width: 100%;
}
......@@ -20706,6 +20721,11 @@ ul.sf_date_field .sf-datepicker {
display: flex;
flex-direction: row;
}
@media screen and (max-width: 59.375rem) {
.relevant-resources #relevant-resources td .rel {
flex-direction: column;
}
}
.relevant-resources #relevant-resources td .rel .photo {
display: flex;
flex-basis: 160px;
......@@ -20714,6 +20734,17 @@ ul.sf_date_field .sf-datepicker {
overflow: hidden;
border: 1px solid #bebebe;
}
@media screen and (max-width: 59.375rem) {
.relevant-resources #relevant-resources td .rel .photo {
flex-basis: 100%;
max-width: 100%;
max-height: unset;
max-width: 100%;
min-height: unset;
margin-right: 0px;
margin-bottom: 10px;
}
}
.relevant-resources #relevant-resources td .rel .photo img {
-o-object-fit: cover;
object-fit: cover;
......@@ -20725,12 +20756,18 @@ ul.sf_date_field .sf-datepicker {
.relevant-resources #relevant-resources td .rel .content {
display: flex;
flex-direction: column;
flex-basis: 100%;
}
.relevant-resources #relevant-resources td .rel a {
text-decoration: none !important;
display: flex;
flex-direction: row;
}
@media screen and (max-width: 59.375rem) {
.relevant-resources #relevant-resources td .rel a {
flex-direction: column;
}
}
.relevant-resources #relevant-resources td .rel h3, .relevant-resources #relevant-resources td .rel .h3 {
font-weight: 700;
text-decoration: none;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -51,6 +51,10 @@ padding: 0rem 3.125rem;
.promo-image{
width: 325px;
height: 178px;
@media screen and (max-width: 59.375rem) {
width: 100%;
height: auto;
}
img{
width: 100%;
}
......
......@@ -18,6 +18,9 @@
.rel {
display: flex;
flex-direction: row;
@media screen and (max-width: 59.375rem) {
flex-direction: column;
}
.photo {
display: flex;
flex-basis: 160px;
......@@ -25,6 +28,15 @@
margin-right: 20px;
overflow: hidden;
border: 1px solid #bebebe;
@media screen and (max-width: 59.375rem) {
flex-basis: 100%;
max-width: 100%;
max-height: unset;
max-width: 100%;
min-height: unset;
margin-right: 0px;
margin-bottom: 10px;
}
img {
object-fit: cover;
object-position: center;
......@@ -35,12 +47,16 @@
.content{
display: flex;
flex-direction: column;
flex-basis: 100%;
}
a {
text-decoration: none !important;
display: flex;
flex-direction: row;
@media screen and (max-width: 59.375rem) {
flex-direction: column;
}
}
......
......@@ -46,6 +46,12 @@
min-width: 160px;
min-height: 92px;
border: 1px solid #bebebe;
@media screen and (max-width: 59.375rem) {
max-width: 100%;
max-height: unset;
max-width: 100%;
min-height: unset;
}
img {
object-fit: cover;
object-position: center;
......@@ -63,6 +69,7 @@
word-break: break-all;
@media screen and (max-width: 59.375rem) {
flex-direction: column;
gap: 0.7rem;
}
h2 {
text-decoration: none;
......
......@@ -2,6 +2,6 @@
Theme Name: MSF CA Child
Author: Tenzing Communications
Template: msf-ca
Version: 1.0.484
Version: 1.0.485
*/
......