Skip to content
Snippets Groups Projects
Commit fd9c192c authored by Brian Canini's avatar Brian Canini
Browse files

updating mobile styles 

- adjusting margins and div widths for people, news, events, and newsletter grids
parent 322e29c9
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 59 additions and 11 deletions
web/themes/asc_bootstrap/assets/sass/components/_events.scss
+ 3
− 0
View file @ fd9c192c
......@@ -14,6 +14,8 @@
@media (max-width: 768px) {
display: block;
width: 100%;
margin-bottom: 0;
}
}
......@@ -27,6 +29,7 @@
display: block;
max-width: 100%;
flex: none;
margin: 15px;
}
.inner-news-grid {
......
web/themes/asc_bootstrap/assets/sass/components/_news.scss
+ 3
− 0
View file @ fd9c192c
......@@ -14,6 +14,8 @@
@media (max-width: 768px) {
display: block;
width: 100%;
margin-bottom: 0;
}
}
}
......@@ -33,6 +35,7 @@
display: block;
max-width: 100%;
flex: none;
margin: 15px;
}
.inner-news-grid {
......
web/themes/asc_bootstrap/assets/sass/components/_newsletter.scss
+ 6
− 0
View file @ fd9c192c
......@@ -66,6 +66,8 @@
@media (max-width: 768px) {
display: block;
width: 100%;
margin-bottom: 0;
}
}
......@@ -78,6 +80,7 @@
display: block;
max-width: 100%;
flex: none;
margin: 15px;
}
.inner-news-grid {
......@@ -159,6 +162,8 @@
@media (max-width: 768px) {
display: block;
width: 100%;
margin-bottom: 0;
}
}
......@@ -171,6 +176,7 @@
display: block;
max-width: 100%;
flex: none;
margin: 15px;
}
.inner-news-grid {
......
web/themes/asc_bootstrap/assets/sass/components/_people.scss
+ 14
− 0
View file @ fd9c192c
......@@ -12,11 +12,19 @@
text-transform: uppercase;
}
a {
@media (max-width: 768px) {
font-size: 20px;
}
}
.row {
display: flex;
@media (max-width: 768px) {
display: block;
width: 100%;
}
}
......@@ -36,6 +44,8 @@
@media (max-width: 768px) {
display: block;
max-width: 100%;
font-size: 20px;
}
.inner-people-grid {
......@@ -67,6 +77,10 @@
color: $brand-red;
}
}
@media (max-width: 768px) {
font-size: 20px;
}
}
}
}
......
web/themes/asc_bootstrap/css/style.css
+ 32
− 10
View file @ fd9c192c
......@@ -7260,7 +7260,9 @@ figcaption {
margin-bottom: 40px; }
@media (max-width: 768px) {
.view-events .row {
display: block; } }
display: block;
width: 100%;
margin-bottom: 0; } }
.view-events .news-row {
flex: 1;
color: #666666;
......@@ -7269,7 +7271,8 @@ figcaption {
.view-events .news-row {
display: block;
max-width: 100%;
flex: none; } }
flex: none;
margin: 15px; } }
.view-events .news-row .inner-news-grid {
overflow: hidden;
height: 100%; }
......@@ -8362,7 +8365,9 @@ article .field--name-body {
margin-bottom: 40px; }
@media (max-width: 768px) {
.view-news .row {
display: block; } }
display: block;
width: 100%;
margin-bottom: 0; } }
.news-row {
flex: 1;
......@@ -8378,7 +8383,8 @@ article .field--name-body {
.news-row {
display: block;
max-width: 100%;
flex: none; } }
flex: none;
margin: 15px; } }
.news-row .inner-news-grid {
overflow: hidden; }
@media (max-width: 768px) {
......@@ -8475,7 +8481,9 @@ article.news-story {
margin-bottom: 40px; }
@media (max-width: 768px) {
.block-views-blocknewsletter-directory-block-1 .row {
display: block; } }
display: block;
width: 100%;
margin-bottom: 0; } }
.block-views-blocknewsletter-directory-block-1 .news-row {
flex: 1;
color: #666666;
......@@ -8484,7 +8492,8 @@ article.news-story {
.block-views-blocknewsletter-directory-block-1 .news-row {
display: block;
max-width: 100%;
flex: none; } }
flex: none;
margin: 15px; } }
.block-views-blocknewsletter-directory-block-1 .news-row .inner-news-grid {
background: #ffffff; }
@media (max-width: 768px) {
......@@ -8529,7 +8538,9 @@ article.news-story {
margin-bottom: 40px; }
@media (max-width: 768px) {
.block-views-blocknewsletter-article-directory-block-1 .row {
display: block; } }
display: block;
width: 100%;
margin-bottom: 0; } }
.block-views-blocknewsletter-article-directory-block-1 .news-row {
flex: 1;
color: #666666;
......@@ -8538,7 +8549,8 @@ article.news-story {
.block-views-blocknewsletter-article-directory-block-1 .news-row {
display: block;
max-width: 100%;
flex: none; } }
flex: none;
margin: 15px; } }
.block-views-blocknewsletter-article-directory-block-1 .news-row .inner-news-grid {
background: #ffffff; }
@media (max-width: 768px) {
......@@ -9173,11 +9185,15 @@ article.news-story {
.view-people-directory h3 {
text-transform: uppercase; }
@media (max-width: 768px) {
.view-people-directory a {
font-size: 20px; } }
.view-people-directory .row {
display: flex; }
@media (max-width: 768px) {
.view-people-directory .row {
display: block; } }
display: block;
width: 100%; } }
.view-people-directory .view-header {
margin-bottom: 20px;
padding-bottom: 20px;
......@@ -9191,7 +9207,9 @@ article.news-story {
max-width: 22.5%; }
@media (max-width: 768px) {
.view-people-directory .people-row {
display: block; } }
display: block;
max-width: 100%;
font-size: 20px; } }
.view-people-directory .people-row .inner-people-grid {
padding: 20px 10px; }
@media (max-width: 768px) {
......@@ -9208,6 +9226,10 @@ article.news-story {
.view-people-directory .people-row .inner-people-grid .views-field-field-first-name a:hover,
.view-people-directory .people-row .inner-people-grid .views-field-field-last-name a:hover {
color: #BA0C2F; }
@media (max-width: 768px) {
.view-people-directory .people-row .inner-people-grid .views-field-field-first-name,
.view-people-directory .people-row .inner-people-grid .views-field-field-last-name {
font-size: 20px; } }
.view-display-id-page_1 {
margin-bottom: 40px; }
......
web/themes/asc_bootstrap/css/style.css.map
+ 1
− 1
View file @ fd9c192c
source diff could not be displayed: it is too large. Options to address this: view the blob.
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment