├── source ├── assets │ ├── stylesheets │ │ ├── _theme.scss │ │ ├── font-awesome │ │ │ ├── _fixed-width.scss │ │ │ ├── _larger.scss │ │ │ ├── _list.scss │ │ │ ├── font-awesome.scss │ │ │ ├── _core.scss │ │ │ ├── _stacked.scss │ │ │ ├── _bordered-pulled.scss │ │ │ ├── _rotated-flipped.scss │ │ │ ├── _path.scss │ │ │ ├── _animated.scss │ │ │ └── _mixins.scss │ │ ├── _variables.scss │ │ ├── util │ │ │ ├── _util.scss │ │ │ ├── _selector.scss │ │ │ ├── _color.scss │ │ │ ├── _unit.scss │ │ │ ├── _value.scss │ │ │ └── _breakpoint.scss │ │ ├── components │ │ │ ├── _float.scss │ │ │ ├── _sticky.scss │ │ │ ├── _accordion-menu.scss │ │ │ ├── _title-bar.scss │ │ │ ├── _top-bar.scss │ │ │ ├── _badge.scss │ │ │ ├── _label.scss │ │ │ ├── _thumbnail.scss │ │ │ ├── _dropdown.scss │ │ │ ├── _drilldown.scss │ │ │ ├── _close-button.scss │ │ │ ├── _flex-video.scss │ │ │ ├── _media-object.scss │ │ │ ├── _progress-bar.scss │ │ │ ├── _breadcrumbs.scss │ │ │ ├── _tooltip.scss │ │ │ ├── _dropdown-menu.scss │ │ │ ├── _accordion.scss │ │ │ ├── _callout.scss │ │ │ ├── _visibility.scss │ │ │ ├── _tabs.scss │ │ │ ├── _button-group.scss │ │ │ ├── _slider.scss │ │ │ ├── _reveal.scss │ │ │ ├── _pagination.scss │ │ │ ├── _off-canvas.scss │ │ │ ├── _orbit.scss │ │ │ ├── _menu.scss │ │ │ └── _table.scss │ │ ├── typography │ │ │ ├── _alignment.scss │ │ │ ├── _typography.scss │ │ │ ├── _helpers.scss │ │ │ └── _print.scss │ │ ├── grid │ │ │ ├── _size.scss │ │ │ ├── _layout.scss │ │ │ ├── _grid.scss │ │ │ ├── _gutter.scss │ │ │ ├── _row.scss │ │ │ ├── _position.scss │ │ │ ├── _classes.scss │ │ │ ├── _column.scss │ │ │ └── _flex-grid.scss │ │ ├── forms │ │ │ ├── _help-text.scss │ │ │ ├── _forms.scss │ │ │ ├── _checkbox.scss │ │ │ ├── _label.scss │ │ │ ├── _fieldset.scss │ │ │ ├── _input-group.scss │ │ │ ├── _select.scss │ │ │ ├── _error.scss │ │ │ └── _text.scss │ │ ├── style.scss │ │ ├── foundation.scss │ │ ├── _syntax.scss │ │ └── _global.scss │ ├── fonts │ │ ├── FontAwesome.otf │ │ ├── fontawesome-webfont.eot │ │ ├── fontawesome-webfont.ttf │ │ ├── fontawesome-webfont.woff │ │ └── fontawesome-webfont.woff2 │ └── javascripts │ │ ├── scripts.js │ │ ├── foundation.util.nest.js │ │ ├── util-map.json │ │ ├── foundation.util.timerAndImageLoader.js │ │ ├── foundation.util.motion.js │ │ ├── foundation.responsiveToggle.js │ │ ├── motion-ui.js │ │ ├── foundation.util.keyboard.js │ │ ├── foundation.responsiveMenu.js │ │ ├── foundation.toggler.js │ │ ├── foundation.equalizer.js │ │ └── foundation.interchange.js ├── _posts │ ├── 2014-12-14-post-one.md │ └── 2014-12-14-post-two.md ├── _layouts │ └── default.html ├── _drafts │ └── 2014-12-14-draft-post.md ├── 404.html ├── _includes │ ├── footer.html │ └── header.html ├── _data │ └── sample.json ├── feed.xml └── index.html ├── .gitignore ├── LICENSE ├── _config.yml └── README.md /source/assets/stylesheets/_theme.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Foundation-Jekyll - Custom Theme Styles 3 | // 4 | -------------------------------------------------------------------------------- /source/_posts/2014-12-14-post-one.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Post 1 4 | --- 5 | 6 | * Post 1 -------------------------------------------------------------------------------- /source/_posts/2014-12-14-post-two.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Post 2 4 | --- 5 | 6 | * Post 2 -------------------------------------------------------------------------------- /source/_layouts/default.html: -------------------------------------------------------------------------------- 1 | {% include header.html %} 2 | 3 | {{ content }} 4 | 5 | {% include footer.html %} -------------------------------------------------------------------------------- /source/_drafts/2014-12-14-draft-post.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Draft Post 1 4 | --- 5 | 6 | * Draft Post 1 -------------------------------------------------------------------------------- /source/404.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: 404 4 | permalink: /404.html 5 | --- 6 | 7 |

Nothing to see here...

-------------------------------------------------------------------------------- /source/assets/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronkwhite/foundation-jekyll/HEAD/source/assets/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /source/assets/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronkwhite/foundation-jekyll/HEAD/source/assets/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /source/assets/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronkwhite/foundation-jekyll/HEAD/source/assets/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /source/assets/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronkwhite/foundation-jekyll/HEAD/source/assets/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | *.sublime-project 3 | *.sublime-workspace 4 | config.codekit 5 | 6 | .sass-cache 7 | .sass-cache/* 8 | 9 | static/ 10 | -------------------------------------------------------------------------------- /source/assets/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronkwhite/foundation-jekyll/HEAD/source/assets/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /source/assets/stylesheets/font-awesome/_fixed-width.scss: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .#{$fa-css-prefix}-fw { 4 | width: (18em / 14); 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /source/assets/stylesheets/_variables.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Foundation-Jekyll - Style Variables 3 | // Author: @aaronkwhite 4 | // 5 | 6 | // Colors 7 | $black: #444444; 8 | $white: #ffffff; 9 | -------------------------------------------------------------------------------- /source/assets/javascripts/scripts.js: -------------------------------------------------------------------------------- 1 | // 2 | // Foundation-Jekyll - Javascripts 3 | // Author: @aaronkwhite 4 | // 5 | 6 | // Init Foundation 7 | $(document).foundation(); 8 | 9 | // Init Highlight.js 10 | //hljs.initHighlightingOnLoad(); 11 | -------------------------------------------------------------------------------- /source/_includes/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /source/assets/stylesheets/util/_util.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | // Utilities 6 | @import 'unit'; 7 | @import 'value'; 8 | @import 'color'; 9 | @import 'selector'; 10 | 11 | // Libraries 12 | @import 'breakpoint'; 13 | 14 | // Mixins 15 | @import 'mixins'; 16 | -------------------------------------------------------------------------------- /source/assets/stylesheets/font-awesome/_larger.scss: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | /* makes the font 33% larger relative to the icon container */ 5 | .#{$fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -15%; 9 | } 10 | .#{$fa-css-prefix}-2x { font-size: 2em; } 11 | .#{$fa-css-prefix}-3x { font-size: 3em; } 12 | .#{$fa-css-prefix}-4x { font-size: 4em; } 13 | .#{$fa-css-prefix}-5x { font-size: 5em; } 14 | -------------------------------------------------------------------------------- /source/assets/stylesheets/font-awesome/_list.scss: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-ul { 5 | padding-left: 0; 6 | margin-left: $fa-li-width; 7 | list-style-type: none; 8 | > li { position: relative; } 9 | } 10 | .#{$fa-css-prefix}-li { 11 | position: absolute; 12 | left: -$fa-li-width; 13 | width: $fa-li-width; 14 | top: (2em / 14); 15 | text-align: center; 16 | &.#{$fa-css-prefix}-lg { 17 | left: -$fa-li-width + (4em / 14); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /source/assets/stylesheets/font-awesome/font-awesome.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @import "variables"; 7 | @import "mixins"; 8 | @import "path"; 9 | @import "core"; 10 | @import "larger"; 11 | @import "fixed-width"; 12 | @import "list"; 13 | @import "bordered-pulled"; 14 | @import "animated"; 15 | @import "rotated-flipped"; 16 | @import "stacked"; 17 | @import "icons"; 18 | -------------------------------------------------------------------------------- /source/assets/stylesheets/components/_float.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group float 7 | //// 8 | 9 | @mixin foundation-float-classes { 10 | .float-left { 11 | float: left !important; 12 | } 13 | 14 | .float-right { 15 | float: right !important; 16 | } 17 | 18 | .float-center { 19 | display: block; 20 | margin-left: auto; 21 | margin-right: auto; 22 | } 23 | 24 | .clearfix { 25 | @include clearfix; 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /source/assets/stylesheets/font-awesome/_core.scss: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix} { 5 | display: inline-block; 6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | -------------------------------------------------------------------------------- /source/assets/stylesheets/typography/_alignment.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | @mixin foundation-text-alignment { 6 | @each $align in (left, right, center, justify) { 7 | .text-#{$align} { 8 | text-align: $align; 9 | } 10 | 11 | @each $size in $breakpoint-classes { 12 | @include breakpoint($size) { 13 | @if $size != 'small' { 14 | .#{$size}-text-#{$align} { 15 | text-align: $align; 16 | } 17 | } 18 | } 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /source/assets/stylesheets/font-awesome/_stacked.scss: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-stack { 5 | position: relative; 6 | display: inline-block; 7 | width: 2em; 8 | height: 2em; 9 | line-height: 2em; 10 | vertical-align: middle; 11 | } 12 | .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { 13 | position: absolute; 14 | left: 0; 15 | width: 100%; 16 | text-align: center; 17 | } 18 | .#{$fa-css-prefix}-stack-1x { line-height: inherit; } 19 | .#{$fa-css-prefix}-stack-2x { font-size: 2em; } 20 | .#{$fa-css-prefix}-inverse { color: $fa-inverse; } 21 | -------------------------------------------------------------------------------- /source/assets/stylesheets/typography/_typography.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group typography 7 | //// 8 | 9 | // scss-lint:disable DeclarationOrder 10 | 11 | // Base typography styles (tags only) 12 | @import 'base'; 13 | 14 | // Typography helper classes (classes only) 15 | @import 'helpers'; 16 | 17 | // Text alignment classes 18 | @import 'alignment'; 19 | 20 | // Print styles 21 | @import 'print'; 22 | 23 | @mixin foundation-typography { 24 | @include foundation-typography-base; 25 | @include foundation-typography-helpers; 26 | @include foundation-text-alignment; 27 | @include foundation-print-styles; 28 | } 29 | -------------------------------------------------------------------------------- /source/assets/stylesheets/grid/_size.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group grid 7 | //// 8 | 9 | /// Set the width of a grid column. 10 | /// 11 | /// @param {Number|List} $width [$grid-column-count] - Width to make the column. You can pass in any value accepted by the `grid-column()` function, such as `6`, `50%`, or `1 of 2`. 12 | @mixin grid-column-size( 13 | $columns: $grid-column-count 14 | ) { 15 | width: grid-column($columns); 16 | } 17 | 18 | /// Shorthand for `grid-column-size()`. 19 | /// @alias grid-column-size 20 | @mixin grid-col-size( 21 | $columns: $grid-column-count 22 | ) { 23 | @include grid-column-size($columns); 24 | } 25 | -------------------------------------------------------------------------------- /source/assets/stylesheets/grid/_layout.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group grid 7 | //// 8 | 9 | /// Sizes child elements so that `$n` number of items appear on each row. 10 | /// @param {Number} $n - Number of elements to display per row. 11 | /// @param {String} $selector ['.column, .columns'] - Selector(s) to use for child elements. 12 | @mixin grid-layout( 13 | $n, 14 | $selector: '.column' 15 | ) { 16 | #{$selector} { 17 | width: percentage(1/$n); 18 | float: $global-left; 19 | 20 | &:nth-of-type(1n) { 21 | clear: none; 22 | } 23 | 24 | &:nth-of-type(#{$n}n+1) { 25 | clear: both; 26 | } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /source/assets/stylesheets/font-awesome/_bordered-pulled.scss: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-border { 5 | padding: .2em .25em .15em; 6 | border: solid .08em $fa-border-color; 7 | border-radius: .1em; 8 | } 9 | 10 | .#{$fa-css-prefix}-pull-left { float: left; } 11 | .#{$fa-css-prefix}-pull-right { float: right; } 12 | 13 | .#{$fa-css-prefix} { 14 | &.#{$fa-css-prefix}-pull-left { margin-right: .3em; } 15 | &.#{$fa-css-prefix}-pull-right { margin-left: .3em; } 16 | } 17 | 18 | /* Deprecated as of 4.4.0 */ 19 | .pull-right { float: right; } 20 | .pull-left { float: left; } 21 | 22 | .#{$fa-css-prefix} { 23 | &.pull-left { margin-right: .3em; } 24 | &.pull-right { margin-left: .3em; } 25 | } 26 | -------------------------------------------------------------------------------- /source/assets/stylesheets/components/_sticky.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | @mixin foundation-sticky { 6 | .sticky-container { 7 | position: relative; 8 | } 9 | 10 | .sticky { 11 | position: absolute; 12 | z-index: 0; 13 | transform: translate3d(0,0,0); 14 | } 15 | 16 | .sticky.is-stuck { 17 | position: fixed; 18 | z-index: 5; 19 | 20 | &.is-at-top { 21 | top: 0; 22 | } 23 | 24 | &.is-at-bottom { 25 | bottom: 0; 26 | } 27 | } 28 | 29 | .sticky.is-anchored { 30 | position: absolute; 31 | left: auto; 32 | right: auto; 33 | 34 | &.is-at-bottom { 35 | bottom: 0; 36 | } 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /source/assets/stylesheets/components/_accordion-menu.scss: -------------------------------------------------------------------------------- 1 | //// 2 | /// @group accordion-menu 3 | //// 4 | 5 | /// Sets if accordion menus have the default arrow styles. 6 | /// @type Boolean 7 | $accordionmenu-arrows: true; 8 | 9 | @mixin foundation-accordion-menu { 10 | @if $accordionmenu-arrows { 11 | .is-accordion-submenu-parent > a { 12 | position: relative; 13 | 14 | &::after { 15 | @include css-triangle(6px, $primary-color, down); 16 | position: absolute; 17 | top: 50%; 18 | margin-top: -4px; 19 | right: 1rem; 20 | } 21 | } 22 | 23 | .is-accordion-submenu-parent[aria-expanded="true"] > a::after { 24 | transform-origin: 50% 50%; 25 | transform: scaleY(-1); 26 | } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /source/assets/stylesheets/grid/_grid.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group grid 7 | //// 8 | 9 | /// The maximum width of a row. 10 | /// @type Number 11 | $grid-row-width: $global-width !default; 12 | 13 | /// The default column count of a grid. Changing this value affects the logic of the grid mixins, and the number of CSS classes output. 14 | /// @type Number 15 | $grid-column-count: 12 !default; 16 | 17 | /// The amount of space between columns. 18 | /// @type Number 19 | $grid-column-gutter: 30px !default; 20 | 21 | @import 'row'; 22 | @import 'column'; 23 | @import 'size'; 24 | @import 'position'; 25 | @import 'gutter'; 26 | @import 'classes'; 27 | @import 'layout'; 28 | 29 | @import 'flex-grid'; 30 | -------------------------------------------------------------------------------- /source/assets/stylesheets/forms/_help-text.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group forms 7 | //// 8 | 9 | /// Default color for help text. 10 | /// @type Color 11 | $helptext-color: #333 !default; 12 | 13 | /// Default font size for help text. 14 | /// @type Number 15 | $helptext-font-size: rem-calc(13) !default; 16 | 17 | /// Default font style for help text. 18 | /// @type Keyword 19 | $helptext-font-style: italic !default; 20 | 21 | @mixin foundation-form-helptext { 22 | .help-text { 23 | $margin-top: ($form-spacing * 0.5) * -1; 24 | 25 | margin-top: $margin-top; 26 | font-size: $helptext-font-size; 27 | font-style: $helptext-font-style; 28 | color: $helptext-color; 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /source/assets/stylesheets/font-awesome/_rotated-flipped.scss: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } 5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } 6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } 7 | 8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } 9 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } 10 | 11 | // Hook for IE8-9 12 | // ------------------------- 13 | 14 | :root .#{$fa-css-prefix}-rotate-90, 15 | :root .#{$fa-css-prefix}-rotate-180, 16 | :root .#{$fa-css-prefix}-rotate-270, 17 | :root .#{$fa-css-prefix}-flip-horizontal, 18 | :root .#{$fa-css-prefix}-flip-vertical { 19 | filter: none; 20 | } 21 | -------------------------------------------------------------------------------- /source/assets/stylesheets/forms/_forms.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group forms 7 | //// 8 | 9 | /// Global spacing for form elements. 10 | /// @type Number 11 | $form-spacing: rem-calc(16) !default; 12 | 13 | @import 14 | 'text', 15 | 'checkbox', 16 | 'label', 17 | 'help-text', 18 | 'input-group', 19 | 'fieldset', 20 | 'select', 21 | 'error'; 22 | 23 | @mixin foundation-forms { 24 | @include foundation-form-text; 25 | @include foundation-form-checkbox; 26 | @include foundation-form-label; 27 | @include foundation-form-helptext; 28 | @include foundation-form-prepostfix; 29 | @include foundation-form-fieldset; 30 | @include foundation-form-select; 31 | @include foundation-form-error; 32 | } 33 | -------------------------------------------------------------------------------- /source/_data/sample.json: -------------------------------------------------------------------------------- 1 | { 2 | "data": [ 3 | { 4 | "title": "Sample JSON Data 1", 5 | "content": "Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo." 6 | }, 7 | 8 | { 9 | "title": "Sample JSON Data 2", 10 | "content": "Cras mattis consectetur purus sit amet fermentum." 11 | }, 12 | 13 | { 14 | "title": "Sample JSON Data 3", 15 | "content": "Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet non magna." 16 | }, 17 | 18 | { 19 | "title": "Sample JSON Data 4", 20 | "content": "Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus." 21 | }, 22 | 23 | 24 | ] 25 | } -------------------------------------------------------------------------------- /source/assets/stylesheets/font-awesome/_path.scss: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); 7 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), 8 | url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), 9 | url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'), 10 | url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), 11 | url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg'); 12 | // src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 13 | font-weight: normal; 14 | font-style: normal; 15 | } 16 | -------------------------------------------------------------------------------- /source/assets/stylesheets/grid/_gutter.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group grid 7 | //// 8 | 9 | /// Collapse the gutters on a column by removing the padding. 10 | @mixin grid-column-collapse() { 11 | padding-left: 0; 12 | padding-right: 0; 13 | } 14 | 15 | /// Un-collapse the gutters on a column by re-adding the padding. 16 | @mixin grid-column-uncollapse() { 17 | padding-left: $grid-column-gutter; 18 | padding-right: $grid-column-gutter; 19 | } 20 | 21 | /// Shorthand for `grid-column-collapse()`. 22 | /// @alias grid-column-collapse 23 | @mixin grid-col-collapse() { 24 | @include grid-column-collapse; 25 | } 26 | 27 | /// Shorthand for `grid-column-uncollapse()`. 28 | /// @alias grid-column-uncollapse 29 | @mixin grid-col-uncollapse() { 30 | @include grid-column-uncollapse; 31 | } 32 | -------------------------------------------------------------------------------- /source/assets/stylesheets/font-awesome/_animated.scss: -------------------------------------------------------------------------------- 1 | // Spinning Icons 2 | // -------------------------- 3 | 4 | .#{$fa-css-prefix}-spin { 5 | -webkit-animation: fa-spin 2s infinite linear; 6 | animation: fa-spin 2s infinite linear; 7 | } 8 | 9 | .#{$fa-css-prefix}-pulse { 10 | -webkit-animation: fa-spin 1s infinite steps(8); 11 | animation: fa-spin 1s infinite steps(8); 12 | } 13 | 14 | @-webkit-keyframes fa-spin { 15 | 0% { 16 | -webkit-transform: rotate(0deg); 17 | transform: rotate(0deg); 18 | } 19 | 100% { 20 | -webkit-transform: rotate(359deg); 21 | transform: rotate(359deg); 22 | } 23 | } 24 | 25 | @keyframes fa-spin { 26 | 0% { 27 | -webkit-transform: rotate(0deg); 28 | transform: rotate(0deg); 29 | } 30 | 100% { 31 | -webkit-transform: rotate(359deg); 32 | transform: rotate(359deg); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /source/assets/stylesheets/forms/_checkbox.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group forms 7 | //// 8 | 9 | @mixin foundation-form-checkbox { 10 | [type="file"], 11 | [type="checkbox"], 12 | [type="radio"] { 13 | margin: 0 0 $form-spacing; 14 | } 15 | 16 | // Styles for input/label siblings 17 | [type="checkbox"] + label, 18 | [type="radio"] + label { 19 | display: inline-block; 20 | margin-#{$global-left}: $form-spacing * 0.5; 21 | margin-#{$global-right}: $form-spacing; 22 | margin-bottom: 0; 23 | vertical-align: baseline; 24 | } 25 | 26 | // Styles for inputs inside labels 27 | label > [type="checkbox"], 28 | label > [type="label"] { 29 | margin-#{$global-right}: $form-spacing * 0.5; 30 | } 31 | 32 | // Normalize file input width 33 | [type="file"] { 34 | width: 100%; 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /source/assets/stylesheets/components/_title-bar.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group title-bar 7 | //// 8 | 9 | @mixin foundation-title-bar { 10 | .title-bar { 11 | @include clearfix; 12 | background: $black; 13 | color: $white; 14 | padding: 0.5rem; 15 | 16 | .menu-icon { 17 | margin-#{$global-left}: 0.25rem; 18 | margin-#{$global-right}: 0.5rem; 19 | } 20 | } 21 | 22 | .title-bar-left { 23 | float: left; 24 | } 25 | 26 | .title-bar-right { 27 | float: right; 28 | text-align: right; 29 | } 30 | 31 | .title-bar-title { 32 | font-weight: bold; 33 | vertical-align: middle; 34 | display: inline-block; 35 | } 36 | 37 | .menu-icon { 38 | @include hamburger($color: white, $color-hover: $medium-gray); 39 | } 40 | 41 | .menu-icon.dark { 42 | @include hamburger; 43 | } 44 | } 45 | -------------------------------------------------------------------------------- /source/assets/stylesheets/util/_selector.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group functions 7 | //// 8 | 9 | /// Generates a selector with every text input type. You can also filter the list to only output a subset of those selectors. 10 | /// @param {List|Keyword} $types [()] - A list of text input types to use. Leave blank to use all of them. 11 | @function text-inputs($types: ()) { 12 | $return: (); 13 | 14 | $all-types: 15 | text 16 | password 17 | date 18 | datetime 19 | datetime-local 20 | month 21 | week 22 | email 23 | number 24 | search 25 | tel 26 | time 27 | url 28 | color; 29 | 30 | @if not(hasvalue($types)) { 31 | $types: $all-types; 32 | } 33 | 34 | @each $type in $types { 35 | $return: append($return, unquote('[type="#{$type}"]'), comma); 36 | } 37 | 38 | @return $return; 39 | } 40 | -------------------------------------------------------------------------------- /source/feed.xml: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | 5 | 6 | {{ site.title | xml_escape }} 7 | {% if site.description %}{{ site.description | xml_escape }}{% endif %} 8 | {{ site.url }} 9 | 10 | {% for post in site.posts limit:10 %} 11 | 12 | {{ post.title | xml_escape }} 13 | {% if post.excerpt %} 14 | {{ post.excerpt | xml_escape }} 15 | {% else %} 16 | {{ post.content | xml_escape }} 17 | {% endif %} 18 | {{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }} 19 | {{ site.url }}{{ post.url }} 20 | {{ site.url }}{{ post.url }} 21 | 22 | {% endfor %} 23 | 24 | -------------------------------------------------------------------------------- /source/assets/stylesheets/font-awesome/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | @mixin fa-icon() { 5 | display: inline-block; 6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | 14 | @mixin fa-icon-rotate($degrees, $rotation) { 15 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); 16 | -webkit-transform: rotate($degrees); 17 | -ms-transform: rotate($degrees); 18 | transform: rotate($degrees); 19 | } 20 | 21 | @mixin fa-icon-flip($horiz, $vert, $rotation) { 22 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); 23 | -webkit-transform: scale($horiz, $vert); 24 | -ms-transform: scale($horiz, $vert); 25 | transform: scale($horiz, $vert); 26 | } 27 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 Aaron K. White 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /source/assets/stylesheets/forms/_label.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group forms 7 | //// 8 | 9 | /// Color for form labels. 10 | /// @type Color 11 | $form-label-color: $black !default; 12 | 13 | /// Font size for form labels. 14 | /// @type Number 15 | $form-label-font-size: rem-calc(14) !default; 16 | 17 | /// Font weight for form labels. 18 | /// @type Keyword 19 | $form-label-font-weight: $global-weight-normal !default; 20 | 21 | /// Line height for form labels. The higher the number, the more space between the label and its input field. 22 | /// @type Number 23 | $form-label-line-height: 1.8 !default; 24 | 25 | @mixin form-label { 26 | display: block; 27 | margin: 0; 28 | font-size: $form-label-font-size; 29 | font-weight: $form-label-font-weight; 30 | line-height: $form-label-line-height; 31 | color: $form-label-color; 32 | } 33 | 34 | @mixin form-label-middle { 35 | $input-border-width: get-border-value($input-border, width); 36 | margin: 0 0 $form-spacing; 37 | padding: ($form-spacing / 2 + rem-calc($input-border-width)) 0; 38 | } 39 | 40 | @mixin foundation-form-label { 41 | label { 42 | @include form-label; 43 | 44 | &.middle { 45 | @include form-label-middle; 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /source/assets/stylesheets/forms/_fieldset.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group forms 7 | //// 8 | 9 | /// Default border around custom fieldsets. 10 | /// @type Border 11 | $fieldset-border: 1px solid $medium-gray !default; 12 | 13 | /// Default padding inside custom fieldsets. 14 | /// @type Number 15 | $fieldset-padding: rem-calc(20) !default; 16 | 17 | /// Default margin around custom fieldsets. 18 | /// @type Number 19 | $fieldset-margin: rem-calc(18 0) !default; 20 | 21 | /// Default padding between the legend text and fieldset border. 22 | /// @type Number 23 | $legend-padding: rem-calc(0 3) !default; 24 | 25 | @mixin fieldset { 26 | border: $fieldset-border; 27 | padding: $fieldset-padding; 28 | margin: $fieldset-margin; 29 | 30 | legend { 31 | // Covers up the fieldset's border to create artificial padding 32 | background: $body-background; 33 | padding: $legend-padding; 34 | margin: 0; 35 | margin-#{$global-left}: rem-calc(-3); 36 | } 37 | } 38 | 39 | @mixin foundation-form-fieldset { 40 | fieldset { 41 | border: 0; 42 | padding: 0; 43 | margin: 0; 44 | } 45 | 46 | legend { 47 | margin-bottom: $form-spacing * 0.5; 48 | } 49 | 50 | .fieldset { 51 | @include fieldset; 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /source/assets/stylesheets/components/_top-bar.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group top-bar 7 | //// 8 | 9 | /// Padding for the top bar. 10 | /// @type Number 11 | $topbar-padding: 0.5rem !default; 12 | 13 | /// Background color for the top bar. This color also cascades to menus within the top bar. 14 | /// @type Color 15 | $topbar-background: #eee !default; 16 | 17 | /// Color for links inside a top bar menu. 18 | /// @type Color 19 | $topbar-link-color: #fff !default; 20 | 21 | /// Width of `` elements inside the top bar. 22 | /// @type Number 23 | $topbar-input-width: 200px !default; 24 | 25 | /// Adds styles for a top bar container. 26 | @mixin top-bar-container { 27 | @include clearfix; 28 | padding: $topbar-padding; 29 | 30 | &, ul { 31 | background-color: $topbar-background; 32 | } 33 | 34 | input { 35 | width: $topbar-input-width; 36 | margin-#{$global-right}: 1rem; 37 | } 38 | } 39 | 40 | @mixin foundation-top-bar { 41 | // Top bar container 42 | .top-bar { 43 | @include top-bar-container; 44 | } 45 | 46 | // Sub-sections 47 | // Stack on small screens 48 | @include breakpoint(medium) { 49 | .top-bar-left { 50 | float: left; 51 | } 52 | 53 | .top-bar-right { 54 | float: right 55 | } 56 | } 57 | } 58 | -------------------------------------------------------------------------------- /source/assets/stylesheets/components/_badge.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group badge 7 | //// 8 | 9 | /// Default background color for badges. 10 | /// @type Color 11 | $badge-background: $primary-color !default; 12 | 13 | /// Default text color for badges. 14 | /// @type Color 15 | $badge-color: foreground($badge-background) !default; 16 | 17 | /// Default padding inside badges. 18 | /// @type Number 19 | $badge-padding: 0.3em !default; 20 | 21 | /// Minimum width of a badge. 22 | /// @type Number 23 | $badge-minwidth: 2.1em !default; 24 | 25 | /// Default font size for badges. 26 | /// @type Number 27 | $badge-font-size: 0.6rem !default; 28 | 29 | /// Generates the base styles for a badge. 30 | @mixin badge { 31 | display: inline-block; 32 | padding: $badge-padding; 33 | min-width: $badge-minwidth; 34 | font-size: $badge-font-size; 35 | text-align: center; 36 | border-radius: 50%; 37 | } 38 | 39 | @mixin foundation-badge { 40 | .badge { 41 | @include badge; 42 | 43 | background: $badge-background; 44 | color: $badge-color; 45 | 46 | @each $name, $color in $foundation-colors { 47 | @if $name != primary { 48 | &.#{$name} { 49 | background: $color; 50 | color: foreground($color); 51 | } 52 | } 53 | } 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /source/assets/stylesheets/components/_label.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group label 7 | //// 8 | 9 | /// Default background color for labels. 10 | /// @type Color 11 | $label-background: $primary-color !default; 12 | 13 | /// Default text color for labels. 14 | /// @type Color 15 | $label-color: foreground($label-background) !default; 16 | 17 | /// Default font size for labels. 18 | /// @type Number 19 | $label-font-size: 0.8rem !default; 20 | 21 | /// Default padding inside labels. 22 | /// @type Number 23 | $label-padding: 0.33333rem 0.5rem !default; 24 | 25 | /// Default radius of labels. 26 | /// @type Number 27 | $label-radius: $global-radius !default; 28 | 29 | /// Generates base styles for a label. 30 | @mixin label { 31 | display: inline-block; 32 | padding: $label-padding; 33 | font-size: $label-font-size; 34 | line-height: 1; 35 | white-space: nowrap; 36 | cursor: default; 37 | border-radius: $label-radius; 38 | } 39 | 40 | @mixin foundation-label { 41 | .label { 42 | @include label; 43 | 44 | background: $label-background; 45 | color: $label-color; 46 | 47 | @each $name, $color in $foundation-colors { 48 | @if $name != primary { 49 | &.#{$name} { 50 | background: $color; 51 | color: foreground($color); 52 | } 53 | } 54 | } 55 | } 56 | } 57 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | title: Foundation-Jekyll 2 | 3 | # Versioning 4 | current_version: 1.5.0 5 | foundation_version: 6.0.0 6 | 7 | author: 8 | name: username 9 | email: user@domain.com 10 | github: username 11 | twitter: username 12 | 13 | # Dependencies 14 | markdown: kramdown 15 | #Syntax Highlighter 16 | #highlighter: pygments 17 | 18 | # Permalinks 19 | permalink: pretty 20 | 21 | # Server 22 | source: ./source 23 | destination: ./static 24 | 25 | port: 9002 26 | baseurl: "" 27 | url: http://yoururl.com 28 | 29 | # exclude this stuff when building the static site 30 | exclude: [ 31 | '.gitignore', 32 | 'README.md', 33 | 'Gemfile', 34 | 'Gemfile.lock', 35 | ] 36 | 37 | ## CUSTOM VARS 38 | 39 | #ga_id: ##-########-### 40 | site_name: Foundation-Jekyll 41 | site_description : The awesomeness of Foundation 6... powered by Jekyll 42 | site_copyright: Copyright (c) 2016 @aaronkwhite 43 | site_url: http://yoururl.com 44 | site_email: site@domain.com 45 | site_phone: (555) 555-1234 46 | 47 | 48 | 49 | # Assets 50 | # We specify the directory for Jekyll so we can use @imports. 51 | sass: 52 | sass_dir: ./assets/stylesheets 53 | style: :compressed 54 | -------------------------------------------------------------------------------- /source/assets/stylesheets/components/_thumbnail.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group thumbnail 7 | //// 8 | 9 | /// Border around thumbnail images. 10 | /// @type Border 11 | $thumbnail-border: solid 4px $white !default; 12 | 13 | /// Bottom margin for thumbnail images. 14 | /// @type Length 15 | $thumbnail-margin-bottom: $global-margin !default; 16 | 17 | /// Box shadow under thumbnail images. 18 | /// @type Shadow 19 | $thumbnail-shadow: 0 0 0 1px rgba($black, 0.2) !default; 20 | 21 | /// Box shadow under thumbnail images. 22 | /// @type Shadow 23 | $thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5) !default; 24 | 25 | /// Transition proprties for thumbnail images. 26 | /// @type Transition 27 | $thumbnail-transition: box-shadow 200ms ease-out !default; 28 | 29 | /// Default radius for thumbnail images. 30 | /// @type Number 31 | $thumbnail-radius: $global-radius !default; 32 | 33 | /// Adds thumbnail styles to an element. 34 | @mixin thumbnail { 35 | border: $thumbnail-border; 36 | box-shadow: $thumbnail-shadow; 37 | display: inline-block; 38 | line-height: 0; 39 | max-width: 100%; 40 | transition: $thumbnail-transition; 41 | border-radius: $thumbnail-radius; 42 | margin-bottom: $thumbnail-margin-bottom; 43 | 44 | &:hover, 45 | &:focus { 46 | box-shadow: $thumbnail-shadow-hover; 47 | } 48 | } 49 | 50 | @mixin foundation-thumbnail { 51 | .thumbnail { 52 | @include thumbnail; 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /source/assets/stylesheets/components/_dropdown.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group dropdown 7 | //// 8 | 9 | /// Padding for dropdown panes. 10 | /// @type List 11 | $dropdown-padding: 1rem !default; 12 | 13 | /// Border for dropdown panes. 14 | /// @type List 15 | $dropdown-border: 1px solid $medium-gray !default; 16 | 17 | /// Font size for dropdown panes. 18 | /// @type List 19 | $dropdown-font-size: 16rem !default; 20 | 21 | /// Width for dropdown panes. 22 | /// @type Number 23 | $dropdown-width: 300px !default; 24 | 25 | /// Border radius dropdown panes. 26 | /// @type Number 27 | $dropdown-radius: $global-radius !default; 28 | 29 | /// Sizes for dropdown panes. Each size is a CSS class you can apply. 30 | /// @type Map 31 | $dropdown-sizes: ( 32 | tiny: 100px, 33 | small: 200px, 34 | large: 400px, 35 | ) !default; 36 | 37 | /// Applies styles for a basic dropdown. 38 | @mixin dropdown-container { 39 | background-color: $body-background; 40 | border: $dropdown-border; 41 | display: block; 42 | padding: $dropdown-padding; 43 | position: absolute; 44 | visibility: hidden; 45 | width: 300px; 46 | z-index: 10; 47 | border-radius: $dropdown-radius; 48 | 49 | &.is-open { 50 | visibility: visible; 51 | } 52 | } 53 | 54 | @mixin foundation-dropdown { 55 | .dropdown-pane { 56 | @include dropdown-container; 57 | } 58 | 59 | @each $name, $size in $dropdown-sizes { 60 | .dropdown-pane.#{$name} { 61 | width: $size; 62 | } 63 | } 64 | } 65 | -------------------------------------------------------------------------------- /source/assets/stylesheets/util/_color.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group functions 7 | //// 8 | 9 | /// Checks the lightness of `$color`, and if it passes the `$threshold` of lightness, it returns the `$yes` color. Otherwise, it returns the `$no` color. Use this function to dynamically output a foreground color based on a given background color. 10 | /// 11 | /// @param {color} $color - Color to check the lightness of. 12 | /// @param {color} $yes [$black] - Color to return if `$color` is light. 13 | /// @param {color} $no [$white] - Color to return if `$color` is dark. 14 | /// @param {percentage} $threshold [60%] - Threshold of lightness to check against. 15 | /// 16 | /// @returns {Color} The $yes color or $no color. 17 | @function foreground($color, $yes: $black, $no: $white, $threshold: 60%) { 18 | @if $color == transparent { 19 | $color: $body-background; 20 | } 21 | @if (lightness($color) > $threshold) { 22 | @return $yes; 23 | } 24 | @else { 25 | @return $no; 26 | } 27 | } 28 | 29 | /// Scales a color to be lighter if it's light, or darker if it's dark. Use this function to tint a color appropriate to its lightness. 30 | /// 31 | /// @param {color} $color - Color to scale. 32 | /// @param {percentage} $scale [5%] - Amount to scale up or down. 33 | /// @param {percentage} $threshold [40%] - Threshold of lightness to check against. 34 | /// 35 | /// @returns {Color} A scaled color. 36 | @function smart-scale($color, $scale: 5%, $threshold: 40%) { 37 | @if lightness($color) > $threshold { 38 | $scale: -$scale; 39 | } 40 | @return scale-color($color, $lightness: $scale); 41 | } 42 | -------------------------------------------------------------------------------- /source/assets/stylesheets/forms/_input-group.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group forms 7 | //// 8 | 9 | /// Color of labels prefixed to an input. 10 | /// @type Color 11 | $input-prefix-color: $black !default; 12 | 13 | /// Background color of labels prefixed to an input. 14 | /// @type Color 15 | $input-prefix-background: $light-gray !default; 16 | 17 | /// Border around labels prefixed to an input. 18 | /// @type Border 19 | $input-prefix-border: 1px solid $medium-gray !default; 20 | 21 | /// Left/right padding of an pre/postfixed input label 22 | $input-prefix-padding: 1rem !default; 23 | 24 | @mixin foundation-form-prepostfix { 25 | .input-group { 26 | display: table; 27 | width: 100%; 28 | margin-bottom: $form-spacing; 29 | } 30 | 31 | %input-group-child { 32 | display: table-cell; 33 | margin: 0; 34 | vertical-align: middle; 35 | } 36 | 37 | .input-group-label { 38 | @extend %input-group-child; 39 | text-align: center; 40 | width: 1%; 41 | height: 100%; 42 | padding: 0 $input-prefix-padding; 43 | background: $input-prefix-background; 44 | color: $input-prefix-color; 45 | border: $input-prefix-border; 46 | 47 | @if hasvalue($input-prefix-border) { 48 | &:first-child { 49 | border-#{$global-right}: 0; 50 | } 51 | 52 | &:last-child { 53 | border-#{$global-left}: 0; 54 | } 55 | } 56 | } 57 | 58 | .input-group-field { 59 | @extend %input-group-child; 60 | } 61 | 62 | .input-group-button { 63 | @extend %input-group-child; 64 | height: 100%; 65 | padding-top: 0; 66 | padding-bottom: 0; 67 | text-align: center; 68 | width: 1%; 69 | } 70 | } 71 | -------------------------------------------------------------------------------- /source/assets/stylesheets/forms/_select.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group forms 7 | //// 8 | 9 | /// Background color for select menus. 10 | /// @type Color 11 | $select-background: #fafafa !default; 12 | 13 | /// Color of the dropdown triangle inside select menus. Set to `transparent` to remove it entirely. 14 | /// @type Color 15 | $select-triangle-color: #333 !default; 16 | 17 | /// Default radius for select menus. 18 | /// @type Color 19 | $select-radius: $global-radius !default; 20 | 21 | @mixin form-select { 22 | $height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); 23 | 24 | height: $height; 25 | padding: ($form-spacing / 2); 26 | border: $input-border; 27 | border-radius: $global-radius; 28 | margin: 0 0 $form-spacing; 29 | font-size: $input-font-size; 30 | font-family: $input-font-family; 31 | line-height: normal; 32 | color: $input-color; 33 | background-color: $select-background; 34 | border-radius: $select-radius; 35 | -webkit-appearance: none; 36 | -moz-appearance: none; 37 | 38 | @if $select-triangle-color != transparent { 39 | @include background-triangle($select-triangle-color); 40 | background-size: 9px 6px; 41 | background-position: $global-right ($form-spacing / 2) center; 42 | background-repeat: no-repeat; 43 | } 44 | // Disabled state 45 | &:disabled { 46 | background-color: $input-background-disabled; 47 | cursor: $input-cursor-disabled; 48 | } 49 | 50 | // Hide the dropdown arrow shown in newer IE versions 51 | &::-ms-expand { 52 | display: none; 53 | } 54 | 55 | &[multiple] { 56 | height: auto; 57 | } 58 | } 59 | 60 | @mixin foundation-form-select { 61 | select { 62 | @include form-select; 63 | } 64 | } 65 | -------------------------------------------------------------------------------- /source/assets/stylesheets/components/_drilldown.scss: -------------------------------------------------------------------------------- 1 | // Foundation for Sites by ZURB 2 | // foundation.zurb.com 3 | // Licensed under MIT Open Source 4 | 5 | //// 6 | /// @group drilldown 7 | //// 8 | 9 | /// Transition property to use for animating menus. 10 | /// @type Transition 11 | $drilldown-transition: transform 0.15s linear !default; 12 | 13 | /// Adds arrows to drilldown items with submenus, as well as the back button. 14 | /// @type Boolean 15 | $drilldown-arrows: true; 16 | 17 | @mixin foundation-drilldown-menu { 18 | // Applied to the Menu container 19 | .is-drilldown { 20 | position: relative; 21 | overflow: hidden; 22 | } 23 | 24 | // Applied to nested