Skip to content

Instantly share code, notes, and snippets.

@JeremyEnglert
Created February 9, 2016 18:02
Show Gist options
  • Save JeremyEnglert/12cf7c7a37dcfc897e64 to your computer and use it in GitHub Desktop.
Save JeremyEnglert/12cf7c7a37dcfc897e64 to your computer and use it in GitHub Desktop.
Add Foundation Icons to JointsWP
/******************************************************************
Stylesheet: Main Stylesheet
Here's where the magic happens. Here is where you import
all of your Sass files so they can compile into one
CSS file.
******************************************************************/
// Import custom mixins
@import "mixins";
// Import local Foundation overrides - Don't link to Bower version as it will be overwritten whenever updated
@import "settings";
// Import foundation.scss from vendor files
@import "../../vendor/foundation-sites/scss/foundation";
$font-path: "../foundation-icons/foundation-icons";
@font-face {
font-family: "foundation-icons";
src: url("#{$font-path}.eot");
src: url("#{$font-path}.eot?#iefix") format("embedded-opentype"),
url("#{$font-path}.woff") format("woff"),
url("#{$font-path}.ttf") format("truetype"),
url("#{$font-path}.svg#fontcustom") format("svg");
font-weight: normal;
font-style: normal;
}
@import "../foundation-icons/foundation-icons.css";
// Import Motion-UI from vendor files
@import "../../vendor/motion-ui/src/motion-ui";
@include motion-ui-transitions;
@include motion-ui-animations;
// Select the components you want to use
@include foundation-global-styles;
@include foundation-grid;
//@include foundation-flex-grid;
@include foundation-typography;
@include foundation-button;
@include foundation-forms;
@include foundation-visibility-classes;
@include foundation-float-classes;
@include foundation-accordion;
@include foundation-accordion-menu;
@include foundation-badge;
@include foundation-breadcrumbs;
@include foundation-button-group;
@include foundation-callout;
@include foundation-close-button;
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-flex-video;
@include foundation-label;
@include foundation-media-object;
@include foundation-menu;
@include foundation-off-canvas;
@include foundation-orbit;
@include foundation-pagination;
@include foundation-progress-bar;
@include foundation-slider;
@include foundation-sticky;
@include foundation-reveal;
@include foundation-switch;
@include foundation-table;
@include foundation-tabs;
@include foundation-thumbnail;
@include foundation-title-bar;
@include foundation-tooltip;
@include foundation-top-bar;
// Import your custom styles
@import "main";
// Import your retina/HD styles
@import "2x";
// Import your print styles
@import "print";
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment