File: /home/eliteafr/pmb/opac_css/styles/zen_one/1-grid.css
/* ========================================================================
Component: Utility
========================================================================== */
/* Container
========================================================================== */
#container {
box-sizing: border-box;
max-width: 980px;
padding: 0 25px;
}
/* Large screen and bigger */
@media (min-width: 1220px) {
#container {
max-width: 1200px;
padding: 0 20px;
}
}
/*
* Micro clearfix
* Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webk
*/
#container:before,
#container:after {
content: "";
display: block;
overflow: hidden;
}
#container:after {
clear: both;
}
/*
* Center container
*/
#container {
margin-left: auto;
margin-right: auto;
}
/* ========================================================================
Component: Zone Grid only add to container
========================================================================== */
.wyk-grid {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
list-style: none;
}
/*
* Grid cell
*/
.wyk-grid > div {
/* 1 */
-ms-flex: none;
-webkit-flex: none;
flex: none;
margin: 0;
float: left;
}
/*
* Remove margin from the last-child
*/
.uk-grid > * > :last-child {
margin-bottom: 0;
}
/* ========================================================================
Component: Grid sub zone only add to main_hors_footer and cms_module
========================================================================== */
.wyk-sub-grid {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
list-style: none;
}
.wyk-sub-grid > *{
width:100%;
}
/* ========================================================================
Empty
========================================================================== */
.wyk-sub-grid > *:empty{
display:none;
}