Skip to content

Instantly share code, notes, and snippets.

Anthony Wilhelm awshout

Block or report user

Report or block awshout

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
hatefulcrawdad / foundation4-grid.html
Created Dec 13, 2012
We've been going back and forth on how to best approach our grid for Foundation 4.0. We had a lot to consider since we're moving towards mobile-first with this release. After about 4 iterations, we wanted to post what we've got to get feedback from our beloved Scss community. This is the Scss version. From here we'll be building new semantic gri…
View foundation4-grid.html
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Foundation 4 Grid Test</title>
<link rel="stylesheet" type="text/css" href="style.css">
<!-- Disregard these styles, they are for giving rows and columns a temporary BG color for better visibility -->
sevenspark / styles.css
Created Dec 20, 2011
ThemeSwitcher + Preview
View styles.css
/* Preview hover styles */
#theme_list ul li {
hatefulcrawdad / foundation4-semantic-grid.html
Last active May 29, 2019
Our mobile first grid mixins for Foundation 4.0. Comments welcome.
View foundation4-semantic-grid.html
<!DOCTYPE html>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Foundation Semantic Grid Testing</title>
<link rel="stylesheet" href="styles.css">
View ie8-grid-foundation-4.css
/* The Grid ---------------------- */
.lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row.large-collapse .column,
.lt-ie9 .row.large-collapse .columns { padding: 0; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row .row.large-collapse { margin: 0; }
.lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; }
You can’t perform that action at this time.