Skip to content

Instantly share code, notes, and snippets.

@smugen
Created May 10, 2013 08:20
Show Gist options
  • Save smugen/5553141 to your computer and use it in GitHub Desktop.
Save smugen/5553141 to your computer and use it in GitHub Desktop.
Foundation 4 Basic Markup
i[class*="foundicon-"] {
font-style: inherit;
}
i[class*="foundicon-"]:before {
font-family: "GeneralFoundicons";
}
i[class*="enclosed foundicon-"]:before {
font-family: "GeneralEnclosedFoundicons";
}
i[class*="social foundicon-"]:before {
font-family: "SocialFoundicons";
}
i[class*="accessibility foundicon-"]:before {
font-family: "AccessibilityFoundicons";
}
<!DOCTYPE html>
<!--[if lt IE 9]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<title>Foundation 4 <?= title ?></title>
<meta name="viewport" content="width=device-width" />
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundation/4.1.2/css/normalize.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundation/4.1.2/css/foundation.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundicons/2.0/stylesheets/general_foundicons.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundicons/2.0/stylesheets/general_enclosed_foundicons.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundicons/2.0/stylesheets/social_foundicons.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundicons/2.0/stylesheets/accessibility_foundicons.css">
<!--[if lt IE 8]>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundicons/2.0/stylesheets/general_foundicons_ie7.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundicons/2.0/stylesheets/general_enclosed_foundicons_ie7.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundicons/2.0/stylesheets/social_foundicons_ie7.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundicons/2.0/stylesheets/accessibility_foundicons_ie7.css">
<![endif]-->
<link rel="stylesheet" href="/stylesheets/foundicons-more-than-one.css">
<!-- <link rel="stylesheet" href="css/app.css" /> -->
<script src="//cdnjs.cloudflare.com/ajax/libs/foundation/4.1.2/js/vendor/custom.modernizr.min.js"></script>
<!--
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
-->
<link rel="shortcut icon" href="//twitter.com/favicon.ico">
</head>
<body>
<!-- body content here -->
<!--[if lt IE 9]>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<![endif]--><!--[if gt IE 8]><!-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<!--[endif]-->
<script src="//cdnjs.cloudflare.com/ajax/libs/foundation/4.1.2/js/foundation.min.js"></script>
<script>
$(function(){ $(document).foundation(); });
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment