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 { ...@@ -18950,6 +18950,14 @@ ul.sf_date_field .sf-datepicker {
18950 min-height: 92px; 18950 min-height: 92px;
18951 border: 1px solid #bebebe; 18951 border: 1px solid #bebebe;
18952 } 18952 }
18953 @media screen and (max-width: 59.375rem) {
18954 #search-wrapper #main > article .photo {
18955 max-width: 100%;
18956 max-height: unset;
18957 max-width: 100%;
18958 min-height: unset;
18959 }
18960 }
18953 #search-wrapper #main > article .photo img { 18961 #search-wrapper #main > article .photo img {
18954 -o-object-fit: cover; 18962 -o-object-fit: cover;
18955 object-fit: cover; 18963 object-fit: cover;
...@@ -18969,6 +18977,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -18969,6 +18977,7 @@ ul.sf_date_field .sf-datepicker {
18969 @media screen and (max-width: 59.375rem) { 18977 @media screen and (max-width: 59.375rem) {
18970 #search-wrapper #main > article a { 18978 #search-wrapper #main > article a {
18971 flex-direction: column; 18979 flex-direction: column;
18980 gap: 0.7rem;
18972 } 18981 }
18973 } 18982 }
18974 #search-wrapper #main > article a h2, #search-wrapper #main > article a .h2 { 18983 #search-wrapper #main > article a h2, #search-wrapper #main > article a .h2 {
...@@ -20259,6 +20268,12 @@ ul.sf_date_field .sf-datepicker { ...@@ -20259,6 +20268,12 @@ ul.sf_date_field .sf-datepicker {
20259 width: 325px; 20268 width: 325px;
20260 height: 178px; 20269 height: 178px;
20261 } 20270 }
20271 @media screen and (max-width: 59.375rem) {
20272 .promo-image {
20273 width: 100%;
20274 height: auto;
20275 }
20276 }
20262 .promo-image img { 20277 .promo-image img {
20263 width: 100%; 20278 width: 100%;
20264 } 20279 }
...@@ -20706,6 +20721,11 @@ ul.sf_date_field .sf-datepicker { ...@@ -20706,6 +20721,11 @@ ul.sf_date_field .sf-datepicker {
20706 display: flex; 20721 display: flex;
20707 flex-direction: row; 20722 flex-direction: row;
20708 } 20723 }
20724 @media screen and (max-width: 59.375rem) {
20725 .relevant-resources #relevant-resources td .rel {
20726 flex-direction: column;
20727 }
20728 }
20709 .relevant-resources #relevant-resources td .rel .photo { 20729 .relevant-resources #relevant-resources td .rel .photo {
20710 display: flex; 20730 display: flex;
20711 flex-basis: 160px; 20731 flex-basis: 160px;
...@@ -20714,6 +20734,17 @@ ul.sf_date_field .sf-datepicker { ...@@ -20714,6 +20734,17 @@ ul.sf_date_field .sf-datepicker {
20714 overflow: hidden; 20734 overflow: hidden;
20715 border: 1px solid #bebebe; 20735 border: 1px solid #bebebe;
20716 } 20736 }
20737 @media screen and (max-width: 59.375rem) {
20738 .relevant-resources #relevant-resources td .rel .photo {
20739 flex-basis: 100%;
20740 max-width: 100%;
20741 max-height: unset;
20742 max-width: 100%;
20743 min-height: unset;
20744 margin-right: 0px;
20745 margin-bottom: 10px;
20746 }
20747 }
20717 .relevant-resources #relevant-resources td .rel .photo img { 20748 .relevant-resources #relevant-resources td .rel .photo img {
20718 -o-object-fit: cover; 20749 -o-object-fit: cover;
20719 object-fit: cover; 20750 object-fit: cover;
...@@ -20725,12 +20756,18 @@ ul.sf_date_field .sf-datepicker { ...@@ -20725,12 +20756,18 @@ ul.sf_date_field .sf-datepicker {
20725 .relevant-resources #relevant-resources td .rel .content { 20756 .relevant-resources #relevant-resources td .rel .content {
20726 display: flex; 20757 display: flex;
20727 flex-direction: column; 20758 flex-direction: column;
20759 flex-basis: 100%;
20728 } 20760 }
20729 .relevant-resources #relevant-resources td .rel a { 20761 .relevant-resources #relevant-resources td .rel a {
20730 text-decoration: none !important; 20762 text-decoration: none !important;
20731 display: flex; 20763 display: flex;
20732 flex-direction: row; 20764 flex-direction: row;
20733 } 20765 }
20766 @media screen and (max-width: 59.375rem) {
20767 .relevant-resources #relevant-resources td .rel a {
20768 flex-direction: column;
20769 }
20770 }
20734 .relevant-resources #relevant-resources td .rel h3, .relevant-resources #relevant-resources td .rel .h3 { 20771 .relevant-resources #relevant-resources td .rel h3, .relevant-resources #relevant-resources td .rel .h3 {
20735 font-weight: 700; 20772 font-weight: 700;
20736 text-decoration: none; 20773 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; ...@@ -51,6 +51,10 @@ padding: 0rem 3.125rem;
51 .promo-image{ 51 .promo-image{
52 width: 325px; 52 width: 325px;
53 height: 178px; 53 height: 178px;
54 @media screen and (max-width: 59.375rem) {
55 width: 100%;
56 height: auto;
57 }
54 img{ 58 img{
55 width: 100%; 59 width: 100%;
56 } 60 }
......
...@@ -18,6 +18,9 @@ ...@@ -18,6 +18,9 @@
18 .rel { 18 .rel {
19 display: flex; 19 display: flex;
20 flex-direction: row; 20 flex-direction: row;
21 @media screen and (max-width: 59.375rem) {
22 flex-direction: column;
23 }
21 .photo { 24 .photo {
22 display: flex; 25 display: flex;
23 flex-basis: 160px; 26 flex-basis: 160px;
...@@ -25,6 +28,15 @@ ...@@ -25,6 +28,15 @@
25 margin-right: 20px; 28 margin-right: 20px;
26 overflow: hidden; 29 overflow: hidden;
27 border: 1px solid #bebebe; 30 border: 1px solid #bebebe;
31 @media screen and (max-width: 59.375rem) {
32 flex-basis: 100%;
33 max-width: 100%;
34 max-height: unset;
35 max-width: 100%;
36 min-height: unset;
37 margin-right: 0px;
38 margin-bottom: 10px;
39 }
28 img { 40 img {
29 object-fit: cover; 41 object-fit: cover;
30 object-position: center; 42 object-position: center;
...@@ -35,12 +47,16 @@ ...@@ -35,12 +47,16 @@
35 .content{ 47 .content{
36 display: flex; 48 display: flex;
37 flex-direction: column; 49 flex-direction: column;
50 flex-basis: 100%;
38 } 51 }
39 52
40 a { 53 a {
41 text-decoration: none !important; 54 text-decoration: none !important;
42 display: flex; 55 display: flex;
43 flex-direction: row; 56 flex-direction: row;
57 @media screen and (max-width: 59.375rem) {
58 flex-direction: column;
59 }
44 60
45 } 61 }
46 62
......
...@@ -46,6 +46,12 @@ ...@@ -46,6 +46,12 @@
46 min-width: 160px; 46 min-width: 160px;
47 min-height: 92px; 47 min-height: 92px;
48 border: 1px solid #bebebe; 48 border: 1px solid #bebebe;
49 @media screen and (max-width: 59.375rem) {
50 max-width: 100%;
51 max-height: unset;
52 max-width: 100%;
53 min-height: unset;
54 }
49 img { 55 img {
50 object-fit: cover; 56 object-fit: cover;
51 object-position: center; 57 object-position: center;
...@@ -63,6 +69,7 @@ ...@@ -63,6 +69,7 @@
63 word-break: break-all; 69 word-break: break-all;
64 @media screen and (max-width: 59.375rem) { 70 @media screen and (max-width: 59.375rem) {
65 flex-direction: column; 71 flex-direction: column;
72 gap: 0.7rem;
66 } 73 }
67 h2 { 74 h2 {
68 text-decoration: none; 75 text-decoration: none;
......
...@@ -2,6 +2,6 @@ ...@@ -2,6 +2,6 @@
2 Theme Name: MSF CA Child 2 Theme Name: MSF CA Child
3 Author: Tenzing Communications 3 Author: Tenzing Communications
4 Template: msf-ca 4 Template: msf-ca
5 Version: 1.0.484 5 Version: 1.0.485
6 */ 6 */
7 7
......