Archos/masto-fe-archos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Support overriding media queries for deciding between single-column/multi-column layouts with a class

Browse Source
This commit is contained in:
Surinna Curtis
2017-06-24 13:18:54 -05:00
parent 8b23bf7cbd
commit a70468aa56
6 changed files with 41 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/javascript/styles/accounts.scss
+4 -4
View File
@@ -9,7 +9,7 @@
overflow: hidden;
position: relative;
@media screen and (max-width: 700px) {
@include single-column('screen and (max-width: 700px)') {
border-radius: 0;
box-shadow: none;
}
@@ -148,7 +148,7 @@
order: 1;
}
@media screen and (max-width: 480px) {
@include single-column('screen and (max-width: 480px)') {
.details {
display: block;
}
@@ -230,7 +230,7 @@
color: lighten($ui-base-color, 10%);
}
@media screen and (max-width: 360px) {
@include single-column('screen and (max-width: 360px)') {
padding: 30px 20px;
a,
@@ -258,7 +258,7 @@
display: flex;
flex-wrap: wrap;
@media screen and (max-width: 700px) {
@include single-column('screen and (max-width: 700px)') {
border-radius: 0;
box-shadow: none;
}