refactor: post__content as mobile first
| | |
| | | margin: 0; |
| | | text-align: center; |
| | | |
| | | &.big { |
| | | max-width: 100vw; |
| | | } |
| | | |
| | | &.right { |
| | | float: right; |
| | | margin-left: 1.5em; |
| | | max-width: 50%; |
| | | @include desktop { |
| | | float: right; |
| | | margin-left: 1.5em; |
| | | max-width: 50%; |
| | | } |
| | | } |
| | | |
| | | &.left { |
| | | float: left; |
| | | margin-right: 1.5em; |
| | | max-width: 50%; |
| | | } |
| | | |
| | | &.big { |
| | | max-width: 100vw; |
| | | @include desktop { |
| | | float: left; |
| | | margin-right: 1.5em; |
| | | max-width: 50%; |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | } |
| | | } |
| | | @media screen and (max-width: 960px) { |
| | | .post { |
| | | figure { |
| | | max-width: 100%; |
| | | height: auto; |
| | | margin: 0; |
| | | text-align: center; |
| | | |
| | | &.right { |
| | | float: unset; |
| | | max-width: 100%; |
| | | margin: 0; |
| | | } |
| | | |
| | | &.left { |
| | | float: unset; |
| | | max-width: 100%; |
| | | margin: 0; |
| | | } |
| | | } |
| | | } |
| | | } |