Skip to content

Instantly share code, notes, and snippets.

@jimmyk69
Created December 28, 2015 02:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jimmyk69/9125bfc2ed265a646d80 to your computer and use it in GitHub Desktop.
Save jimmyk69/9125bfc2ed265a646d80 to your computer and use it in GitHub Desktop.
/*styles responsive column shortcodes*/
.one_half {
width: 48%;
border: solid 1px #eee
}
.one_third {
width: 30.66%;
border: solid 1px #eee
}
.two_third {
width: 65.33%;
border: solid 1px #eee
}
.one_fourth {
width: 22%;
border: solid 1px #eee
}
.three_fourth {
width: 74%;
}
.one_fifth {
width: 16.8%;
}
.two_fifth {
width: 37.6%;
}
.three_fifth {
width: 58.4%;
}
.four_fifth {
width: 67.2%;
}
.one_sixth {
width: 13.33%;
}
.five_sixth {
width: 82.67%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
position: relative;
margin-right: 4%;
float: left;
}
.last {
margin-right: 0 !important;
clear: right;
}
.clearboth {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width: 100%;
}
/* Large display 1200px and above */
@media screen and (min-width: 1200px) {
}
/* Portrait tablets 768px and above */
@media screen and (min-width: 768px) and (max-width: 979px) {
}
/* Phones to tablets 767px and below */
@media screen and (max-width: 767px) {
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
width: 100%;
margin-bottom: 4px;
}
/* Phones 480px and below */
@media screen and (max-width: 480px) {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment