Skip to content

Commit

Permalink
Some mobile tweaks.
Browse files Browse the repository at this point in the history
  • Loading branch information
reynoldsalec committed Feb 3, 2021
1 parent 35ac081 commit afc2a77
Show file tree
Hide file tree
Showing 3 changed files with 4 additions and 3 deletions.
4 changes: 3 additions & 1 deletion site/.vuepress/theme/components/HeroFlex.vue
Original file line number Diff line number Diff line change
Expand Up @@ -111,7 +111,7 @@ export default {
text-decoration none
left 0
bottom 0
padding 3rem
padding 5rem
@media (min-width: $MQMobile)
padding 2rem
@media (min-width: $MQSmall)
Expand All @@ -138,6 +138,8 @@ export default {
font-size typeScale.i
&::after
border-left-color rgba(black, 0.3) !important
@media (max-width: $MQMobile)

This comment has been minimized.

Copy link
@thiagodemellobueno

thiagodemellobueno Feb 9, 2021

nested media query
also use min-width mobile first is a thing for good reasons.

display none
.hero-right-content
display none
@media (max-width: $MQMobile)
Expand Down
1 change: 0 additions & 1 deletion site/.vuepress/theme/styles/palette.styl
Original file line number Diff line number Diff line change
Expand Up @@ -121,7 +121,6 @@ workGrid = @block
display block
@media (max-width: $MQMobile)
width 100%
height 500px
display inline-flex

//
Expand Down
2 changes: 1 addition & 1 deletion site/work/common-dreams-discovery.md
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ Common Dreams has been a pioneer in online, reader-supported news since the Clin

::: col-half What's at Stake?
:::big
110M+ Pageviews
110M+ Views
:::
::::::

Expand Down

0 comments on commit afc2a77

Please sign in to comment.