Coda 2 Clips library for Foundation 5 CSS Framework.
Speed up your Foundation work flow by using Coda 2's clips and this library! Prototype websites faster than you can imagine.
-Download or clone this repository.
-Open Coda then open the right side menu.
-Click on the home icon and find the Clips menu.
-Click the gear icon on the bottom of the right side menu or right click the right side menu and choose import clips.
-Navigate to the Foundation.clips file and choose import.
-Marvel at how much time you save.
-???
-Profit.
All clip shortcuts are prepended with fd (FounDation...I dunno). You could probably guess most of these, but if you're wondering which shortcuts do what, here's the complete list of all the shortcuts.
fddoc - Creates an html5 document complete with js and css files linked and a style.css for your own custom stylesheet, uncomment first!
fdbower - Creates a new document with all of the linked bower components, ready to go. Specifically meant for use with a CodeKit Foundation Installation.
fdrow - Creates a new div element with class of row
fdcolumn - Creates a new div element with large, medium and small column classes
fdgrid - Creates a new div.row element and a div element with large, medium and small classes
fd2up - Creates a row and 2 columns spanning 6 grid column spaces
fd3up - Creates a row and 3 columns spanning 4 grid column spaces
fd4up - Creates a row and 4 columns spanning 3 grid column spaces
fdrightsb - Creates a row and 2 columns, left column spans 8 grid column spaces and right column spans 4 grid column spaces, creating a right side bar.
fdleftsb - Creates a row and 2 columns, left column spans 4 grid column spaces and right column spans 8 grid column spaces, creating a left side bar.
fdblock - Creates a new block grid element
fdinterchange - Creates a new interchange img tag
fdoffcanvas - Creates a complete Offcanvas menu with Lorem text in the content area
fdtopbar - Creates a new top bar nav element
fdtopbarsticky - Creates a new top bar nav element with the contain-to-grid and sticky classes
fdtopbarform - Creates a top bar li element with form elements inside of it. Add to any existing top bar ul
fdtopbarbtn - Creates a top bar li element with a button inside of it. Add to any existing top bar ul
fdsidenav - Creates a new side nav element
fdmagellan - Creates a new magellan nav bar with content sections
fdsubnav - Creates a new sub nav element
fdbreadcrumbs - Creates a new breadcrumb element
fdpagination - Creates a new pagination element
fdorbit - Creates a new orbit slider element with 3 slides
fdclearing - Creates a new clearing light box element with 4 items
fdform - Creates a new form using Abide validation as well as data-equalto in the password repeat field
fdformpre - Creates a new prefixed form element
fdformpost - Creates a new postfixed form element
fdformpostbtn - Creates a new postfixed form element with a button
fdrange - Creates a new range slider element
fdbutton - Creates the class that can be attached to any button-able element (div, a, button, etc.)
fdbtngroup - Creates a new button group element
fdbtnbar - Creates a new button bar element
fdsplitbtn - Creates a new split-button element
fddropbtn - Creates a new drop down button element
fdinlinelist - Creates a new inline list element
fdlabel - Creates a new label element
fdreveal - Creates a new reveal element and a link to show the created modal
fdalert - Creates a new alert element
fdtooltips - Creates a new tool tip element
fdjoyride - Creates a complete Joyride tour, with the unordered list and the jQuery initializer
fddropdowns - Creates a dropdown element
fdpricingtable - Creates a new pricing table element
fdmeter - Creates a new meter element
fdtable - Creates a new table element
fdaccordion - Creates a new accordion element
fdtabshoriz - Creates a new horizontal tabs element
fdtabsvert - Creates a new vertical tabs element
fdequalizer - Creates 3 div panels with the equalizer data attributes