Skip to content

Instantly share code, notes, and snippets.

@bryanwillis
bryanwillis / gridlex.css
Last active October 14, 2016 17:25
Mobile First Gridlex Testing with responsive hidden columns
/* ==========================================================================
GRIDLEX
Just a Flexbox Grid System
========================================================================== */
[class*="grid"] {
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
margin: 0 -8px;
}
[class*=grid]{box-sizing:border-box;display:flex;flex-flow:row wrap;margin:0 -7.5px}.cell,[class*=cell-]{box-sizing:border-box;flex:0 0 auto;padding:0 7.5px 15px}.p-0,[class*=grid-][class*="-noGutter"]>[class*=cell]{padding:0}.cell{flex:1 1 0%}.grid.cell,.grid[class*=cell-]{margin:0;padding:0}[class*=grid-][class*="-noGutter"]{margin:0}[class*=grid-][class*="-center"]{justify-content:center}[class*=grid-][class*="-right"]{justify-content:flex-end;align-self:flex-end;margin-left:auto}[class*=grid-][class*="-top"]{align-items:flex-start}[class*=grid-][class*="-middle"]{align-items:center}[class*=grid-][class*="-bottom"]{align-items:flex-end}[class*=grid-][class*="-reverse"]{flex-direction:row-reverse}[class*=grid-][class*="-column"]{flex-direction:column}[class*=grid-][class*="-column"]>[class*=cell-]{flex-basis:auto}[class*=grid-][class*="-column-reverse"]{flex-direction:column-reverse}[class*=grid-][class*="-spaceBetween"]{justify-content:space-between}[class*=grid-][class*="-spaceAround"]{justify-content:spa
@bryanwillis
bryanwillis / owl.css
Last active September 10, 2016 04:17
/*
* Owl Carousel Owl Demo Theme
* v1.24
*/
.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
padding-left:25px;
}
/* ==========================================================================
GRIDLEX
Just a Flexbox Grid System
========================================================================== */
[class*="flex_grid"] {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
<!DOCTYPE HTML>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta http-equiv="Accept-CH" content="DPR, Width, Viewport-Width">
.widget_categories h4 {
font-family: 'Alegreya SC';
font-weight: 700;
font-size: 20px;
}
.widget_categories > .widget-wrap > .list-group {
margin-bottom: 20px;
padding-left: 20px;
}
ul.children.list-unstyled {
remove_action( 'genesis_header', 'genesis_header_markup_open', 5 );
remove_action( 'genesis_header', 'genesis_do_header' );
remove_action( 'genesis_header', 'genesis_header_markup_close', 15 );
remove_action( 'genesis_after_header', 'genesis_do_nav' );
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
remove_action( 'genesis_site_title', 'genesis_seo_site_title' );
remove_action( 'genesis_site_description', 'genesis_seo_site_description' );
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=3be814067422c2548880646ec7b792c8)
* Config saved to config.json and https://gist.github.com/3be814067422c2548880646ec7b792c8
*/
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=3be814067422c2548880646ec7b792c8)
* Config saved to config.json and https://gist.github.com/3be814067422c2548880646ec7b792c8
*/
.chosen-select,.chosen-select-deselect{width:100%}.chosen-container{display:inline-block;font-size:14px;position:relative;vertical-align:middle;width:100%!important;margin-top: 5px;}.chosen-container .chosen-drop{background:#fff;/* border:1px solid rgba(82,168,236,.8); */border-top:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;/* margin-top:-1px; */position:absolute;top:100%;left:-9000px;z-index:1060;/* -webkit-box-shadow:0 1px 1px rgba(0,0,0,.075)inset,0 0 8px rgba(82,168,236,.6); *//* box-shadow:0 1px 1px rgba(0,0,0,.075)inset,0 4px 8px rgba(82,168,236,.6); *//* -webkit-transition:border linear .2s,box-shadow linear .2s; */}.chosen-container.chosen-with-drop .chosen-drop{left:0;right:0;}.chosen-container .chosen-results{color:#555;margin:0 4px 4px 0;max-height:240px;/* padding:0 0 0 4px; */position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}.chosen-container .chosen-results li{display:none;line-height:1.428571429;list-style:none;margin:0;padding:5px 6px}.ch