Themes

There are two themes in this project.

1. /wp-content/themes/foundation-group
2. /wp-content/themes/foundation-network-portal

They are based on the Foundation theme by Zurb, but if you edit that theme directly it'll get overwritten when theme updates are made.

The stylesheets are written in Sass, and use the Compass library of mixins. We use Codekit to compile locally. Within each theme folder, you'll see the /sass folder that holds the files you should edit. Compile them locally into the theme's /css folder.

Global Styling

/wp-content/themes/foundation-network-portal/sass/global.scss

Global.scss imports all the main partials and includes the global styles. Partials are stored in the three folders "base", "modules", and "plugins"; their file names begin with an underscore. When you @import them, you don't have to include the underscore or the extension. For example: @import "base/buttons";

Network Styling

/wp-content/themes/foundation-network-portal/sass/theme.scss

Theme.scss (in the network folder) @imports global.scss and builds upon it. Styles only needed by the network theme (e.g. the list of groups) are here.

Group Styling

/wp-content/themes/foundation-group/sass/theme.scss

Theme.scss (in the group folder) @imports global.scss and builds upon it. Styles only needed by the group theme (e.g. the posts carousel) are here.

Plugin Styling

/wp-content/themes/foundation-group/sass/plugins/

Each plugin has its CSS in a separate partial, so if you remove a plugin you just can delete the correlating partial (and remove its @import statement from global.scss)