Limit the grid to 'grid' class
Change-Id: I60dd826ddee0861c05bc6b0cadc8bdc1eb3a6488
This commit is contained in:
Santhosh Thottingal
@@ -139,8 +139,8 @@ div.uls-region {
|
|||||||
transition: opacity 0.15s linear;
|
transition: opacity 0.15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.map-block:hover,
|
.uls-menu .map-block:hover,
|
||||||
.map-block:hover a {
|
.uls-menu .map-block:hover a {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,253 +1,253 @@
|
|||||||
/* Generated using Foundation http://foundation.zurb.com/docs/grid.php */
|
/* Generated using Foundation http://foundation.zurb.com/docs/grid.php */
|
||||||
/* Global Reset & Standards ---------------------- */
|
/* Global Reset & Standards ---------------------- */
|
||||||
.uls-menu * {
|
.grid * {
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Misc ---------------------- */
|
/* Misc ---------------------- */
|
||||||
.uls-menu .left {
|
.grid .left {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .right {
|
.grid .right {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .text-left {
|
.grid .text-left {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .text-right {
|
.grid .text-right {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .text-center {
|
.grid .text-center {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .hide {
|
.grid .hide {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .highlight {
|
.grid .highlight {
|
||||||
background: #ffff99;
|
background: #ffff99;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* The Grid ---------------------- */
|
/* The Grid ---------------------- */
|
||||||
.uls-menu .row {
|
.grid .row {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: none;
|
max-width: none;
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .row {
|
.grid .row .row {
|
||||||
width: auto;
|
width: auto;
|
||||||
max-width: none;
|
max-width: none;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
margin: 0 -5px;
|
margin: 0 -5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row.collapse .column, .uls-menu .row.collapse .columns {
|
.grid .row.collapse .column, .grid .row.collapse .columns {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .row {
|
.grid .row .row {
|
||||||
width: auto;
|
width: auto;
|
||||||
max-width: none;
|
max-width: none;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
margin: 0 -5px;
|
margin: 0 -5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .row.collapse {
|
.grid .row .row.collapse {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .column, .uls-menu .columns {
|
.grid .column, .grid .columns {
|
||||||
float: left;
|
float: left;
|
||||||
min-height: 1px;
|
min-height: 1px;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .column.centered, .uls-menu .columns.centered {
|
.grid .column.centered, .grid .columns.centered {
|
||||||
float: none;
|
float: none;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .one {
|
.grid .row .one {
|
||||||
width: 8.333%;
|
width: 8.333%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .two {
|
.grid .row .two {
|
||||||
width: 16.667%;
|
width: 16.667%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .three {
|
.grid .row .three {
|
||||||
width: 25%;
|
width: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .four {
|
.grid .row .four {
|
||||||
width: 33.333%;
|
width: 33.333%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .five {
|
.grid .row .five {
|
||||||
width: 41.667%;
|
width: 41.667%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .six {
|
.grid .row .six {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .seven {
|
.grid .row .seven {
|
||||||
width: 58.333%;
|
width: 58.333%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .eight {
|
.grid .row .eight {
|
||||||
width: 66.667%;
|
width: 66.667%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .nine {
|
.grid .row .nine {
|
||||||
width: 75%;
|
width: 75%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .ten {
|
.grid .row .ten {
|
||||||
width: 83.333%;
|
width: 83.333%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .eleven {
|
.grid .row .eleven {
|
||||||
width: 91.667%;
|
width: 91.667%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .twelve {
|
.grid .row .twelve {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .offset-by-one {
|
.grid .row .offset-by-one {
|
||||||
margin-left: 8.333%;
|
margin-left: 8.333%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .offset-by-two {
|
.grid .row .offset-by-two {
|
||||||
margin-left: 16.667%;
|
margin-left: 16.667%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .offset-by-three {
|
.grid .row .offset-by-three {
|
||||||
margin-left: 25%;
|
margin-left: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .offset-by-four {
|
.grid .row .offset-by-four {
|
||||||
margin-left: 33.333%;
|
margin-left: 33.333%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .offset-by-five {
|
.grid .row .offset-by-five {
|
||||||
margin-left: 41.667%;
|
margin-left: 41.667%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .offset-by-six {
|
.grid .row .offset-by-six {
|
||||||
margin-left: 50%;
|
margin-left: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .offset-by-seven {
|
.grid .row .offset-by-seven {
|
||||||
margin-left: 58.333%;
|
margin-left: 58.333%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .offset-by-eight {
|
.grid .row .offset-by-eight {
|
||||||
margin-left: 66.667%;
|
margin-left: 66.667%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .offset-by-nine {
|
.grid .row .offset-by-nine {
|
||||||
margin-left: 75%;
|
margin-left: 75%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row .offset-by-ten {
|
.grid .row .offset-by-ten {
|
||||||
margin-left: 83.333%;
|
margin-left: 83.333%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .push-two {
|
.grid .push-two {
|
||||||
left: 16.667%;
|
left: 16.667%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .pull-two {
|
.grid .pull-two {
|
||||||
right: 16.667%;
|
right: 16.667%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .push-three {
|
.grid .push-three {
|
||||||
left: 25%;
|
left: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .pull-three {
|
.grid .pull-three {
|
||||||
right: 25%;
|
right: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .push-four {
|
.grid .push-four {
|
||||||
left: 33.333%;
|
left: 33.333%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .pull-four {
|
.grid .pull-four {
|
||||||
right: 33.333%;
|
right: 33.333%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .push-five {
|
.grid .push-five {
|
||||||
left: 41.667%;
|
left: 41.667%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .pull-five {
|
.grid .pull-five {
|
||||||
right: 41.667%;
|
right: 41.667%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .push-six {
|
.grid .push-six {
|
||||||
left: 50%;
|
left: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .pull-six {
|
.grid .pull-six {
|
||||||
right: 50%;
|
right: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .push-seven {
|
.grid .push-seven {
|
||||||
left: 58.333%;
|
left: 58.333%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .pull-seven {
|
.grid .pull-seven {
|
||||||
right: 58.333%;
|
right: 58.333%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .push-eight {
|
.grid .push-eight {
|
||||||
left: 66.667%;
|
left: 66.667%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .pull-eight {
|
.grid .pull-eight {
|
||||||
right: 66.667%;
|
right: 66.667%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .push-nine {
|
.grid .push-nine {
|
||||||
left: 75%;
|
left: 75%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .pull-nine {
|
.grid .pull-nine {
|
||||||
right: 75%;
|
right: 75%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .push-ten {
|
.grid .push-ten {
|
||||||
left: 83.333%;
|
left: 83.333%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .pull-ten {
|
.grid .pull-ten {
|
||||||
right: 83.333%;
|
right: 83.333%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Nicolas Gallagher's micro clearfix */
|
/* Nicolas Gallagher's micro clearfix */
|
||||||
.uls-menu .row {
|
.grid .row {
|
||||||
*zoom: 1;
|
*zoom: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row:before, .uls-menu .row:after {
|
.grid .row:before, .grid .row:after {
|
||||||
content: "";
|
content: "";
|
||||||
display: table;
|
display: table;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .row:after {
|
.grid .row:after {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -262,53 +262,53 @@
|
|||||||
lines below to support arbitrary height, but know
|
lines below to support arbitrary height, but know
|
||||||
that IE7/8 do not support :nth-child.
|
that IE7/8 do not support :nth-child.
|
||||||
-------------------------------------------------- */
|
-------------------------------------------------- */
|
||||||
.uls-menu .block-grid {
|
.grid .block-grid {
|
||||||
display: block;
|
display: block;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .block-grid > li {
|
.grid .block-grid > li {
|
||||||
display: block;
|
display: block;
|
||||||
height: auto;
|
height: auto;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .block-grid.two-up {
|
.grid .block-grid.two-up {
|
||||||
margin: 0 -15px;
|
margin: 0 -15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .block-grid.two-up > li {
|
.grid .block-grid.two-up > li {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
padding: 0 15px 15px;
|
padding: 0 15px 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
|
/* .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
|
||||||
.uls-menu .block-grid.three-up {
|
.grid .block-grid.three-up {
|
||||||
margin: 0 -12px;
|
margin: 0 -12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .block-grid.three-up > li {
|
.grid .block-grid.three-up > li {
|
||||||
width: 33.33%;
|
width: 33.33%;
|
||||||
padding: 0 12px 12px;
|
padding: 0 12px 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
|
/* .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
|
||||||
.uls-menu .block-grid.four-up {
|
.grid .block-grid.four-up {
|
||||||
margin: 0 -10px;
|
margin: 0 -10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .block-grid.four-up > li {
|
.grid .block-grid.four-up > li {
|
||||||
width: 25%;
|
width: 25%;
|
||||||
padding: 0 10px 10px;
|
padding: 0 10px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
|
/* .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
|
||||||
.uls-menu .block-grid.five-up {
|
.grid .block-grid.five-up {
|
||||||
margin: 0 -8px;
|
margin: 0 -8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uls-menu .block-grid.five-up > li {
|
.grid .block-grid.five-up > li {
|
||||||
width: 20%;
|
width: 20%;
|
||||||
padding: 0 8px 8px;
|
padding: 0 8px 8px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -23,7 +23,7 @@
|
|||||||
|
|
||||||
// Region numbers in id attributes also appear in the langdb.
|
// Region numbers in id attributes also appear in the langdb.
|
||||||
var template = '\
|
var template = '\
|
||||||
<div class="uls-menu uls-wide"> \
|
<div class="grid uls-menu uls-wide"> \
|
||||||
<div class="row"> \
|
<div class="row"> \
|
||||||
<span id="uls-close" class="icon-close"></span> \
|
<span id="uls-close" class="icon-close"></span> \
|
||||||
</div> \
|
</div> \
|
||||||
|
|||||||
Reference in New Issue
Block a user