From 72e6291915963d3b566733f71e937b0759a12e74 Mon Sep 17 00:00:00 2001 From: "Collin J. Doering" Date: Sat, 10 Jan 2015 17:33:15 -0500 Subject: [PATCH] Removed sass css implementation in favor of clay Now that the css (implemented using sass) has been fully ported to clay, the sass folder can and has been completely removed. Signed-off-by: Collin J. Doering --- sass/_blog-page.sass | 90 ------ sass/_contact-page.sass | 29 -- sass/_fonts.sass | 39 --- sass/_header.sass | 126 -------- sass/_home-page.sass | 54 ---- sass/_post-page.sass | 24 -- sass/_src-highlight.sass | 94 ------ sass/_tag-page.sass | 32 -- sass/_util.sass | 26 -- .../bourbon/_bourbon-deprecated-upcoming.scss | 13 - sass/bourbon/_bourbon.scss | 59 ---- sass/bourbon/addons/_button.scss | 273 ------------------ sass/bourbon/addons/_clearfix.scss | 29 -- sass/bourbon/addons/_font-family.scss | 5 - sass/bourbon/addons/_hide-text.scss | 5 - sass/bourbon/addons/_html5-input-types.scss | 56 ---- sass/bourbon/addons/_position.scss | 42 --- sass/bourbon/addons/_prefixer.scss | 49 ---- sass/bourbon/addons/_retina-image.scss | 32 -- sass/bourbon/addons/_size.scss | 44 --- sass/bourbon/addons/_timing-functions.scss | 32 -- sass/bourbon/addons/_triangle.scss | 45 --- sass/bourbon/css3/_animation.scss | 52 ---- sass/bourbon/css3/_appearance.scss | 3 - sass/bourbon/css3/_backface-visibility.scss | 6 - sass/bourbon/css3/_background-image.scss | 48 --- sass/bourbon/css3/_background.scss | 103 ------- sass/bourbon/css3/_border-image.scss | 55 ---- sass/bourbon/css3/_border-radius.scss | 22 -- sass/bourbon/css3/_box-sizing.scss | 4 - sass/bourbon/css3/_columns.scss | 47 --- sass/bourbon/css3/_flex-box.scss | 52 ---- sass/bourbon/css3/_font-face.scss | 23 -- sass/bourbon/css3/_hidpi-media-query.scss | 10 - sass/bourbon/css3/_image-rendering.scss | 13 - sass/bourbon/css3/_inline-block.scss | 8 - sass/bourbon/css3/_keyframes.scss | 43 --- sass/bourbon/css3/_linear-gradient.scss | 41 --- sass/bourbon/css3/_perspective.scss | 8 - sass/bourbon/css3/_placeholder.scss | 29 -- sass/bourbon/css3/_radial-gradient.scss | 44 --- sass/bourbon/css3/_transform.scss | 15 - sass/bourbon/css3/_transition.scss | 34 --- sass/bourbon/css3/_user-select.scss | 3 - sass/bourbon/functions/_compact.scss | 11 - sass/bourbon/functions/_flex-grid.scss | 39 --- sass/bourbon/functions/_grid-width.scss | 13 - sass/bourbon/functions/_linear-gradient.scss | 13 - sass/bourbon/functions/_modular-scale.scss | 40 --- sass/bourbon/functions/_px-to-em.scss | 8 - sass/bourbon/functions/_radial-gradient.scss | 23 -- sass/bourbon/functions/_tint-shade.scss | 9 - .../functions/_transition-property-name.scss | 22 -- .../helpers/_deprecated-webkit-gradient.scss | 39 --- .../helpers/_gradient-positions-parser.scss | 13 - .../helpers/_linear-positions-parser.scss | 61 ---- sass/bourbon/helpers/_radial-arg-parser.scss | 69 ----- .../helpers/_radial-positions-parser.scss | 18 -- sass/bourbon/helpers/_render-gradients.scss | 26 -- .../bourbon/helpers/_shape-size-stripper.scss | 10 - sass/default.sass | 150 ---------- 61 files changed, 2425 deletions(-) delete mode 100644 sass/_blog-page.sass delete mode 100644 sass/_contact-page.sass delete mode 100644 sass/_fonts.sass delete mode 100644 sass/_header.sass delete mode 100644 sass/_home-page.sass delete mode 100644 sass/_post-page.sass delete mode 100644 sass/_src-highlight.sass delete mode 100644 sass/_tag-page.sass delete mode 100644 sass/_util.sass delete mode 100644 sass/bourbon/_bourbon-deprecated-upcoming.scss delete mode 100644 sass/bourbon/_bourbon.scss delete mode 100644 sass/bourbon/addons/_button.scss delete mode 100644 sass/bourbon/addons/_clearfix.scss delete mode 100644 sass/bourbon/addons/_font-family.scss delete mode 100644 sass/bourbon/addons/_hide-text.scss delete mode 100644 sass/bourbon/addons/_html5-input-types.scss delete mode 100644 sass/bourbon/addons/_position.scss delete mode 100644 sass/bourbon/addons/_prefixer.scss delete mode 100644 sass/bourbon/addons/_retina-image.scss delete mode 100644 sass/bourbon/addons/_size.scss delete mode 100644 sass/bourbon/addons/_timing-functions.scss delete mode 100644 sass/bourbon/addons/_triangle.scss delete mode 100644 sass/bourbon/css3/_animation.scss delete mode 100644 sass/bourbon/css3/_appearance.scss delete mode 100644 sass/bourbon/css3/_backface-visibility.scss delete mode 100644 sass/bourbon/css3/_background-image.scss delete mode 100644 sass/bourbon/css3/_background.scss delete mode 100644 sass/bourbon/css3/_border-image.scss delete mode 100644 sass/bourbon/css3/_border-radius.scss delete mode 100644 sass/bourbon/css3/_box-sizing.scss delete mode 100644 sass/bourbon/css3/_columns.scss delete mode 100644 sass/bourbon/css3/_flex-box.scss delete mode 100644 sass/bourbon/css3/_font-face.scss delete mode 100644 sass/bourbon/css3/_hidpi-media-query.scss delete mode 100644 sass/bourbon/css3/_image-rendering.scss delete mode 100644 sass/bourbon/css3/_inline-block.scss delete mode 100644 sass/bourbon/css3/_keyframes.scss delete mode 100644 sass/bourbon/css3/_linear-gradient.scss delete mode 100644 sass/bourbon/css3/_perspective.scss delete mode 100644 sass/bourbon/css3/_placeholder.scss delete mode 100644 sass/bourbon/css3/_radial-gradient.scss delete mode 100644 sass/bourbon/css3/_transform.scss delete mode 100644 sass/bourbon/css3/_transition.scss delete mode 100644 sass/bourbon/css3/_user-select.scss delete mode 100644 sass/bourbon/functions/_compact.scss delete mode 100644 sass/bourbon/functions/_flex-grid.scss delete mode 100644 sass/bourbon/functions/_grid-width.scss delete mode 100644 sass/bourbon/functions/_linear-gradient.scss delete mode 100644 sass/bourbon/functions/_modular-scale.scss delete mode 100644 sass/bourbon/functions/_px-to-em.scss delete mode 100644 sass/bourbon/functions/_radial-gradient.scss delete mode 100644 sass/bourbon/functions/_tint-shade.scss delete mode 100644 sass/bourbon/functions/_transition-property-name.scss delete mode 100644 sass/bourbon/helpers/_deprecated-webkit-gradient.scss delete mode 100644 sass/bourbon/helpers/_gradient-positions-parser.scss delete mode 100644 sass/bourbon/helpers/_linear-positions-parser.scss delete mode 100644 sass/bourbon/helpers/_radial-arg-parser.scss delete mode 100644 sass/bourbon/helpers/_radial-positions-parser.scss delete mode 100644 sass/bourbon/helpers/_render-gradients.scss delete mode 100644 sass/bourbon/helpers/_shape-size-stripper.scss delete mode 100644 sass/default.sass diff --git a/sass/_blog-page.sass b/sass/_blog-page.sass deleted file mode 100644 index 7ef870f..0000000 --- a/sass/_blog-page.sass +++ /dev/null @@ -1,90 +0,0 @@ -// (C) Copyright Collin Doering 2013 -// -// This program is free software: you can redistribute it and/or modify -// it under the terms of the GNU General Public License as published by -// the Free Software Foundation, either version 3 of the License, or -// (at your option) any later version. -// -// This program is distributed in the hope that it will be useful, -// but WITHOUT ANY WARRANTY; without even the implied warranty of -// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -// GNU General Public License for more details. -// -// You should have received a copy of the GNU General Public License -// along with this program. If not, see . - -// File: _blog-page.sass -// Author: Collin J. Doering -// Date: Dec 10, 2013 -// Description: Styling for individual posts and for the blog page - -@import 'sass/util' - -.post - @include border-box() - - header - margin-bottom: 0.8em - border: 2px solid #eee - border-radius: 3px - padding: 0.35em - padding-left: 65px - - .title - font-size: 2em - font-weight: bold - text-decoration: underline - margin-bottom: 0 - line-height: 35px - - .title:before - content: "" - display: block - background: url('/images/post-icon.svg') no-repeat - background-position: 50% - background-size: contain - height: 55px - width: 65px - margin-left: -65px - position: absolute - - .info - margin-bottom: 0 - text-indent: 1em - font-size: 0.75em - .date - font-weight: bold - .author - font-style: oblique - - footer - padding: 0.75em 0 0.25em 0 - border-top: 1px solid #eee - - .read-more - font-weight: bold - - .no-teaser - display: block - content: "" - height: 1px - - .tags:before - content: "" - background-image: url('/images/tag.svg') - background-size: contain - background-repeat: no-repeat - background-position: 50% - padding: 3px 1.3em - - .tags - margin-bottom: 0 - padding-right: 1.5em - float: right - -.post > p - text-indent: 1.5em - text-align: justify - -#pagination - @include border-box() diff --git a/sass/_contact-page.sass b/sass/_contact-page.sass deleted file mode 100644 index 35adfa1..0000000 --- a/sass/_contact-page.sass +++ /dev/null @@ -1,29 +0,0 @@ -// (C) Copyright Collin Doering 2013 -// -// This program is free software: you can redistribute it and/or modify -// it under the terms of the GNU General Public License as published by -// the Free Software Foundation, either version 3 of the License, or -// (at your option) any later version. -// -// This program is distributed in the hope that it will be useful, -// but WITHOUT ANY WARRANTY; without even the implied warranty of -// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -// GNU General Public License for more details. -// -// You should have received a copy of the GNU General Public License -// along with this program. If not, see . - -// File: _contact-page.sass -// Author: Collin J. Doering -// Date: Dec 10, 2013 - -//------------------------------------------------------------------------------------- -// Styles for contact page -//------------------------------------------------------------------------------------- - -//#contact-page -// background-color: rgba(250, 250, 255, 0.65) -// border: solid 1px #888 -// border-radius: 5px -// box-shadow: 2px 5px 5px 2px #888 -// padding: 0.5em diff --git a/sass/_fonts.sass b/sass/_fonts.sass deleted file mode 100644 index d0ce01c..0000000 --- a/sass/_fonts.sass +++ /dev/null @@ -1,39 +0,0 @@ -// (C) Copyright Collin Doering 2013 -// -// This program is free software: you can redistribute it and/or modify -// it under the terms of the GNU General Public License as published by -// the Free Software Foundation, either version 3 of the License, or -// (at your option) any later version. -// -// This program is distributed in the hope that it will be useful, -// but WITHOUT ANY WARRANTY; without even the implied warranty of -// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -// GNU General Public License for more details. -// -// You should have received a copy of the GNU General Public License -// along with this program. If not, see . - -// File: _fonts.sass -// Author: Collin J. Doering -// Date: Dec 10, 2013 -// Description: Define all font-faces and related things - -// @mixin custom-font($name, $weight, $style) -// font-family: $name -// src: url('/fonts/' + $name + '.ttf') format('truetype'), url('/fonts/' + $name + '.woff') format('woff'), url('/fonts/' + $name + '.otf') format('opentype') -// font-weight: $weight -// font-style: $style - -@include font-face(FreeMono, '/fonts/FreeMono') -@include font-face(FreeMono, '/fonts/FreeMonoBold', bold) -@include font-face(FreeMono, '/fonts/FreeMonoOblique', normal, oblique) -@include font-face(FreeMono, '/fonts/FreeMonoBoldOblique', bold, oblique) - -// @font-face -// @include custom-font(FreeMono, normal, normal) -// @font-face -// @include custom-font(FreeMonoBold, bold, normal) -// @font-face -// @include custom-font(FreeMonoOblique, normal, oblique) -// @font-face -// @include custom-font(FreeMonoBoldOblique, bold, oblique) diff --git a/sass/_header.sass b/sass/_header.sass deleted file mode 100644 index c66a899..0000000 --- a/sass/_header.sass +++ /dev/null @@ -1,126 +0,0 @@ -// (C) Copyright Collin Doering 2013 -// -// This program is free software: you can redistribute it and/or modify -// it under the terms of the GNU General Public License as published by -// the Free Software Foundation, either version 3 of the License, or -// (at your option) any later version. -// -// This program is distributed in the hope that it will be useful, -// but WITHOUT ANY WARRANTY; without even the implied warranty of -// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -// GNU General Public License for more details. -// -// You should have received a copy of the GNU General Public License -// along with this program. If not, see . - -// File: _header.sass -// Author: Collin J. Doering -// Date: Dec 10, 2013 -// Description: Styling for header (navigation and banner) - -#logo-background - @include background(linear-gradient(#cef, #cff), $fallback: #cef) - padding: 0.75em 0 - -#logo - background: url('/images/logo-banner.svg') - background-repeat: no-repeat - background-position: 50% - background-size: contain - height: 175px - -@include keyframes(nav-slide) - from - background-position: 0 0 - to - background-position: 304px 0 - -#nav - border: 2px solid - border-width: 2px 0 2px 0 - background: url('/images/diagonal-stripes.png') - @include animation(nav-slide 5s linear infinite) - @include animation-play-state(paused) - -#nav.loading - @include animation-play-state(running) - -#nav-menu - text-align: center - margin-bottom: 0 - - li - display: inline-block - margin: 0 - padding: 10px 3em - - .menuitem - display: block - color: #eee - font-size: 1.5em - font-weight: bold - text-decoration: none - text-shadow: 0.5px 1px black - @include transition-property(transform) - @include transition-duration(20ms) - .menuitem:hover - color: #ddd - @include transform(scale(1.1)) - .menuitem:active - @include transform(scale(0.95)) - - li.active - .menuitem - color: #fff - text-shadow: 2px 2px black - @include transform(scale(1.2)) - .menuitem:hover - @include transition(none) - .menuitem:active - @include transition(none) - @include transform(scale(1.1)) - - a.rss-icon - display: inline-block - position: absolute - background: url('/images/rss-icon.png') 0 0 no-repeat - background-size: contain - border-radius: 5px - min-height: 25px - min-width: 25px - margin: 0 - top: 7px - right: 10px - - a.rss-icon:hover - @include transform(scale(1.1)) - a.rss-icon:active - @include transform(scale(0.9)) - -#status - display: none - border: 1px solid - border-top: none - border-bottom-right-radius: 5px - border-bottom-left-radius: 5px - background-color: rgb(146, 208, 240) - box-shadow: 2px 5px 5px 2px #888888 - padding: 8px - margin-bottom: 1.25em - - p.message - display: inline-block - text-align: center - margin-bottom: 0 - - a.close-button - display: inline-block - position: absolute - right: 10px - height: 25px - -#status.error - background-color: #FD6F6F - -#status.success - background-color: rgb(136, 211, 136) diff --git a/sass/_home-page.sass b/sass/_home-page.sass deleted file mode 100644 index b466972..0000000 --- a/sass/_home-page.sass +++ /dev/null @@ -1,54 +0,0 @@ -// (C) Copyright Collin Doering @!@YEAR@!@ -// -// This program is free software: you can redistribute it and/or modify -// it under the terms of the GNU General Public License as published by -// the Free Software Foundation, either version 3 of the License, or -// (at your option) any later version. -// -// This program is distributed in the hope that it will be useful, -// but WITHOUT ANY WARRANTY; without even the implied warranty of -// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -// GNU General Public License for more details. -// -// You should have received a copy of the GNU General Public License -// along with this program. If not, see . - -// File: _home-page.sass -// Author: Collin J. Doering -// Date: Dec 5, 2013 - -#business-card - border: 2px solid - border-radius: 5px - padding: 10px - min-height: 215px - max-width: 550px - margin: 0 auto - - .photo - background: url('/images/business-card.png') - border: 1px solid - border-radius: 10px - min-height: 215px - min-width: 150px - float: left - margin-right: 10px - - .info - border-top: 2px solid - overflow: hidden - padding-top: 8px - - * - display: block - .name - font-weight: bold - -#recent-posts - // style recent posts section - -#tag-cloud - // todo - -#tools - // todo diff --git a/sass/_post-page.sass b/sass/_post-page.sass deleted file mode 100644 index 690cf16..0000000 --- a/sass/_post-page.sass +++ /dev/null @@ -1,24 +0,0 @@ -// (C) Copyright Collin Doering 2013 -// -// This program is free software: you can redistribute it and/or modify -// it under the terms of the GNU General Public License as published by -// the Free Software Foundation, either version 3 of the License, or -// (at your option) any later version. -// -// This program is distributed in the hope that it will be useful, -// but WITHOUT ANY WARRANTY; without even the implied warranty of -// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -// GNU General Public License for more details. -// -// You should have received a copy of the GNU General Public License -// along with this program. If not, see . - -// File: _post-page.sass -// Author: Collin J. Doering -// Date: Dec 12, 2013 - -#post-page - .post - footer - padding-top: 0 - border-top: 0 diff --git a/sass/_src-highlight.sass b/sass/_src-highlight.sass deleted file mode 100644 index 5222812..0000000 --- a/sass/_src-highlight.sass +++ /dev/null @@ -1,94 +0,0 @@ -// (C) Copyright Collin Doering 2013 -// -// This program is free software: you can redistribute it and/or modify -// it under the terms of the GNU General Public License as published by -// the Free Software Foundation, either version 3 of the License, or -// (at your option) any later version. -// -// This program is distributed in the hope that it will be useful, -// but WITHOUT ANY WARRANTY; without even the implied warranty of -// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -// GNU General Public License for more details. -// -// You should have received a copy of the GNU General Public License -// along with this program. If not, see . - -// File: _src-highlight.sass -// Author: Collin J. Doering -// Date: Dec 10, 2013 -// Description: Css to style pygments output (based on: https://github.com/jaspervdj/hakyll/blob/master/web/css/syntax.css) - -//------------------------------------------------------------------------------------- -// custom css for code highlighing (requires specifying .code-term) -//------------------------------------------------------------------------------------- -.code-term.sourceCode - display: block - background: #111 - color: white - border-radius: 3px - padding: 0.5em 0 - margin-bottom: 0.75em - overflow: auto - max-height: 50em - -//------------------------------------------------------------------------------------- -// css for pandoc highlighting using default pandoc highlighter (?) -//------------------------------------------------------------------------------------- -table.sourceCode, tr.sourceCode, td.lineNumbers, td.sourceCode, table.sourceCode pre - margin: 0 - padding: 0 - border: 0 - vertical-align: baseline - border: none - -td.lineNumbers - border-right: 1px solid #AAAAAA - text-align: right - color: #AAAAAA - padding-right: 8px - padding-left: 8px - -td.sourceCode - padding-left: 5px - -pre.sourceCode span.kw,code.sourceCode span.kw - color: #007020 - font-weight: bold - -pre.sourceCode span.dt,code.sourceCode span.dt - color: #902000 - -pre.sourceCode span.dv,code.sourceCode span.dv - color: #40a070 - -pre.sourceCode span.bn,code.sourceCode span.bn - color: #40a070 - -pre.sourceCode span.fl,code.sourceCode span.fl - color: #40a070 - -pre.sourceCode span.ch,code.sourceCode span.ch - color: #4070a0 - -pre.sourceCode span.st,code.sourceCode span.st - color: #4070a0 - -pre.sourceCode span.co,code.sourceCode span.co - color: #60a0b0 - font-style: italic - -pre.sourceCode span.ot,code.sourceCode span.ot - color: #007020 - -pre.sourceCode span.al,code.sourceCode span.al - color: red - font-weight: bold - -pre.sourceCode span.fu,code.sourceCode span.fu - color: #06287e - -pre.sourceCode span.re,code.sourceCode span.re - -pre.sourceCode span.er,code.sourceCode span.er - color: red - font-weight: bold diff --git a/sass/_tag-page.sass b/sass/_tag-page.sass deleted file mode 100644 index b98b169..0000000 --- a/sass/_tag-page.sass +++ /dev/null @@ -1,32 +0,0 @@ -// (C) Copyright Collin Doering 2013 -// -// This program is free software: you can redistribute it and/or modify -// it under the terms of the GNU General Public License as published by -// the Free Software Foundation, either version 3 of the License, or -// (at your option) any later version. -// -// This program is distributed in the hope that it will be useful, -// but WITHOUT ANY WARRANTY; without even the implied warranty of -// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -// GNU General Public License for more details. -// -// You should have received a copy of the GNU General Public License -// along with this program. If not, see . - -// File: _tag-page.sass -// Author: Collin J. Doering -// Date: Dec 10, 2013 -// Description: Styling for the tag pages - -#tag:before - content: "" - background-image: url("/images/tagged.svg") - background-size: contain - background-repeat: no-repeat - background-position: 50% - padding: 24px 39px - margin: 0 0.35em 0 0.1em - -#tag - text-transform: capitalize - margin-bottom: 8px diff --git a/sass/_util.sass b/sass/_util.sass deleted file mode 100644 index b8ce47b..0000000 --- a/sass/_util.sass +++ /dev/null @@ -1,26 +0,0 @@ -// (C) Copyright Collin Doering 2013 -// -// This program is free software: you can redistribute it and/or modify -// it under the terms of the GNU General Public License as published by -// the Free Software Foundation, either version 3 of the License, or -// (at your option) any later version. -// -// This program is distributed in the hope that it will be useful, -// but WITHOUT ANY WARRANTY; without even the implied warranty of -// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -// GNU General Public License for more details. -// -// You should have received a copy of the GNU General Public License -// along with this program. If not, see . - -// File: _util.sass -// Author: Collin J. Doering -// Date: Dec 10, 2013 - -@mixin border-box($padding: 8px, $background: rgba(250, 250, 255, 0.65)) - background-color: $background - border: solid 1px #888 - border-radius: 5px - box-shadow: 2px 5px 5px 2px #888 - padding: $padding - margin-bottom: 1.25em diff --git a/sass/bourbon/_bourbon-deprecated-upcoming.scss b/sass/bourbon/_bourbon-deprecated-upcoming.scss deleted file mode 100644 index 5332496..0000000 --- a/sass/bourbon/_bourbon-deprecated-upcoming.scss +++ /dev/null @@ -1,13 +0,0 @@ -//************************************************************************// -// These mixins/functions are deprecated -// They will be removed in the next MAJOR version release -//************************************************************************// -@mixin box-shadow ($shadows...) { - @include prefixer(box-shadow, $shadows, spec); - @warn "box-shadow is deprecated and will be removed in the next major version release"; -} - -@mixin background-size ($lengths...) { - @include prefixer(background-size, $lengths, spec); - @warn "background-size is deprecated and will be removed in the next major version release"; -} diff --git a/sass/bourbon/_bourbon.scss b/sass/bourbon/_bourbon.scss deleted file mode 100644 index 53fbca8..0000000 --- a/sass/bourbon/_bourbon.scss +++ /dev/null @@ -1,59 +0,0 @@ -// Custom Helpers -@import "helpers/deprecated-webkit-gradient"; -@import "helpers/gradient-positions-parser"; -@import "helpers/linear-positions-parser"; -@import "helpers/radial-arg-parser"; -@import "helpers/radial-positions-parser"; -@import "helpers/render-gradients"; -@import "helpers/shape-size-stripper"; - -// Custom Functions -@import "functions/compact"; -@import "functions/flex-grid"; -@import "functions/grid-width"; -@import "functions/linear-gradient"; -@import "functions/modular-scale"; -@import "functions/px-to-em"; -@import "functions/radial-gradient"; -@import "functions/tint-shade"; -@import "functions/transition-property-name"; - -// CSS3 Mixins -@import "css3/animation"; -@import "css3/appearance"; -@import "css3/backface-visibility"; -@import "css3/background"; -@import "css3/background-image"; -@import "css3/border-image"; -@import "css3/border-radius"; -@import "css3/box-sizing"; -@import "css3/columns"; -@import "css3/flex-box"; -@import "css3/font-face"; -@import "css3/hidpi-media-query"; -@import "css3/image-rendering"; -@import "css3/inline-block"; -@import "css3/keyframes"; -@import "css3/linear-gradient"; -@import "css3/perspective"; -@import "css3/radial-gradient"; -@import "css3/transform"; -@import "css3/transition"; -@import "css3/user-select"; -@import "css3/placeholder"; - -// Addons & other mixins -@import "addons/button"; -@import "addons/clearfix"; -@import "addons/font-family"; -@import "addons/hide-text"; -@import "addons/html5-input-types"; -@import "addons/position"; -@import "addons/prefixer"; -@import "addons/retina-image"; -@import "addons/size"; -@import "addons/timing-functions"; -@import "addons/triangle"; - -// Soon to be deprecated Mixins -@import "bourbon-deprecated-upcoming"; diff --git a/sass/bourbon/addons/_button.scss b/sass/bourbon/addons/_button.scss deleted file mode 100644 index 3ae393c..0000000 --- a/sass/bourbon/addons/_button.scss +++ /dev/null @@ -1,273 +0,0 @@ -@mixin button ($style: simple, $base-color: #4294f0) { - - @if type-of($style) == color { - $base-color: $style; - $style: simple; - } - - // Grayscale button - @if $base-color == grayscale($base-color) { - @if $style == simple { - @include simple($base-color, $grayscale: true); - } - - @else if $style == shiny { - @include shiny($base-color, $grayscale: true); - } - - @else if $style == pill { - @include pill($base-color, $grayscale: true); - } - } - - // Colored button - @else { - @if $style == simple { - @include simple($base-color); - } - - @else if $style == shiny { - @include shiny($base-color); - } - - @else if $style == pill { - @include pill($base-color); - } - } - - &:disabled { - opacity: 0.5; - cursor: not-allowed; - } -} - - -// Simple Button -//************************************************************************// -@mixin simple($base-color, $grayscale: false) { - $color: hsl(0, 0, 100%); - $border: adjust-color($base-color, $saturation: 9%, $lightness: -14%); - $inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 15%); - $stop-gradient: adjust-color($base-color, $saturation: 9%, $lightness: -11%); - $text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%); - - @if lightness($base-color) > 70% { - $color: hsl(0, 0, 20%); - $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); - } - - @if $grayscale == true { - $border: grayscale($border); - $inset-shadow: grayscale($inset-shadow); - $stop-gradient: grayscale($stop-gradient); - $text-shadow: grayscale($text-shadow); - } - - border: 1px solid $border; - border-radius: 3px; - box-shadow: inset 0 1px 0 0 $inset-shadow; - color: $color; - display: inline-block; - font-size: 11px; - font-weight: bold; - @include linear-gradient ($base-color, $stop-gradient); - padding: 7px 18px; - text-decoration: none; - text-shadow: 0 1px 0 $text-shadow; - background-clip: padding-box; - - &:hover:not(:disabled) { - $base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%); - $inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%); - $stop-gradient-hover: adjust-color($base-color, $saturation: 8%, $lightness: -14%); - - @if $grayscale == true { - $base-color-hover: grayscale($base-color-hover); - $inset-shadow-hover: grayscale($inset-shadow-hover); - $stop-gradient-hover: grayscale($stop-gradient-hover); - } - - box-shadow: inset 0 1px 0 0 $inset-shadow-hover; - cursor: pointer; - @include linear-gradient ($base-color-hover, $stop-gradient-hover); - } - - &:active:not(:disabled) { - $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%); - $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%); - - @if $grayscale == true { - $border-active: grayscale($border-active); - $inset-shadow-active: grayscale($inset-shadow-active); - } - - border: 1px solid $border-active; - box-shadow: inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active, 0 1px 1px 0 #eee; - } -} - - -// Shiny Button -//************************************************************************// -@mixin shiny($base-color, $grayscale: false) { - $color: hsl(0, 0, 100%); - $border: adjust-color($base-color, $red: -117, $green: -111, $blue: -81); - $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122); - $fourth-stop: adjust-color($base-color, $red: -79, $green: -70, $blue: -46); - $inset-shadow: adjust-color($base-color, $red: 37, $green: 29, $blue: 12); - $second-stop: adjust-color($base-color, $red: -56, $green: -50, $blue: -33); - $text-shadow: adjust-color($base-color, $red: -140, $green: -141, $blue: -114); - $third-stop: adjust-color($base-color, $red: -86, $green: -75, $blue: -48); - - @if lightness($base-color) > 70% { - $color: hsl(0, 0, 20%); - $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); - } - - @if $grayscale == true { - $border: grayscale($border); - $border-bottom: grayscale($border-bottom); - $fourth-stop: grayscale($fourth-stop); - $inset-shadow: grayscale($inset-shadow); - $second-stop: grayscale($second-stop); - $text-shadow: grayscale($text-shadow); - $third-stop: grayscale($third-stop); - } - - border: 1px solid $border; - border-bottom: 1px solid $border-bottom; - border-radius: 5px; - box-shadow: inset 0 1px 0 0 $inset-shadow; - color: $color; - display: inline-block; - font-size: 14px; - font-weight: bold; - @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%); - padding: 8px 20px; - text-align: center; - text-decoration: none; - text-shadow: 0 -1px 1px $text-shadow; - - &:hover:not(:disabled) { - $first-stop-hover: adjust-color($base-color, $red: -13, $green: -15, $blue: -18); - $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51); - $third-stop-hover: adjust-color($base-color, $red: -93, $green: -85, $blue: -66); - $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63); - - @if $grayscale == true { - $first-stop-hover: grayscale($first-stop-hover); - $second-stop-hover: grayscale($second-stop-hover); - $third-stop-hover: grayscale($third-stop-hover); - $fourth-stop-hover: grayscale($fourth-stop-hover); - } - - cursor: pointer; - @include linear-gradient(top, $first-stop-hover 0%, - $second-stop-hover 50%, - $third-stop-hover 50%, - $fourth-stop-hover 100%); - } - - &:active:not(:disabled) { - $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122); - - @if $grayscale == true { - $inset-shadow-active: grayscale($inset-shadow-active); - } - - box-shadow: inset 0 0 20px 0 $inset-shadow-active, 0 1px 0 #fff; - } -} - - -// Pill Button -//************************************************************************// -@mixin pill($base-color, $grayscale: false) { - $color: hsl(0, 0, 100%); - $border-bottom: adjust-color($base-color, $hue: 8, $saturation: -11%, $lightness: -26%); - $border-sides: adjust-color($base-color, $hue: 4, $saturation: -21%, $lightness: -21%); - $border-top: adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%); - $inset-shadow: adjust-color($base-color, $hue: -1, $saturation: -1%, $lightness: 7%); - $stop-gradient: adjust-color($base-color, $hue: 8, $saturation: 14%, $lightness: -10%); - $text-shadow: adjust-color($base-color, $hue: 5, $saturation: -19%, $lightness: -15%); - - @if lightness($base-color) > 70% { - $color: hsl(0, 0, 20%); - $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); - } - - @if $grayscale == true { - $border-bottom: grayscale($border-bottom); - $border-sides: grayscale($border-sides); - $border-top: grayscale($border-top); - $inset-shadow: grayscale($inset-shadow); - $stop-gradient: grayscale($stop-gradient); - $text-shadow: grayscale($text-shadow); - } - - border: 1px solid $border-top; - border-color: $border-top $border-sides $border-bottom; - border-radius: 16px; - box-shadow: inset 0 1px 0 0 $inset-shadow, 0 1px 2px 0 #b3b3b3; - color: $color; - display: inline-block; - font-size: 11px; - font-weight: normal; - line-height: 1; - @include linear-gradient ($base-color, $stop-gradient); - padding: 5px 16px; - text-align: center; - text-decoration: none; - text-shadow: 0 -1px 1px $text-shadow; - background-clip: padding-box; - - &:hover:not(:disabled) { - $base-color-hover: adjust-color($base-color, $lightness: -4.5%); - $border-bottom: adjust-color($base-color, $hue: 8, $saturation: 13.5%, $lightness: -32%); - $border-sides: adjust-color($base-color, $hue: 4, $saturation: -2%, $lightness: -27%); - $border-top: adjust-color($base-color, $hue: -1, $saturation: -17%, $lightness: -21%); - $inset-shadow-hover: adjust-color($base-color, $saturation: -1%, $lightness: 3%); - $stop-gradient-hover: adjust-color($base-color, $hue: 8, $saturation: -4%, $lightness: -15.5%); - $text-shadow-hover: adjust-color($base-color, $hue: 5, $saturation: -5%, $lightness: -22%); - - @if $grayscale == true { - $base-color-hover: grayscale($base-color-hover); - $border-bottom: grayscale($border-bottom); - $border-sides: grayscale($border-sides); - $border-top: grayscale($border-top); - $inset-shadow-hover: grayscale($inset-shadow-hover); - $stop-gradient-hover: grayscale($stop-gradient-hover); - $text-shadow-hover: grayscale($text-shadow-hover); - } - - border: 1px solid $border-top; - border-color: $border-top $border-sides $border-bottom; - box-shadow: inset 0 1px 0 0 $inset-shadow-hover; - cursor: pointer; - @include linear-gradient ($base-color-hover, $stop-gradient-hover); - text-shadow: 0 -1px 1px $text-shadow-hover; - background-clip: padding-box; - } - - &:active:not(:disabled) { - $active-color: adjust-color($base-color, $hue: 4, $saturation: -12%, $lightness: -10%); - $border-active: adjust-color($base-color, $hue: 6, $saturation: -2.5%, $lightness: -30%); - $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation: 6%, $lightness: -31%); - $inset-shadow-active: adjust-color($base-color, $hue: 9, $saturation: 2%, $lightness: -21.5%); - $text-shadow-active: adjust-color($base-color, $hue: 5, $saturation: -12%, $lightness: -21.5%); - - @if $grayscale == true { - $active-color: grayscale($active-color); - $border-active: grayscale($border-active); - $border-bottom-active: grayscale($border-bottom-active); - $inset-shadow-active: grayscale($inset-shadow-active); - $text-shadow-active: grayscale($text-shadow-active); - } - - background: $active-color; - border: 1px solid $border-active; - border-bottom: 1px solid $border-bottom-active; - box-shadow: inset 0 0 6px 3px $inset-shadow-active, 0 1px 0 0 #fff; - text-shadow: 0 -1px 1px $text-shadow-active; - } -} diff --git a/sass/bourbon/addons/_clearfix.scss b/sass/bourbon/addons/_clearfix.scss deleted file mode 100644 index ca9903c..0000000 --- a/sass/bourbon/addons/_clearfix.scss +++ /dev/null @@ -1,29 +0,0 @@ -// Micro clearfix provides an easy way to contain floats without adding additional markup -// -// Example usage: -// -// // Contain all floats within .wrapper -// .wrapper { -// @include clearfix; -// .content, -// .sidebar { -// float : left; -// } -// } - -@mixin clearfix { - *zoom: 1; - - &:before, - &:after { - content: " "; - display: table; - } - - &:after { - clear: both; - } -} - -// Acknowledgements -// Micro clearfix: [Nicolas Gallagher](http://nicolasgallagher.com/micro-clearfix-hack/) diff --git a/sass/bourbon/addons/_font-family.scss b/sass/bourbon/addons/_font-family.scss deleted file mode 100644 index df8a80d..0000000 --- a/sass/bourbon/addons/_font-family.scss +++ /dev/null @@ -1,5 +0,0 @@ -$georgia: Georgia, Cambria, "Times New Roman", Times, serif; -$helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif; -$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; -$monospace: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; -$verdana: Verdana, Geneva, sans-serif; diff --git a/sass/bourbon/addons/_hide-text.scss b/sass/bourbon/addons/_hide-text.scss deleted file mode 100644 index 68d4bf8..0000000 --- a/sass/bourbon/addons/_hide-text.scss +++ /dev/null @@ -1,5 +0,0 @@ -@mixin hide-text { - color: transparent; - font: 0/0 a; - text-shadow: none; -} diff --git a/sass/bourbon/addons/_html5-input-types.scss b/sass/bourbon/addons/_html5-input-types.scss deleted file mode 100644 index b184382..0000000 --- a/sass/bourbon/addons/_html5-input-types.scss +++ /dev/null @@ -1,56 +0,0 @@ -//************************************************************************// -// Generate a variable ($all-text-inputs) with a list of all html5 -// input types that have a text-based input, excluding textarea. -// http://diveintohtml5.org/forms.html -//************************************************************************// -$inputs-list: 'input[type="email"]', - 'input[type="number"]', - 'input[type="password"]', - 'input[type="search"]', - 'input[type="tel"]', - 'input[type="text"]', - 'input[type="url"]', - - // Webkit & Gecko may change the display of these in the future - 'input[type="color"]', - 'input[type="date"]', - 'input[type="datetime"]', - 'input[type="datetime-local"]', - 'input[type="month"]', - 'input[type="time"]', - 'input[type="week"]'; - -$unquoted-inputs-list: (); -@each $input-type in $inputs-list { - $unquoted-inputs-list: append($unquoted-inputs-list, unquote($input-type), comma); -} - -$all-text-inputs: $unquoted-inputs-list; - - -// Hover Pseudo-class -//************************************************************************// -$all-text-inputs-hover: (); -@each $input-type in $unquoted-inputs-list { - $input-type-hover: $input-type + ":hover"; - $all-text-inputs-hover: append($all-text-inputs-hover, $input-type-hover, comma); -} - -// Focus Pseudo-class -//************************************************************************// -$all-text-inputs-focus: (); -@each $input-type in $unquoted-inputs-list { - $input-type-focus: $input-type + ":focus"; - $all-text-inputs-focus: append($all-text-inputs-focus, $input-type-focus, comma); -} - -// You must use interpolation on the variable: -// #{$all-text-inputs} -// #{$all-text-inputs-hover} -// #{$all-text-inputs-focus} - -// Example -//************************************************************************// -// #{$all-text-inputs}, textarea { -// border: 1px solid red; -// } diff --git a/sass/bourbon/addons/_position.scss b/sass/bourbon/addons/_position.scss deleted file mode 100644 index faad1ca..0000000 --- a/sass/bourbon/addons/_position.scss +++ /dev/null @@ -1,42 +0,0 @@ -@mixin position ($position: relative, $coordinates: 0 0 0 0) { - - @if type-of($position) == list { - $coordinates: $position; - $position: relative; - } - - $top: nth($coordinates, 1); - $right: nth($coordinates, 2); - $bottom: nth($coordinates, 3); - $left: nth($coordinates, 4); - - position: $position; - - @if $top == auto { - top: $top; - } - @else if not(unitless($top)) { - top: $top; - } - - @if $right == auto { - right: $right; - } - @else if not(unitless($right)) { - right: $right; - } - - @if $bottom == auto { - bottom: $bottom; - } - @else if not(unitless($bottom)) { - bottom: $bottom; - } - - @if $left == auto { - left: $left; - } - @else if not(unitless($left)) { - left: $left; - } -} diff --git a/sass/bourbon/addons/_prefixer.scss b/sass/bourbon/addons/_prefixer.scss deleted file mode 100644 index 6bfd23a..0000000 --- a/sass/bourbon/addons/_prefixer.scss +++ /dev/null @@ -1,49 +0,0 @@ -//************************************************************************// -// Example: @include prefixer(border-radius, $radii, webkit ms spec); -//************************************************************************// -$prefix-for-webkit: true !default; -$prefix-for-mozilla: true !default; -$prefix-for-microsoft: true !default; -$prefix-for-opera: true !default; -$prefix-for-spec: true !default; // required for keyframe mixin - -@mixin prefixer ($property, $value, $prefixes) { - @each $prefix in $prefixes { - @if $prefix == webkit { - @if $prefix-for-webkit { - -webkit-#{$property}: $value; - } - } - @else if $prefix == moz { - @if $prefix-for-mozilla { - -moz-#{$property}: $value; - } - } - @else if $prefix == ms { - @if $prefix-for-microsoft { - -ms-#{$property}: $value; - } - } - @else if $prefix == o { - @if $prefix-for-opera { - -o-#{$property}: $value; - } - } - @else if $prefix == spec { - @if $prefix-for-spec { - #{$property}: $value; - } - } - @else { - @warn "Unrecognized prefix: #{$prefix}"; - } - } -} - -@mixin disable-prefix-for-all() { - $prefix-for-webkit: false; - $prefix-for-mozilla: false; - $prefix-for-microsoft: false; - $prefix-for-opera: false; - $prefix-for-spec: false; -} diff --git a/sass/bourbon/addons/_retina-image.scss b/sass/bourbon/addons/_retina-image.scss deleted file mode 100644 index a84b6fa..0000000 --- a/sass/bourbon/addons/_retina-image.scss +++ /dev/null @@ -1,32 +0,0 @@ -@mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $asset-pipeline: false) { - @if $asset-pipeline { - background-image: image-url("#{$filename}.#{$extension}"); - } - @else { - background-image: url("#{$filename}.#{$extension}"); - } - - @include hidpi { - - @if $asset-pipeline { - @if $retina-filename { - background-image: image-url("#{$retina-filename}.#{$extension}"); - } - @else { - background-image: image-url("#{$filename}@2x.#{$extension}"); - } - } - - @else { - @if $retina-filename { - background-image: url("#{$retina-filename}.#{$extension}"); - } - @else { - background-image: url("#{$filename}@2x.#{$extension}"); - } - } - - background-size: $background-size; - - } -} diff --git a/sass/bourbon/addons/_size.scss b/sass/bourbon/addons/_size.scss deleted file mode 100644 index 342e41b..0000000 --- a/sass/bourbon/addons/_size.scss +++ /dev/null @@ -1,44 +0,0 @@ -@mixin size($size) { - @if length($size) == 1 { - @if $size == auto { - width: $size; - height: $size; - } - - @else if unitless($size) { - width: $size + px; - height: $size + px; - } - - @else if not(unitless($size)) { - width: $size; - height: $size; - } - } - - // Width x Height - @if length($size) == 2 { - $width: nth($size, 1); - $height: nth($size, 2); - - @if $width == auto { - width: $width; - } - @else if not(unitless($width)) { - width: $width; - } - @else if unitless($width) { - width: $width + px; - } - - @if $height == auto { - height: $height; - } - @else if not(unitless($height)) { - height: $height; - } - @else if unitless($height) { - height: $height + px; - } - } -} diff --git a/sass/bourbon/addons/_timing-functions.scss b/sass/bourbon/addons/_timing-functions.scss deleted file mode 100644 index 51b2410..0000000 --- a/sass/bourbon/addons/_timing-functions.scss +++ /dev/null @@ -1,32 +0,0 @@ -// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie) -// Timing functions are the same as demo'ed here: http://jqueryui.com/demos/effect/easing.html - -// EASE IN -$ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530); -$ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190); -$ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220); -$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060); -$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715); -$ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035); -$ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335); -$ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045); - -// EASE OUT -$ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940); -$ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000); -$ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000); -$ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000); -$ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000); -$ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000); -$ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000); -$ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275); - -// EASE IN OUT -$ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955); -$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000); -$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000); -$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000); -$ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950); -$ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000); -$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860); -$ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550); diff --git a/sass/bourbon/addons/_triangle.scss b/sass/bourbon/addons/_triangle.scss deleted file mode 100644 index 0e02aca..0000000 --- a/sass/bourbon/addons/_triangle.scss +++ /dev/null @@ -1,45 +0,0 @@ -@mixin triangle ($size, $color, $direction) { - height: 0; - width: 0; - - @if ($direction == up) or ($direction == down) or ($direction == right) or ($direction == left) { - border-color: transparent; - border-style: solid; - border-width: $size / 2; - - @if $direction == up { - border-bottom-color: $color; - - } @else if $direction == right { - border-left-color: $color; - - } @else if $direction == down { - border-top-color: $color; - - } @else if $direction == left { - border-right-color: $color; - } - } - - @else if ($direction == up-right) or ($direction == up-left) { - border-top: $size solid $color; - - @if $direction == up-right { - border-left: $size solid transparent; - - } @else if $direction == up-left { - border-right: $size solid transparent; - } - } - - @else if ($direction == down-right) or ($direction == down-left) { - border-bottom: $size solid $color; - - @if $direction == down-right { - border-left: $size solid transparent; - - } @else if $direction == down-left { - border-right: $size solid transparent; - } - } -} diff --git a/sass/bourbon/css3/_animation.scss b/sass/bourbon/css3/_animation.scss deleted file mode 100644 index 08c3dbf..0000000 --- a/sass/bourbon/css3/_animation.scss +++ /dev/null @@ -1,52 +0,0 @@ -// http://www.w3.org/TR/css3-animations/#the-animation-name-property- -// Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties. - -// Official animation shorthand property. -@mixin animation ($animations...) { - @include prefixer(animation, $animations, webkit moz spec); -} - -// Individual Animation Properties -@mixin animation-name ($names...) { - @include prefixer(animation-name, $names, webkit moz spec); -} - - -@mixin animation-duration ($times...) { - @include prefixer(animation-duration, $times, webkit moz spec); -} - - -@mixin animation-timing-function ($motions...) { -// ease | linear | ease-in | ease-out | ease-in-out - @include prefixer(animation-timing-function, $motions, webkit moz spec); -} - - -@mixin animation-iteration-count ($values...) { -// infinite | - @include prefixer(animation-iteration-count, $values, webkit moz spec); -} - - -@mixin animation-direction ($directions...) { -// normal | alternate - @include prefixer(animation-direction, $directions, webkit moz spec); -} - - -@mixin animation-play-state ($states...) { -// running | paused - @include prefixer(animation-play-state, $states, webkit moz spec); -} - - -@mixin animation-delay ($times...) { - @include prefixer(animation-delay, $times, webkit moz spec); -} - - -@mixin animation-fill-mode ($modes...) { -// none | forwards | backwards | both - @include prefixer(animation-fill-mode, $modes, webkit moz spec); -} diff --git a/sass/bourbon/css3/_appearance.scss b/sass/bourbon/css3/_appearance.scss deleted file mode 100644 index 3eb16e4..0000000 --- a/sass/bourbon/css3/_appearance.scss +++ /dev/null @@ -1,3 +0,0 @@ -@mixin appearance ($value) { - @include prefixer(appearance, $value, webkit moz ms o spec); -} diff --git a/sass/bourbon/css3/_backface-visibility.scss b/sass/bourbon/css3/_backface-visibility.scss deleted file mode 100644 index 1161fe6..0000000 --- a/sass/bourbon/css3/_backface-visibility.scss +++ /dev/null @@ -1,6 +0,0 @@ -//************************************************************************// -// Backface-visibility mixin -//************************************************************************// -@mixin backface-visibility($visibility) { - @include prefixer(backface-visibility, $visibility, webkit spec); -} diff --git a/sass/bourbon/css3/_background-image.scss b/sass/bourbon/css3/_background-image.scss deleted file mode 100644 index 17016b9..0000000 --- a/sass/bourbon/css3/_background-image.scss +++ /dev/null @@ -1,48 +0,0 @@ -//************************************************************************// -// Background-image property for adding multiple background images with -// gradients, or for stringing multiple gradients together. -//************************************************************************// - -@mixin background-image($images...) { - background-image: _add-prefix($images, webkit); - background-image: _add-prefix($images); -} - -@function _add-prefix($images, $vendor: false) { - $images-prefixed: (); - $gradient-positions: false; - @for $i from 1 through length($images) { - $type: type-of(nth($images, $i)); // Get type of variable - List or String - - // If variable is a list - Gradient - @if $type == list { - $gradient-type: nth(nth($images, $i), 1); // linear or radial - $gradient-pos: null; - $gradient-args: null; - - @if ($gradient-type == linear) or ($gradient-type == radial) { - $gradient-pos: nth(nth($images, $i), 2); // Get gradient position - $gradient-args: nth(nth($images, $i), 3); // Get actual gradient (red, blue) - } - @else { - $gradient-args: nth(nth($images, $i), 2); // Get actual gradient (red, blue) - } - - $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos); - $gradient: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); - $images-prefixed: append($images-prefixed, $gradient, comma); - } - // If variable is a string - Image - @else if $type == string { - $images-prefixed: join($images-prefixed, nth($images, $i), comma); - } - } - @return $images-prefixed; -} - -//Examples: - //@include background-image(linear-gradient(top, orange, red)); - //@include background-image(radial-gradient(50% 50%, cover circle, orange, red)); - //@include background-image(url("/images/a.png"), linear-gradient(orange, red)); - //@include background-image(url("image.png"), linear-gradient(orange, red), url("image.png")); - //@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(orange, red)); diff --git a/sass/bourbon/css3/_background.scss b/sass/bourbon/css3/_background.scss deleted file mode 100644 index 766d5d3..0000000 --- a/sass/bourbon/css3/_background.scss +++ /dev/null @@ -1,103 +0,0 @@ -//************************************************************************// -// Background property for adding multiple backgrounds using shorthand -// notation. -//************************************************************************// - -@mixin background( - $background-1 , $background-2: false, - $background-3: false, $background-4: false, - $background-5: false, $background-6: false, - $background-7: false, $background-8: false, - $background-9: false, $background-10: false, - $fallback: false -) { - $backgrounds: compact($background-1, $background-2, - $background-3, $background-4, - $background-5, $background-6, - $background-7, $background-8, - $background-9, $background-10); - - $fallback-color: false; - @if (type-of($fallback) == color) or ($fallback == "transparent") { - $fallback-color: $fallback; - } - @else { - $fallback-color: _extract-background-color($backgrounds); - } - - @if $fallback-color { - background-color: $fallback-color; - } - background: _background-add-prefix($backgrounds, webkit); - background: _background-add-prefix($backgrounds); -} - -@function _extract-background-color($backgrounds) { - $final-bg-layer: nth($backgrounds, length($backgrounds)); - @if type-of($final-bg-layer) == list { - @for $i from 1 through length($final-bg-layer) { - $value: nth($final-bg-layer, $i); - @if type-of($value) == color { - @return $value; - } - } - } - @return false; -} - -@function _background-add-prefix($backgrounds, $vendor: false) { - $backgrounds-prefixed: (); - - @for $i from 1 through length($backgrounds) { - $shorthand: nth($backgrounds, $i); // Get member for current index - $type: type-of($shorthand); // Get type of variable - List (gradient) or String (image) - - // If shorthand is a list (gradient) - @if $type == list { - $first-member: nth($shorthand, 1); // Get first member of shorthand - - // Linear Gradient - @if index(linear radial, nth($first-member, 1)) { - $gradient-type: nth($first-member, 1); // linear || radial - $gradient-args: false; - $gradient-positions: false; - $shorthand-start: false; - @if type-of($first-member) == list { // Linear gradient plus additional shorthand values - lg(red,orange)repeat,... - $gradient-positions: nth($first-member, 2); - $gradient-args: nth($first-member, 3); - $shorthand-start: 2; - } - @else { // Linear gradient only - lg(red,orange),... - $gradient-positions: nth($shorthand, 2); - $gradient-args: nth($shorthand, 3); // Get gradient (red, blue) - } - - $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-positions); - $gradient: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); - - // Append any additional shorthand args to gradient - @if $shorthand-start { - @for $j from $shorthand-start through length($shorthand) { - $gradient: join($gradient, nth($shorthand, $j), space); - } - } - $backgrounds-prefixed: append($backgrounds-prefixed, $gradient, comma); - } - // Image with additional properties - @else { - $backgrounds-prefixed: append($backgrounds-prefixed, $shorthand, comma); - } - } - // If shorthand is a simple string (color or image) - @else if $type == string { - $backgrounds-prefixed: join($backgrounds-prefixed, $shorthand, comma); - } - } - @return $backgrounds-prefixed; -} - -//Examples: - //@include background(linear-gradient(top, orange, red)); - //@include background(radial-gradient(circle at 40% 40%, orange, red)); - //@include background(url("/images/a.png") no-repeat, linear-gradient(orange, red)); - //@include background(url("image.png") center center, linear-gradient(orange, red), url("image.png")); diff --git a/sass/bourbon/css3/_border-image.scss b/sass/bourbon/css3/_border-image.scss deleted file mode 100644 index 1fff212..0000000 --- a/sass/bourbon/css3/_border-image.scss +++ /dev/null @@ -1,55 +0,0 @@ -@mixin border-image($images) { - -webkit-border-image: _border-add-prefix($images, webkit); - -moz-border-image: _border-add-prefix($images, moz); - -o-border-image: _border-add-prefix($images, o); - border-image: _border-add-prefix($images); -} - -@function _border-add-prefix($images, $vendor: false) { - $border-image: null; - $images-type: type-of(nth($images, 1)); - $first-var: nth(nth($images, 1), 1); // Get type of Gradient (Linear || radial) - - // If input is a gradient - @if $images-type == string { - @if ($first-var == "linear") or ($first-var == "radial") { - $gradient-type: nth($images, 1); // Get type of gradient (linear || radial) - $gradient-pos: nth($images, 2); // Get gradient position - $gradient-args: nth($images, 3); // Get actual gradient (red, blue) - $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos); - $border-image: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); - } - // If input is a URL - @else { - $border-image: $images; - } - } - // If input is gradient or url + additional args - @else if $images-type == list { - $type: type-of(nth($images, 1)); // Get type of variable - List or String - - // If variable is a list - Gradient - @if $type == list { - $gradient: nth($images, 1); - $gradient-type: nth($gradient, 1); // Get type of gradient (linear || radial) - $gradient-pos: nth($gradient, 2); // Get gradient position - $gradient-args: nth($gradient, 3); // Get actual gradient (red, blue) - $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos); - $border-image: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); - - @for $i from 2 through length($images) { - $border-image: append($border-image, nth($images, $i)); - } - } - } - @return $border-image; -} - -//Examples: -// @include border-image(url("image.png")); -// @include border-image(url("image.png") 20 stretch); -// @include border-image(linear-gradient(45deg, orange, yellow)); -// @include border-image(linear-gradient(45deg, orange, yellow) stretch); -// @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round); -// @include border-image(radial-gradient(top, cover, orange, yellow, orange)); - diff --git a/sass/bourbon/css3/_border-radius.scss b/sass/bourbon/css3/_border-radius.scss deleted file mode 100644 index 7c17190..0000000 --- a/sass/bourbon/css3/_border-radius.scss +++ /dev/null @@ -1,22 +0,0 @@ -//************************************************************************// -// Shorthand Border-radius mixins -//************************************************************************// -@mixin border-top-radius($radii) { - @include prefixer(border-top-left-radius, $radii, spec); - @include prefixer(border-top-right-radius, $radii, spec); -} - -@mixin border-bottom-radius($radii) { - @include prefixer(border-bottom-left-radius, $radii, spec); - @include prefixer(border-bottom-right-radius, $radii, spec); -} - -@mixin border-left-radius($radii) { - @include prefixer(border-top-left-radius, $radii, spec); - @include prefixer(border-bottom-left-radius, $radii, spec); -} - -@mixin border-right-radius($radii) { - @include prefixer(border-top-right-radius, $radii, spec); - @include prefixer(border-bottom-right-radius, $radii, spec); -} diff --git a/sass/bourbon/css3/_box-sizing.scss b/sass/bourbon/css3/_box-sizing.scss deleted file mode 100644 index f07e1d4..0000000 --- a/sass/bourbon/css3/_box-sizing.scss +++ /dev/null @@ -1,4 +0,0 @@ -@mixin box-sizing ($box) { -// content-box | border-box | inherit - @include prefixer(box-sizing, $box, webkit moz spec); -} diff --git a/sass/bourbon/css3/_columns.scss b/sass/bourbon/css3/_columns.scss deleted file mode 100644 index 42274a4..0000000 --- a/sass/bourbon/css3/_columns.scss +++ /dev/null @@ -1,47 +0,0 @@ -@mixin columns($arg: auto) { -// || - @include prefixer(columns, $arg, webkit moz spec); -} - -@mixin column-count($int: auto) { -// auto || integer - @include prefixer(column-count, $int, webkit moz spec); -} - -@mixin column-gap($length: normal) { -// normal || length - @include prefixer(column-gap, $length, webkit moz spec); -} - -@mixin column-fill($arg: auto) { -// auto || length - @include prefixer(columns-fill, $arg, webkit moz spec); -} - -@mixin column-rule($arg) { -// || || - @include prefixer(column-rule, $arg, webkit moz spec); -} - -@mixin column-rule-color($color) { - @include prefixer(column-rule-color, $color, webkit moz spec); -} - -@mixin column-rule-style($style: none) { -// none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid - @include prefixer(column-rule-style, $style, webkit moz spec); -} - -@mixin column-rule-width ($width: none) { - @include prefixer(column-rule-width, $width, webkit moz spec); -} - -@mixin column-span($arg: none) { -// none || all - @include prefixer(column-span, $arg, webkit moz spec); -} - -@mixin column-width($length: auto) { -// auto || length - @include prefixer(column-width, $length, webkit moz spec); -} diff --git a/sass/bourbon/css3/_flex-box.scss b/sass/bourbon/css3/_flex-box.scss deleted file mode 100644 index 3e741e6..0000000 --- a/sass/bourbon/css3/_flex-box.scss +++ /dev/null @@ -1,52 +0,0 @@ -// CSS3 Flexible Box Model and property defaults - -// Custom shorthand notation for flexbox -@mixin box($orient: inline-axis, $pack: start, $align: stretch) { - @include display-box; - @include box-orient($orient); - @include box-pack($pack); - @include box-align($align); -} - -@mixin display-box { - display: -webkit-box; - display: -moz-box; - display: box; -} - -@mixin box-orient($orient: inline-axis) { -// horizontal|vertical|inline-axis|block-axis|inherit - @include prefixer(box-orient, $orient, webkit moz spec); -} - -@mixin box-pack($pack: start) { -// start|end|center|justify - @include prefixer(box-pack, $pack, webkit moz spec); -} - -@mixin box-align($align: stretch) { -// start|end|center|baseline|stretch - @include prefixer(box-align, $align, webkit moz spec); -} - -@mixin box-direction($direction: normal) { -// normal|reverse|inherit - @include prefixer(box-direction, $direction, webkit moz spec); -} - -@mixin box-lines($lines: single) { -// single|multiple - @include prefixer(box-lines, $lines, webkit moz spec); -} - -@mixin box-ordinal-group($int: 1) { - @include prefixer(box-ordinal-group, $int, webkit moz spec); -} - -@mixin box-flex($value: 0.0) { - @include prefixer(box-flex, $value, webkit moz spec); -} - -@mixin box-flex-group($int: 1) { - @include prefixer(box-flex-group, $int, webkit moz spec); -} diff --git a/sass/bourbon/css3/_font-face.scss b/sass/bourbon/css3/_font-face.scss deleted file mode 100644 index 029ee8f..0000000 --- a/sass/bourbon/css3/_font-face.scss +++ /dev/null @@ -1,23 +0,0 @@ -// Order of the includes matters, and it is: normal, bold, italic, bold+italic. - -@mixin font-face($font-family, $file-path, $weight: normal, $style: normal, $asset-pipeline: false ) { - @font-face { - font-family: $font-family; - font-weight: $weight; - font-style: $style; - - @if $asset-pipeline == true { - src: font-url('#{$file-path}.eot'); - src: font-url('#{$file-path}.eot?#iefix') format('embedded-opentype'), - font-url('#{$file-path}.woff') format('woff'), - font-url('#{$file-path}.ttf') format('truetype'), - font-url('#{$file-path}.svg##{$font-family}') format('svg'); - } @else { - src: url('#{$file-path}.eot'); - src: url('#{$file-path}.eot?#iefix') format('embedded-opentype'), - url('#{$file-path}.woff') format('woff'), - url('#{$file-path}.ttf') format('truetype'), - url('#{$file-path}.svg##{$font-family}') format('svg'); - } - } -} diff --git a/sass/bourbon/css3/_hidpi-media-query.scss b/sass/bourbon/css3/_hidpi-media-query.scss deleted file mode 100644 index 111e400..0000000 --- a/sass/bourbon/css3/_hidpi-media-query.scss +++ /dev/null @@ -1,10 +0,0 @@ -// HiDPI mixin. Default value set to 1.3 to target Google Nexus 7 (http://bjango.com/articles/min-device-pixel-ratio/) -@mixin hidpi($ratio: 1.3) { - @media only screen and (-webkit-min-device-pixel-ratio: $ratio), - only screen and (min--moz-device-pixel-ratio: $ratio), - only screen and (-o-min-device-pixel-ratio: #{$ratio}/1), - only screen and (min-resolution: #{round($ratio*96)}dpi), - only screen and (min-resolution: #{$ratio}dppx) { - @content; - } -} diff --git a/sass/bourbon/css3/_image-rendering.scss b/sass/bourbon/css3/_image-rendering.scss deleted file mode 100644 index abc7ee1..0000000 --- a/sass/bourbon/css3/_image-rendering.scss +++ /dev/null @@ -1,13 +0,0 @@ -@mixin image-rendering ($mode:optimizeQuality) { - - @if ($mode == optimize-contrast) { - image-rendering: -moz-crisp-edges; - image-rendering: -o-crisp-edges; - image-rendering: -webkit-optimize-contrast; - image-rendering: optimize-contrast; - } - - @else { - image-rendering: $mode; - } -} diff --git a/sass/bourbon/css3/_inline-block.scss b/sass/bourbon/css3/_inline-block.scss deleted file mode 100644 index 3272a00..0000000 --- a/sass/bourbon/css3/_inline-block.scss +++ /dev/null @@ -1,8 +0,0 @@ -// Legacy support for inline-block in IE7 (maybe IE6) -@mixin inline-block { - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; -} diff --git a/sass/bourbon/css3/_keyframes.scss b/sass/bourbon/css3/_keyframes.scss deleted file mode 100644 index dca61f2..0000000 --- a/sass/bourbon/css3/_keyframes.scss +++ /dev/null @@ -1,43 +0,0 @@ -// Adds keyframes blocks for supported prefixes, removing redundant prefixes in the block's content -@mixin keyframes($name) { - $original-prefix-for-webkit: $prefix-for-webkit; - $original-prefix-for-mozilla: $prefix-for-mozilla; - $original-prefix-for-microsoft: $prefix-for-microsoft; - $original-prefix-for-opera: $prefix-for-opera; - $original-prefix-for-spec: $prefix-for-spec; - - @if $original-prefix-for-webkit { - @include disable-prefix-for-all(); - $prefix-for-webkit: true; - @-webkit-keyframes #{$name} { - @content; - } - } - @if $original-prefix-for-mozilla { - @include disable-prefix-for-all(); - $prefix-for-mozilla: true; - @-moz-keyframes #{$name} { - @content; - } - } - @if $original-prefix-for-opera { - @include disable-prefix-for-all(); - $prefix-for-opera: true; - @-o-keyframes #{$name} { - @content; - } - } - @if $original-prefix-for-spec { - @include disable-prefix-for-all(); - $prefix-for-spec: true; - @keyframes #{$name} { - @content; - } - } - - $prefix-for-webkit: $original-prefix-for-webkit; - $prefix-for-mozilla: $original-prefix-for-mozilla; - $prefix-for-microsoft: $original-prefix-for-microsoft; - $prefix-for-opera: $original-prefix-for-opera; - $prefix-for-spec: $original-prefix-for-spec; -} diff --git a/sass/bourbon/css3/_linear-gradient.scss b/sass/bourbon/css3/_linear-gradient.scss deleted file mode 100644 index d5b687b..0000000 --- a/sass/bourbon/css3/_linear-gradient.scss +++ /dev/null @@ -1,41 +0,0 @@ -@mixin linear-gradient($pos, $G1, $G2: false, - $G3: false, $G4: false, - $G5: false, $G6: false, - $G7: false, $G8: false, - $G9: false, $G10: false, - $deprecated-pos1: left top, - $deprecated-pos2: left bottom, - $fallback: false) { - // Detect what type of value exists in $pos - $pos-type: type-of(nth($pos, 1)); - $pos-spec: null; - $pos-degree: null; - - // If $pos is missing from mixin, reassign vars and add default position - @if ($pos-type == color) or (nth($pos, 1) == "transparent") { - $G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5; - $G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos; - $pos: null; - } - - @if $pos { - $positions: _linear-positions-parser($pos); - $pos-degree: nth($positions, 1); - $pos-spec: nth($positions, 2); - } - - $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10); - - // Set $G1 as the default fallback color - $fallback-color: nth($G1, 1); - - // If $fallback is a color use that color as the fallback color - @if (type-of($fallback) == color) or ($fallback == "transparent") { - $fallback-color: $fallback; - } - - background-color: $fallback-color; - background-image: _deprecated-webkit-gradient(linear, $deprecated-pos1, $deprecated-pos2, $full); // Safari <= 5.0 - background-image: -webkit-linear-gradient($pos-degree $full); // Safari 5.1+, Chrome - background-image: unquote("linear-gradient(#{$pos-spec}#{$full})"); -} diff --git a/sass/bourbon/css3/_perspective.scss b/sass/bourbon/css3/_perspective.scss deleted file mode 100644 index 0e4deb8..0000000 --- a/sass/bourbon/css3/_perspective.scss +++ /dev/null @@ -1,8 +0,0 @@ -@mixin perspective($depth: none) { - // none | - @include prefixer(perspective, $depth, webkit moz spec); -} - -@mixin perspective-origin($value: 50% 50%) { - @include prefixer(perspective-origin, $value, webkit moz spec); -} diff --git a/sass/bourbon/css3/_placeholder.scss b/sass/bourbon/css3/_placeholder.scss deleted file mode 100644 index 22fd92b..0000000 --- a/sass/bourbon/css3/_placeholder.scss +++ /dev/null @@ -1,29 +0,0 @@ -$placeholders: '-webkit-input-placeholder', - '-moz-placeholder', - '-ms-input-placeholder'; - -@mixin placeholder { - @each $placeholder in $placeholders { - @if $placeholder == "-webkit-input-placeholder" { - &::#{$placeholder} { - @content; - } - } - @else if $placeholder == "-moz-placeholder" { - // FF 18- - &:#{$placeholder} { - @content; - } - - // FF 19+ - &::#{$placeholder} { - @content; - } - } - @else { - &:#{$placeholder} { - @content; - } - } - } -} diff --git a/sass/bourbon/css3/_radial-gradient.scss b/sass/bourbon/css3/_radial-gradient.scss deleted file mode 100644 index e87b45a..0000000 --- a/sass/bourbon/css3/_radial-gradient.scss +++ /dev/null @@ -1,44 +0,0 @@ -// Requires Sass 3.1+ -@mixin radial-gradient($G1, $G2, - $G3: false, $G4: false, - $G5: false, $G6: false, - $G7: false, $G8: false, - $G9: false, $G10: false, - $pos: null, - $shape-size: null, - $deprecated-pos1: center center, - $deprecated-pos2: center center, - $deprecated-radius1: 0, - $deprecated-radius2: 460, - $fallback: false) { - - $data: _radial-arg-parser($G1, $G2, $pos, $shape-size); - $G1: nth($data, 1); - $G2: nth($data, 2); - $pos: nth($data, 3); - $shape-size: nth($data, 4); - - $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10); - - // Strip deprecated cover/contain for spec - $shape-size-spec: _shape-size-stripper($shape-size); - - // Set $G1 as the default fallback color - $first-color: nth($full, 1); - $fallback-color: nth($first-color, 1); - - @if (type-of($fallback) == color) or ($fallback == "transparent") { - $fallback-color: $fallback; - } - - // Add Commas and spaces - $shape-size: if($shape-size, '#{$shape-size}, ', null); - $pos: if($pos, '#{$pos}, ', null); - $pos-spec: if($pos, 'at #{$pos}', null); - $shape-size-spec: if(($shape-size-spec != ' ') and ($pos == null), '#{$shape-size-spec}, ', '#{$shape-size-spec} '); - - background-color: $fallback-color; - background-image: _deprecated-webkit-gradient(radial, $deprecated-pos1, $deprecated-pos2, $full, $deprecated-radius1, $deprecated-radius2); // Safari <= 5.0 && IOS 4 - background-image: -webkit-radial-gradient(unquote(#{$pos}#{$shape-size}#{$full})); - background-image: unquote("radial-gradient(#{$shape-size-spec}#{$pos-spec}#{$full})"); -} diff --git a/sass/bourbon/css3/_transform.scss b/sass/bourbon/css3/_transform.scss deleted file mode 100644 index 8cc3596..0000000 --- a/sass/bourbon/css3/_transform.scss +++ /dev/null @@ -1,15 +0,0 @@ -@mixin transform($property: none) { -// none | - @include prefixer(transform, $property, webkit moz ms o spec); -} - -@mixin transform-origin($axes: 50%) { -// x-axis - left | center | right | length | % -// y-axis - top | center | bottom | length | % -// z-axis - length - @include prefixer(transform-origin, $axes, webkit moz ms o spec); -} - -@mixin transform-style ($style: flat) { - @include prefixer(transform-style, $style, webkit moz ms o spec); -} diff --git a/sass/bourbon/css3/_transition.scss b/sass/bourbon/css3/_transition.scss deleted file mode 100644 index 180cde6..0000000 --- a/sass/bourbon/css3/_transition.scss +++ /dev/null @@ -1,34 +0,0 @@ -// Shorthand mixin. Supports multiple parentheses-deliminated values for each variable. -// Example: @include transition (all, 2.0s, ease-in-out); -// @include transition ((opacity, width), (1.0s, 2.0s), ease-in, (0, 2s)); -// @include transition ($property:(opacity, width), $delay: (1.5s, 2.5s)); - -@mixin transition ($properties...) { - @if length($properties) >= 1 { - @include prefixer(transition, $properties, webkit moz spec); - } - - @else { - $properties: all 0.15s ease-out 0; - @include prefixer(transition, $properties, webkit moz spec); - } -} - -@mixin transition-property ($properties...) { - -webkit-transition-property: transition-property-names($properties, 'webkit'); - -moz-transition-property: transition-property-names($properties, 'moz'); - transition-property: transition-property-names($properties, false); -} - -@mixin transition-duration ($times...) { - @include prefixer(transition-duration, $times, webkit moz spec); -} - -@mixin transition-timing-function ($motions...) { -// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier() - @include prefixer(transition-timing-function, $motions, webkit moz spec); -} - -@mixin transition-delay ($times...) { - @include prefixer(transition-delay, $times, webkit moz spec); -} diff --git a/sass/bourbon/css3/_user-select.scss b/sass/bourbon/css3/_user-select.scss deleted file mode 100644 index 1380aa8..0000000 --- a/sass/bourbon/css3/_user-select.scss +++ /dev/null @@ -1,3 +0,0 @@ -@mixin user-select($arg: none) { - @include prefixer(user-select, $arg, webkit moz ms spec); -} diff --git a/sass/bourbon/functions/_compact.scss b/sass/bourbon/functions/_compact.scss deleted file mode 100644 index 871500e..0000000 --- a/sass/bourbon/functions/_compact.scss +++ /dev/null @@ -1,11 +0,0 @@ -// Remove `false` values from a list - -@function compact($vars...) { - $list: (); - @each $var in $vars { - @if $var { - $list: append($list, $var, comma); - } - } - @return $list; -} diff --git a/sass/bourbon/functions/_flex-grid.scss b/sass/bourbon/functions/_flex-grid.scss deleted file mode 100644 index 3bbd866..0000000 --- a/sass/bourbon/functions/_flex-grid.scss +++ /dev/null @@ -1,39 +0,0 @@ -// Flexible grid -@function flex-grid($columns, $container-columns: $fg-max-columns) { - $width: $columns * $fg-column + ($columns - 1) * $fg-gutter; - $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter; - @return percentage($width / $container-width); -} - -// Flexible gutter -@function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) { - $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter; - @return percentage($gutter / $container-width); -} - -// The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function. -// This function takes the fluid grid equation (target / context = result) and uses columns to help define each. -// -// The calculation presumes that your column structure will be missing the last gutter: -// -// -- column -- gutter -- column -- gutter -- column -// -// $fg-column: 60px; // Column Width -// $fg-gutter: 25px; // Gutter Width -// $fg-max-columns: 12; // Total Columns For Main Container -// -// div { -// width: flex-grid(4); // returns (315px / 995px) = 31.65829%; -// margin-left: flex-gutter(); // returns (25px / 995px) = 2.51256%; -// -// p { -// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%; -// float: left; -// margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%; -// } -// -// blockquote { -// float: left; -// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%; -// } -// } \ No newline at end of file diff --git a/sass/bourbon/functions/_grid-width.scss b/sass/bourbon/functions/_grid-width.scss deleted file mode 100644 index 8e63d83..0000000 --- a/sass/bourbon/functions/_grid-width.scss +++ /dev/null @@ -1,13 +0,0 @@ -@function grid-width($n) { - @return $n * $gw-column + ($n - 1) * $gw-gutter; -} - -// The $gw-column and $gw-gutter variables must be defined in your base stylesheet to properly use the grid-width function. -// -// $gw-column: 100px; // Column Width -// $gw-gutter: 40px; // Gutter Width -// -// div { -// width: grid-width(4); // returns 520px; -// margin-left: $gw-gutter; // returns 40px; -// } diff --git a/sass/bourbon/functions/_linear-gradient.scss b/sass/bourbon/functions/_linear-gradient.scss deleted file mode 100644 index c8454d8..0000000 --- a/sass/bourbon/functions/_linear-gradient.scss +++ /dev/null @@ -1,13 +0,0 @@ -@function linear-gradient($pos, $gradients...) { - $type: linear; - $pos-type: type-of(nth($pos, 1)); - - // if $pos doesn't exist, fix $gradient - @if ($pos-type == color) or (nth($pos, 1) == "transparent") { - $gradients: zip($pos $gradients); - $pos: false; - } - - $type-gradient: $type, $pos, $gradients; - @return $type-gradient; -} diff --git a/sass/bourbon/functions/_modular-scale.scss b/sass/bourbon/functions/_modular-scale.scss deleted file mode 100644 index dddccb5..0000000 --- a/sass/bourbon/functions/_modular-scale.scss +++ /dev/null @@ -1,40 +0,0 @@ -@function modular-scale($value, $increment, $ratio) { - @if $increment > 0 { - @for $i from 1 through $increment { - $value: ($value * $ratio); - } - } - - @if $increment < 0 { - $increment: abs($increment); - @for $i from 1 through $increment { - $value: ($value / $ratio); - } - } - - @return $value; -} - -// div { -// Increment Up GR with positive value -// font-size: modular-scale(14px, 1, 1.618); // returns: 22.652px -// -// Increment Down GR with negative value -// font-size: modular-scale(14px, -1, 1.618); // returns: 8.653px -// -// Can be used with ceil(round up) or floor(round down) -// font-size: floor( modular-scale(14px, 1, 1.618) ); // returns: 22px -// font-size: ceil( modular-scale(14px, 1, 1.618) ); // returns: 23px -// } -// -// modularscale.com - -@function golden-ratio($value, $increment) { - @return modular-scale($value, $increment, 1.618) -} - -// div { -// font-size: golden-ratio(14px, 1); // returns: 22.652px -// } -// -// goldenratiocalculator.com diff --git a/sass/bourbon/functions/_px-to-em.scss b/sass/bourbon/functions/_px-to-em.scss deleted file mode 100644 index 2eb1031..0000000 --- a/sass/bourbon/functions/_px-to-em.scss +++ /dev/null @@ -1,8 +0,0 @@ -// Convert pixels to ems -// eg. for a relational value of 12px write em(12) when the parent is 16px -// if the parent is another value say 24px write em(12, 24) - -@function em($pxval, $base: 16) { - @return ($pxval / $base) * 1em; -} - diff --git a/sass/bourbon/functions/_radial-gradient.scss b/sass/bourbon/functions/_radial-gradient.scss deleted file mode 100644 index 7558406..0000000 --- a/sass/bourbon/functions/_radial-gradient.scss +++ /dev/null @@ -1,23 +0,0 @@ -// This function is required and used by the background-image mixin. -@function radial-gradient($G1, $G2, - $G3: false, $G4: false, - $G5: false, $G6: false, - $G7: false, $G8: false, - $G9: false, $G10: false, - $pos: null, - $shape-size: null) { - - $data: _radial-arg-parser($G1, $G2, $pos, $shape-size); - $G1: nth($data, 1); - $G2: nth($data, 2); - $pos: nth($data, 3); - $shape-size: nth($data, 4); - - $type: radial; - $gradient: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10); - - $type-gradient: $type, $shape-size $pos, $gradient; - @return $type-gradient; -} - - diff --git a/sass/bourbon/functions/_tint-shade.scss b/sass/bourbon/functions/_tint-shade.scss deleted file mode 100644 index f717200..0000000 --- a/sass/bourbon/functions/_tint-shade.scss +++ /dev/null @@ -1,9 +0,0 @@ -// Add percentage of white to a color -@function tint($color, $percent){ - @return mix(white, $color, $percent); -} - -// Add percentage of black to a color -@function shade($color, $percent){ - @return mix(black, $color, $percent); -} diff --git a/sass/bourbon/functions/_transition-property-name.scss b/sass/bourbon/functions/_transition-property-name.scss deleted file mode 100644 index 54cd422..0000000 --- a/sass/bourbon/functions/_transition-property-name.scss +++ /dev/null @@ -1,22 +0,0 @@ -// Return vendor-prefixed property names if appropriate -// Example: transition-property-names((transform, color, background), moz) -> -moz-transform, color, background -//************************************************************************// -@function transition-property-names($props, $vendor: false) { - $new-props: (); - - @each $prop in $props { - $new-props: append($new-props, transition-property-name($prop, $vendor), comma); - } - - @return $new-props; -} - -@function transition-property-name($prop, $vendor: false) { - // put other properties that need to be prefixed here aswell - @if $vendor and $prop == transform { - @return unquote('-'+$vendor+'-'+$prop); - } - @else { - @return $prop; - } -} \ No newline at end of file diff --git a/sass/bourbon/helpers/_deprecated-webkit-gradient.scss b/sass/bourbon/helpers/_deprecated-webkit-gradient.scss deleted file mode 100644 index cd17e28..0000000 --- a/sass/bourbon/helpers/_deprecated-webkit-gradient.scss +++ /dev/null @@ -1,39 +0,0 @@ -// Render Deprecated Webkit Gradient - Linear || Radial -//************************************************************************// -@function _deprecated-webkit-gradient($type, - $deprecated-pos1, $deprecated-pos2, - $full, - $deprecated-radius1: false, $deprecated-radius2: false) { - $gradient-list: (); - $gradient: false; - $full-length: length($full); - $percentage: false; - $gradient-type: $type; - - @for $i from 1 through $full-length { - $gradient: nth($full, $i); - - @if length($gradient) == 2 { - $color-stop: color-stop(nth($gradient, 2), nth($gradient, 1)); - $gradient-list: join($gradient-list, $color-stop, comma); - } - @else if $gradient != null { - @if $i == $full-length { - $percentage: 100%; - } - @else { - $percentage: ($i - 1) * (100 / ($full-length - 1)) + "%"; - } - $color-stop: color-stop(unquote($percentage), $gradient); - $gradient-list: join($gradient-list, $color-stop, comma); - } - } - - @if $type == radial { - $gradient: -webkit-gradient(radial, $deprecated-pos1, $deprecated-radius1, $deprecated-pos2, $deprecated-radius2, $gradient-list); - } - @else if $type == linear { - $gradient: -webkit-gradient(linear, $deprecated-pos1, $deprecated-pos2, $gradient-list); - } - @return $gradient; -} diff --git a/sass/bourbon/helpers/_gradient-positions-parser.scss b/sass/bourbon/helpers/_gradient-positions-parser.scss deleted file mode 100644 index 07d30b6..0000000 --- a/sass/bourbon/helpers/_gradient-positions-parser.scss +++ /dev/null @@ -1,13 +0,0 @@ -@function _gradient-positions-parser($gradient-type, $gradient-positions) { - @if $gradient-positions - and ($gradient-type == linear) - and (type-of($gradient-positions) != color) { - $gradient-positions: _linear-positions-parser($gradient-positions); - } - @else if $gradient-positions - and ($gradient-type == radial) - and (type-of($gradient-positions) != color) { - $gradient-positions: _radial-positions-parser($gradient-positions); - } - @return $gradient-positions; -} diff --git a/sass/bourbon/helpers/_linear-positions-parser.scss b/sass/bourbon/helpers/_linear-positions-parser.scss deleted file mode 100644 index d26383e..0000000 --- a/sass/bourbon/helpers/_linear-positions-parser.scss +++ /dev/null @@ -1,61 +0,0 @@ -@function _linear-positions-parser($pos) { - $type: type-of(nth($pos, 1)); - $spec: null; - $degree: null; - $side: null; - $corner: null; - $length: length($pos); - // Parse Side and corner positions - @if ($length > 1) { - @if nth($pos, 1) == "to" { // Newer syntax - $side: nth($pos, 2); - - @if $length == 2 { // eg. to top - // Swap for backwards compatability - $degree: _position-flipper(nth($pos, 2)); - } - @else if $length == 3 { // eg. to top left - $corner: nth($pos, 3); - } - } - @else if $length == 2 { // Older syntax ("top left") - $side: _position-flipper(nth($pos, 1)); - $corner: _position-flipper(nth($pos, 2)); - } - - @if ("#{$side} #{$corner}" == "left top") or ("#{$side} #{$corner}" == "top left") { - $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); - } - @else if ("#{$side} #{$corner}" == "right top") or ("#{$side} #{$corner}" == "top right") { - $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); - } - @else if ("#{$side} #{$corner}" == "right bottom") or ("#{$side} #{$corner}" == "bottom right") { - $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); - } - @else if ("#{$side} #{$corner}" == "left bottom") or ("#{$side} #{$corner}" == "bottom left") { - $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); - } - $spec: to $side $corner; - } - @else if $length == 1 { - // Swap for backwards compatability - @if $type == string { - $degree: $pos; - $spec: to _position-flipper($pos); - } - @else { - $degree: -270 - $pos; //rotate the gradient opposite from spec - $spec: $pos; - } - } - $degree: unquote($degree + ","); - $spec: unquote($spec + ","); - @return $degree $spec; -} - -@function _position-flipper($pos) { - @return if($pos == left, right, null) - if($pos == right, left, null) - if($pos == top, bottom, null) - if($pos == bottom, top, null); -} diff --git a/sass/bourbon/helpers/_radial-arg-parser.scss b/sass/bourbon/helpers/_radial-arg-parser.scss deleted file mode 100644 index 3466695..0000000 --- a/sass/bourbon/helpers/_radial-arg-parser.scss +++ /dev/null @@ -1,69 +0,0 @@ -@function _radial-arg-parser($G1, $G2, $pos, $shape-size) { - @each $value in $G1, $G2 { - $first-val: nth($value, 1); - $pos-type: type-of($first-val); - $spec-at-index: null; - - // Determine if spec was passed to mixin - @if type-of($value) == list { - $spec-at-index: if(index($value, at), index($value, at), false); - } - @if $spec-at-index { - @if $spec-at-index > 1 { - @for $i from 1 through ($spec-at-index - 1) { - $shape-size: $shape-size nth($value, $i); - } - @for $i from ($spec-at-index + 1) through length($value) { - $pos: $pos nth($value, $i); - } - } - @else if $spec-at-index == 1 { - @for $i from ($spec-at-index + 1) through length($value) { - $pos: $pos nth($value, $i); - } - } - $G1: false; - } - - // If not spec calculate correct values - @else { - @if ($pos-type != color) or ($first-val != "transparent") { - @if ($pos-type == number) - or ($first-val == "center") - or ($first-val == "top") - or ($first-val == "right") - or ($first-val == "bottom") - or ($first-val == "left") { - - $pos: $value; - - @if $pos == $G1 { - $G1: false; - } - } - - @else if - ($first-val == "ellipse") - or ($first-val == "circle") - or ($first-val == "closest-side") - or ($first-val == "closest-corner") - or ($first-val == "farthest-side") - or ($first-val == "farthest-corner") - or ($first-val == "contain") - or ($first-val == "cover") { - - $shape-size: $value; - - @if $value == $G1 { - $G1: false; - } - - @else if $value == $G2 { - $G2: false; - } - } - } - } - } - @return $G1, $G2, $pos, $shape-size; -} diff --git a/sass/bourbon/helpers/_radial-positions-parser.scss b/sass/bourbon/helpers/_radial-positions-parser.scss deleted file mode 100644 index 6a5b477..0000000 --- a/sass/bourbon/helpers/_radial-positions-parser.scss +++ /dev/null @@ -1,18 +0,0 @@ -@function _radial-positions-parser($gradient-pos) { - $shape-size: nth($gradient-pos, 1); - $pos: nth($gradient-pos, 2); - $shape-size-spec: _shape-size-stripper($shape-size); - - $pre-spec: unquote(if($pos, "#{$pos}, ", null)) - unquote(if($shape-size, "#{$shape-size},", null)); - $pos-spec: if($pos, "at #{$pos}", null); - - $spec: "#{$shape-size-spec} #{$pos-spec}"; - - // Add comma - @if ($spec != ' ') { - $spec: "#{$spec}," - } - - @return $pre-spec $spec; -} diff --git a/sass/bourbon/helpers/_render-gradients.scss b/sass/bourbon/helpers/_render-gradients.scss deleted file mode 100644 index 5765676..0000000 --- a/sass/bourbon/helpers/_render-gradients.scss +++ /dev/null @@ -1,26 +0,0 @@ -// User for linear and radial gradients within background-image or border-image properties - -@function _render-gradients($gradient-positions, $gradients, $gradient-type, $vendor: false) { - $pre-spec: null; - $spec: null; - $vendor-gradients: null; - @if $gradient-type == linear { - @if $gradient-positions { - $pre-spec: nth($gradient-positions, 1); - $spec: nth($gradient-positions, 2); - } - } - @else if $gradient-type == radial { - $pre-spec: nth($gradient-positions, 1); - $spec: nth($gradient-positions, 2); - } - - @if $vendor { - $vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient(#{$pre-spec} $gradients); - } - @else if $vendor == false { - $vendor-gradients: "#{$gradient-type}-gradient(#{$spec} #{$gradients})"; - $vendor-gradients: unquote($vendor-gradients); - } - @return $vendor-gradients; -} diff --git a/sass/bourbon/helpers/_shape-size-stripper.scss b/sass/bourbon/helpers/_shape-size-stripper.scss deleted file mode 100644 index ee5eda4..0000000 --- a/sass/bourbon/helpers/_shape-size-stripper.scss +++ /dev/null @@ -1,10 +0,0 @@ -@function _shape-size-stripper($shape-size) { - $shape-size-spec: null; - @each $value in $shape-size { - @if ($value == "cover") or ($value == "contain") { - $value: null; - } - $shape-size-spec: "#{$shape-size-spec} #{$value}"; - } - @return $shape-size-spec; -} diff --git a/sass/default.sass b/sass/default.sass deleted file mode 100644 index b63cc6c..0000000 --- a/sass/default.sass +++ /dev/null @@ -1,150 +0,0 @@ -// (C) Copyright Collin Doering @!@YEAR@!@ -// -// This program is free software: you can redistribute it and/or modify -// it under the terms of the GNU General Public License as published by -// the Free Software Foundation, either version 3 of the License, or -// (at your option) any later version. -// -// This program is distributed in the hope that it will be useful, -// but WITHOUT ANY WARRANTY; without even the implied warranty of -// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -// GNU General Public License for more details. -// -// You should have received a copy of the GNU General Public License -// along with this program. If not, see . - -// File: default.sass -// Author: Collin J. Doering -// Date: Dec 5, 2013 -// -// Use Bourbon -@import 'sass/bourbon/bourbon' - -@import 'sass/fonts' -@import 'sass/util' -@import 'sass/header' - -@import 'sass/home-page' -@import 'sass/blog-page' -@import 'sass/contact-page' -@import 'sass/tag-page' -@import 'sass/post-page' -@import 'sass/src-highlight' - -//------------------------------------------------------------------------------------- -// General -//------------------------------------------------------------------------------------- -body - background: #efe - font: 14px/21px FreeMono, monospace, Helvetica, Arial, sans-serif - -h1,h2,h3,h4,h5,h6 - font-family: FreeMono -h1 - font-size: 2.5em -h2 - font-size: 2em -h3 - font-size: 1.75em -h4 - font-size: 1.5em -h5 - font-size: 1.25em -h6 - font-size: 1em - -ul, ol - padding-left: 1em - -hr - margin-bottom: 0.5em - -sup - vertical-align: super - -sub - vertical-align: sub - -#noscript-alert - @include border-box(0, #FCD4D4) - text-align: center - -#page-content - opacity: 1 - @include transition(opacity 250ms ease-out) - margin-top: 1em - overflow: hidden - - ul > li:before - content: "\2192" - padding-right: 0.5em - font-size: 1.5em - - ul > li - margin-bottom: 0.02em - ol > li - margin-bottom: 0.02em - -#page-content.loading - opacity: 0.35 - -#page-content.loading-done - @include transition(opacity 1s ease-in 0.5s) - opacity: 1 - -#page-content.loading-error p - background: #fd6f6f url('/images/error-loading.png') no-repeat 50% - height: 200px - font-weight: bold - line-height: 200px - text-align: center - -#page-content.init.loading - background: url('/images/init-loading.gif') no-repeat 50% - height: 125px - -#footer-left - padding-left: 1em - -#footer-right - text-align: right - -.border-box - @include border-box() - -//------------------------------------------------------------------------------------- -// @media selectors -//------------------------------------------------------------------------------------- - -// Smaller than standard 960 (devices and browsers) -@media only screen and (max-width: 959px) - -// Tablet Portrait size to standard 960 (devices and browsers) -@media only screen and (min-width: 768px) and (max-width: 959px) - -// All Mobile Sizes (devices and browser) -@media only screen and (max-width: 767px) - #footer-left, #footer-right - text-align: center - - #logo - height: 130px - -// Mobile Landscape Size to Tablet Portrait (devices and browsers) -@media only screen and (min-width: 480px) and (max-width: 767px) - #logo-background - padding: 0.5em 0 - - #nav-menu li - padding: 10px 1.5em - - #footer-left - padding-left: 0 - -// Mobile Portrait Size to Mobile Landscape Size (devices and browsers) -@media only screen and (max-width: 479px) - #logo-background - padding: 0 - - #nav-menu li - padding: 10px 5px