Last active
November 30, 2023 17:35
-
-
Save ndiego/45f730cf0ccd7907ffc55ab207b0084a to your computer and use it in GitHub Desktop.
Column Classes - Built off the base column classes originally supplied in the Genesis Framework with fifths added.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Column Classes | |
* | |
* Width: 100% | |
* Gutter: 2.5641025641% | |
* Link: http://www.nickdiego.com/plugins/column-class-builder/ | |
----------------------------------------------------------------------------- */ | |
.five-sixths, | |
.four-fifths, | |
.four-sixths, | |
.one-fifth, | |
.one-fourth, | |
.one-half, | |
.one-sixth, | |
.one-third, | |
.three-fifths, | |
.three-fourths, | |
.three-sixths, | |
.two-fifths, | |
.two-fourths, | |
.two-sixths, | |
.two-thirds { | |
float: left; | |
margin-left: 2.5641025641%; | |
} | |
.one-half, | |
.three-sixths, | |
.two-fourths { | |
width: 48.717948718%; | |
} | |
.one-third, | |
.two-sixths { | |
width: 31.6239316239%; | |
} | |
.four-sixths, | |
.two-thirds { | |
width: 63.2478632479%; | |
} | |
.one-fourth { | |
width: 23.0769230769%; | |
} | |
.three-fourths { | |
width: 69.2307692308%; | |
} | |
.one-fifth { | |
width: 17.9487179487%; | |
} | |
.two-fifths { | |
width: 35.8974358974%; | |
} | |
.three-fifths { | |
width: 53.8461538462%; | |
} | |
.four-fifths { | |
width: 71.7948717949%; | |
} | |
.one-sixth { | |
width: 14.5299145299%; | |
} | |
.five-sixths { | |
width: 72.6495726496%; | |
} | |
.first { | |
clear: both; | |
margin-left: 0; | |
} | |
@media only screen and (max-width: 800px) { | |
.five-sixths, | |
.four-fifths, | |
.four-sixths, | |
.one-fifth, | |
.one-fourth, | |
.one-half, | |
.one-sixth, | |
.one-third, | |
.three-fifths, | |
.three-fourths, | |
.three-sixths, | |
.two-fifths | |
.two-fourths, | |
.two-sixths, | |
.two-thirds { | |
margin: 0; | |
width: 100%; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment