Wrap widget alignment in media query

This commit is contained in:
Brian Miyaji
2015-04-17 19:10:38 +10:00
parent 390343fafe
commit 68bc7dddb9

View File

@@ -105,23 +105,6 @@
cursor: default; cursor: default;
} }
/* Widget Alignment */
.sp-widget-align-none {
clear: both;
overflow: auto;
zoom: 1;
}
.sp-widget-align-left {
width: 48.387%;
float: left;
clear: left;
}
.sp-widget-align-right {
width: 48.387%;
float: right;
clear: right;
}
/* League Table */ /* League Table */
.sp-league-table td { .sp-league-table td {
line-height: 2em; line-height: 2em;
@@ -313,7 +296,7 @@
margin-bottom: 4em; margin-bottom: 4em;
} }
/* View all */ /* View All */
.sp-view-all-link { .sp-view-all-link {
display: block; display: block;
margin-top: 0.5em; margin-top: 0.5em;
@@ -329,3 +312,23 @@
.sp-heading { .sp-heading {
font-weight: bold; font-weight: bold;
} }
/* Media Queries */
@media screen and (min-width: 783px) {
/* Widget Alignment */
.sp-widget-align-none {
clear: both;
overflow: auto;
zoom: 1;
}
.sp-widget-align-left {
width: 48.387%;
float: left;
clear: left;
}
.sp-widget-align-right {
width: 48.387%;
float: right;
clear: right;
}
}