Requirements
Make sure Ruby, Node.js, and bower are setup on your system before continuing.
<div class="chart under-half"></div> |
<div class="pie-timer deg-350"> | |
<div class="before"></div> | |
<div class="after"></div> | |
</div> |
jquery.makeitsticky.js
to your page$('#myElement').makeItSticky()
// abide | |
// Accordion | |
$include-html-accordion-classes: $include-html-classes; | |
$accordion-navigation-padding: rem-calc(16); | |
$accordion-navigation-bg-color: #efefef ; | |
$accordion-navigation-hover-bg-color: darken($accordion-navigation-bg-color, 5%); | |
$accordion-navigation-active-bg-color: darken($accordion-navigation-bg-color, 3%); |
s
in /usr/local/bin/s
chmod +x /usr/local/bin/s
Let's assume you have a static site setup in ~/Sites/awesomeapp
. Open up terminal and run the following commands:
# Generate font icon page for reference | |
FONT = /^\.(sportisaicon[^:]+):before {/ | |
paths = [ | |
"fonts/custom_font_1.css", | |
"fonts/custom_font_2.css" | |
] | |
paths.each do |pth| |
.container{ | |
@include grid-row(); | |
.div1 { | |
@include grid-column(12); | |
@media #{$small} { | |
@include grid-column(4); | |
} | |
} | |
.div2 { | |
@include grid-column(12); |
Using a default Foundation 5 download you'll see some code like this in your index.html
file:
<script src="bower_components/jquery/jquery.js"></script>
<script src="bower_components/foundation/js/foundation.min.js"></script>
<script src="js/app.js"></script>
This code should go AFTER foundation has been initialized, i.e.
<script>
$(document).foundation();
// equal-height.js code can go here
</script>