`. Here we use the label around them for making the ` ` change state when you click on this folowing element.
-
-```html
-
-
- Checkbox text
-
-```
-
-But you can also use a label and reference the original input:
-
-```html
-
-Checkbox text
-```
-
-
-
-### JavaScript
-
-You do not need javascript since we are using the native elements and not setting `display: none` purposefully. However, you can still use javascript as normal to retrieve the checked elements.
-
-
-
-
-
-```js
-// Pure javascript
-document.querySelector('form').onsubmit = function(e){
- e.preventDefault();
- alert(document.querySelector('input.tos').checked);
-}
-
-// jQuery
-$("form").on('submit', function(e){
- e.preventDefault();
- alert($('input.tos').is(':checked'));
-});
-```
\ No newline at end of file
diff --git a/scss/plugins/checkbox/test.html b/scss/plugins/checkbox/test.html
deleted file mode 100644
index ad7b8bc..0000000
--- a/scss/plugins/checkbox/test.html
+++ /dev/null
@@ -1,9 +0,0 @@
-Checkbox
-
-
-
- Check me out (;
-
-
-
-Uncheck me
diff --git a/scss/plugins/dropimage/_class.scss b/scss/plugins/dropimage/_class.scss
deleted file mode 100644
index ba15a6c..0000000
--- a/scss/plugins/dropimage/_class.scss
+++ /dev/null
@@ -1,59 +0,0 @@
-// Dropimage plugin
-// Allow to upload images in a sensible manner
-
-
-// Variables
-
-// The ratio for the images (responsive by default)
-$picnic-dropimage-ratio: math.div(16, 9) !default;
-
-// The percentage of height (respect of width)
-$picnic-dropimage-height: percentage(math.div(1, $picnic-dropimage-ratio)) !default;
-
-$picnic-dropimage-background-color: #ddd !default;
-
-// This comes from camera.svg. Converted with:
-// http://dopiaza.org/tools/datauri/index.php
-$picnic-dropimage-background-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iNjQwIiB2ZXJzaW9uPSIxLjEiPjxnIHN0eWxlPSJmaWxsOiMzMzMiPjxwYXRoIGQ9Ik0gMTg3IDIzMCBDIDE3NSAyMzAgMTY1IDI0MCAxNjUgMjUyIEwgMTY1IDMwMCBMIDE2NSA0MDggQyAxNjUgNDIwIDE3NSA0MzAgMTg3IDQzMCBMIDQ2MyA0MzAgQyA0NzUgNDMwIDQ4NSA0MjAgNDg1IDQwOCBMIDQ4NSAzMDAgTCA0ODUgMjUyIEMgNDg1IDI0MCA0NzUgMjMwIDQ2MyAyMzAgTCAxODcgMjMwIHogTSAzNjAgMjU2IEEgNzAgNzIgMCAwIDEgNDMwIDMyOCBBIDcwIDcyIDAgMCAxIDM2MCA0MDAgQSA3MCA3MiAwIDAgMSAyOTAgMzI4IEEgNzAgNzIgMCAwIDEgMzYwIDI1NiB6Ii8+PGNpcmNsZSBjeD0iMzYwIiBjeT0iMzMwIiByPSI0MSIvPjxwYXRoIGQ9Im0yMDUgMjI1IDUtMTAgMjAgMCA1IDEwLTMwIDAiLz48cGF0aCBkPSJNMjg1IDIwMEwyNzAgMjI1IDM3NiAyMjUgMzYxIDIwMCAyODUgMjAwek0zMTAgMjA1TDMzNyAyMDUgMzM3IDIxOCAzMTAgMjE4IDMxMCAyMDV6Ii8+PHBhdGggZD0ibTQwNSAyMjUgNS0xMCAyMCAwIDUgMTAtMzAgMCIvPjwvZz48L3N2Zz4=' !default;
-
-$picnic-dropimage-radius: $picnic-button-radius !default;
-$picnic-dropimage-margin: $picnic-button-margin !default;
-
-
-// Styles
-// It is preferred to only use one top-level class or element
-// It can be combined with other, specific classes with &.another
-%dropimage {
-
- @extend %button;
-
-
- position: relative;
- display: block;
- padding: 0;
- // Hack from http://stackoverflow.com/a/13976732/938236
- padding-bottom: $picnic-dropimage-height;
- overflow: hidden;
- cursor: pointer;
- border: 0;
- margin: $picnic-dropimage-margin;
- border-radius: $picnic-dropimage-radius;
-
- background-color: $picnic-dropimage-background-color;
- background-size: cover;
- background-position: center center;
- background-image: url(#{$picnic-dropimage-background-image});
-
- // Subelements
- input {
- left: 0;
- width: 100%;
- height: 100%;
- border: 0;
- margin: 0;
- padding: 0;
- opacity: 0;
- cursor: pointer;
- position: absolute;
- }
-}
diff --git a/scss/plugins/dropimage/_plugin.scss b/scss/plugins/dropimage/_plugin.scss
deleted file mode 100644
index f577685..0000000
--- a/scss/plugins/dropimage/_plugin.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// Dropimage
-// Allows you to click the element or drop an image on it to upload the image and display a preview.
-
-@import 'class';
-
-.dropimage {
- @extend %dropimage;
-}
diff --git a/scss/plugins/dropimage/camera.svg b/scss/plugins/dropimage/camera.svg
deleted file mode 100644
index 66a7233..0000000
--- a/scss/plugins/dropimage/camera.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/scss/plugins/dropimage/camera_original.svg b/scss/plugins/dropimage/camera_original.svg
deleted file mode 100644
index 42d2b8d..0000000
--- a/scss/plugins/dropimage/camera_original.svg
+++ /dev/null
@@ -1,96 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
- image/svg+xml
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/scss/plugins/dropimage/info.json b/scss/plugins/dropimage/info.json
deleted file mode 100644
index 92d2016..0000000
--- a/scss/plugins/dropimage/info.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
- "id": "dropimage",
- "name": "Dropimage",
- "affected": ".dropimage",
- "summary": "Allows you to click the element or drop an image on it to upload the image and display a preview.",
- "included": false,
- "javascript": true,
- "partial": false,
- "test": [
- "test.html"
- ]
-}
\ No newline at end of file
diff --git a/scss/plugins/dropimage/readme.md b/scss/plugins/dropimage/readme.md
deleted file mode 100644
index 7c1b2f6..0000000
--- a/scss/plugins/dropimage/readme.md
+++ /dev/null
@@ -1,73 +0,0 @@
-## Drop image
-
-Allows you to add a file input element that can receive an image drop and clicks with native elements. However, it needs some javascript to show the dropped image:
-
-```html
-
-
-
-
-
-```
-
-
-### JavaScript
-
-This is the javascript you need for multiple elements:
-
-```js
-document.addEventListener("DOMContentLoaded", function() {
- [].forEach.call(document.querySelectorAll('.dropimage'), function(img){
- img.onchange = function(e){
- var inputfile = this, reader = new FileReader();
- reader.onloadend = function(){
- inputfile.style['background-image'] = 'url('+reader.result+')';
- }
- reader.readAsDataURL(e.target.files[0]);
- }
- });
-});
-```
-
-
-### Hack it
-
-Do you want round pictures? No problem, just do this:
-
-```css
-.profile {
- border-radius: 50%; /* Make it a circle */
- padding-bottom: 100%; /* 100% height (ratio 1) */
-}
-```
-
-To get this:
-
-```html
-
-
-
-
-
-```
-
-
-
-Make it smaller
-
-```css
-.miniprofile {
- border-radius: 50%; /* Make it a circle */
- margin: 0 auto; /* Center horizontally */
- width: 60%; /* 60% width */
- padding-bottom: 60%; /* 60% height */
-}
-```
-
-```html
-
-
-
-
-
-```
diff --git a/scss/plugins/dropimage/test.html b/scss/plugins/dropimage/test.html
deleted file mode 100644
index 9aecb8d..0000000
--- a/scss/plugins/dropimage/test.html
+++ /dev/null
@@ -1,34 +0,0 @@
-Dropimage
-
-
-
-
diff --git a/scss/plugins/fontello/_plugin.scss b/scss/plugins/fontello/_plugin.scss
deleted file mode 100644
index 7b53c5f..0000000
--- a/scss/plugins/fontello/_plugin.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// Fontello
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
- margin: 0 $picnic-separation 0 0;
- }
-
-// Nice fontello trick from Ronen Ackerman ( http://stackoverflow.com/a/17561467 )
-// Note: purposefully avoiding lint
-i[class^="icon-"]:before,
-i[class*=" icon-"]:before {
- margin: 0;
- }
\ No newline at end of file
diff --git a/scss/plugins/fontello/info.json b/scss/plugins/fontello/info.json
deleted file mode 100644
index ec65a26..0000000
--- a/scss/plugins/fontello/info.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "id": "fontello",
- "name": "Fontello",
- "description": "It overwrites some styles from fontello for better integration",
- "install": "[included]",
- "partial": true
-}
\ No newline at end of file
diff --git a/scss/plugins/generic/_plugin.scss b/scss/plugins/generic/_plugin.scss
deleted file mode 100644
index b5c9c8e..0000000
--- a/scss/plugins/generic/_plugin.scss
+++ /dev/null
@@ -1,72 +0,0 @@
-* {
- box-sizing: inherit;
-}
-
-html,
-body {
- font-family: Arial, Helvetica, sans-serif;
- box-sizing: border-box;
- height: 100%;
-}
-
-body {
- color: $picnic-black;
- font-size: 1.1em;
- line-height: 1.5;
- background: $picnic-white;
-}
-
-main {
- display: block;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- margin: 0;
- padding: $picnic-separation 0;
-}
-
-li {
- margin: 0 0 math.div($picnic-separation, 2);
-}
-
-a {
- color: $picnic-primary;
- text-decoration: none;
- box-shadow: none;
- transition: $picnic-transition;
-}
-
-
-// The doesn't have a nice style from Normalize.css
-
-code {
- padding: math.div($picnic-separation, 2) $picnic-separation;
- font-size: .8em;
- background: #f5f5f5;
-}
-
-pre {
- text-align: left;
- padding: math.div($picnic-separation, 2);
- background: #f5f5f5;
- border-radius: $picnic-radius;
-
- code {
- padding: 0;
- }
-}
-
-blockquote {
- padding: 0 0 0 1em;
- margin: 0 0 0 .1em;
- box-shadow: inset 5px 0 rgba($picnic-black, .3);
-}
-
-label {
- cursor: pointer;
-}
diff --git a/scss/plugins/generic/info.json b/scss/plugins/generic/info.json
deleted file mode 100644
index 29ae4b4..0000000
--- a/scss/plugins/generic/info.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "id": "generic",
- "name": "Generic",
- "description": "General styles for common elements",
- "install": "[included]",
- "partial": true
-}
\ No newline at end of file
diff --git a/scss/plugins/grid/_class.scss b/scss/plugins/grid/_class.scss
deleted file mode 100644
index a014429..0000000
--- a/scss/plugins/grid/_class.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-$picnic-grid-gutter: $picnic-separation !default;
-$picnic-grid-gutter-vertical: $picnic-grid-gutter !default;
-$picnic-grid-gutter-horizontal: $picnic-grid-gutter !default;
-// Real code
-$picnic-grid-gutter: 10px !default;
diff --git a/scss/plugins/grid/_plugin.scss b/scss/plugins/grid/_plugin.scss
deleted file mode 100644
index 00cd12c..0000000
--- a/scss/plugins/grid/_plugin.scss
+++ /dev/null
@@ -1,162 +0,0 @@
-@import 'class';
-
-$picnic-grid-gutter: $picnic-separation !default;
-$picnic-grid-gutter-vertical: $picnic-grid-gutter !default;
-$picnic-grid-gutter-horizontal: $picnic-grid-gutter !default;
-
-$picnic-grid-sizes: 500 600 700 800 900 1000 1100 1200 1300 1400 1500 1600 1700 1800 1900 2000 !default;
-$picnic-grid-children: $picnic-grid-sizes !default;
-$picnic-grid-off: $picnic-grid-sizes !default;
-
-$picnic-grid-count: one two three four five six seven eight nine ten eleven twelve !default;
-$picnic-grid-count-sizes: (
- one: 100%,
- two: 50%,
- three: 33.33333%,
- four: 25%,
- five: 20%,
- six: 16.66666%,
- seven: 14.28571%,
- eight: 12.5%,
- nine: 11.11111%,
- ten: 10%,
- eleven: 9.09091%,
- twelve: 8.33333%
-);
-$picnic-grid-part: full half third two-third fourth three-fourth fifth two-fifth three-fifth four-fifth sixth !default;
-$picnic-grid-part-sizes: (
- full: 100%,
- half: 50%,
- third: 33.33333%,
- two-third: 66.66666%,
- fourth: 25%,
- three-fourth: 75%,
- fifth: 20%,
- two-fifth: 40%,
- three-fifth: 60%,
- four-fifth: 80%,
- sixth: 16.66666%
-);
-$picnic-grid-offpart: none half third two-third fourth three-fourth fifth two-fifth three-fifth four-fifth sixth !default;
-$picnic-grid-offpart-sizes: (
- half: 50%,
- third: 33.33333%,
- two-third: 66.66666%,
- fourth: 25%,
- three-fourth: 75%,
- fifth: 20%,
- two-fifth: 40%,
- three-fifth: 60%,
- four-fifth: 80%,
- sixth: 16.66666%,
- none: 0
-);
-
-
-@function in($list, $var) {
- @return (false != index($list, $var));
-}
-
-.flex {
- display: -ms-flexbox;
- display: flex;
- margin-left: -$picnic-grid-gutter-horizontal;
- width: calc(100% + #{$picnic-grid-gutter-horizontal});
- flex-wrap: wrap;
- transition: all .3s ease;
-}
-
-.flex > * {
- box-sizing: border-box;
- flex: 1 1 auto; /* Default for IE10 bug */
- padding-left: $picnic-grid-gutter-horizontal;
- padding-bottom: $picnic-grid-gutter-vertical;
-}
-
-.flex {
- &[class*="one"],
- &[class*="two"],
- &[class*="three"],
- &[class*="four"],
- &[class*="five"],
- &[class*="six"],
- &[class*="seven"],
- &[class*="eight"],
- &[class*="nine"],
- &[class*="ten"],
- &[class*="eleven"],
- &[class*="twelve"] {
- > * {
- flex-grow: 0;
- }
- }
-}
-
-.flex.grow > * {
- flex-grow: 1;
-}
-
-.center {
- justify-content: center;
-}
-
-@each $count in $picnic-grid-count {
- .#{$count} > * {
- width: map-get($picnic-grid-count-sizes, $count);
- }
-}
-
-@each $i in $picnic-grid-sizes {
- @media all and (min-width: unquote($i + 'px')) {
- @each $count in $picnic-grid-count {
- .#{$count}-#{$i} > * {
- width: map-get($picnic-grid-count-sizes, $count);
- }
- }
- }
-}
-
-
-// Children sizing
-@each $part in $picnic-grid-part {
- .#{$part} {
- width: map-get($picnic-grid-part-sizes, $part);
- }
-}
-.none { display: none; }
-
-
-@each $i in $picnic-grid-sizes {
- @media all and (min-width: unquote($i + 'px')) {
- @each $part in $picnic-grid-part {
- .#{$part}-#{$i} {
- width: map-get($picnic-grid-part-sizes, $part);
- display: block;
- }
- }
- }
-}
-@each $i in $picnic-grid-children {
- @media all and (min-width: unquote($i + 'px')) {
- .none-#{$i} { display: none; }
- }
-}
-
-
-
-@each $part in $picnic-grid-offpart {
- .off-#{$part} {
- margin-left: map-get($picnic-grid-offpart-sizes, $part);
- }
-}
-
-
-@each $i in $picnic-grid-sizes {
- @media all and (min-width: unquote($i + 'px')) {
- @each $part in $picnic-grid-offpart {
- .off-#{$part}-#{$i} {
- margin-left: map-get($picnic-grid-offpart-sizes, $part);
- }
- }
- }
-}
diff --git a/scss/plugins/grid/info.json b/scss/plugins/grid/info.json
deleted file mode 100644
index 1e8f5e8..0000000
--- a/scss/plugins/grid/info.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "id": "grids",
- "name": "Grids",
- "description": "Simple grid system based on ungrid",
- "affected": ".row",
- "included": true
-}
\ No newline at end of file
diff --git a/scss/plugins/grid/readme.md b/scss/plugins/grid/readme.md
deleted file mode 100644
index 9f7ae74..0000000
--- a/scss/plugins/grid/readme.md
+++ /dev/null
@@ -1,264 +0,0 @@
-## Grids
-
-> Note: the old `.row` and `.grid` have been replaced by the new `.flex`. You can still [see the old documentation in github](https://github.com/picnicss/picnic/blob/dcf3410125a861b3bf58ebfd06f73916ef9ae3db/src/plugins/grid/readme.md).
-
-> Note 2: the children `` are only for display purposes; you can put anything you want instead of them
-
-A flexbox grid implementation with breakpoints. Choose when to change your layout depending on your content instead of the device you want to show as recommended by [Google's RWD](https://developers.google.com/web/fundamentals/design-and-ui/responsive/fundamentals/how-to-choose-breakpoints), by [Smashing Magazine's Logical Breakpoints](https://www.smashingmagazine.com/2013/03/logical-breakpoints-responsive-design/) and Picnic CSS.
-
-
-
-You can create complex, flexible layouts with it. Just resize the browser to see how powerful it is:
-
-```html
-
-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
-
9
-
10
-
-```
-
-
-### Equally sized columns
-
-Let's start through the basics though. Just a container with equally sized children:
-
-```html
-
-
1
-
2
-
3
-
4
-
5
-
6
-
-```
-
-With the class `flex`, smaller children will be spaced equally to fill all of the content. However, this only works with small children. If you have children bigger than their corresponding width (1/6th in the above) they will not be restricted:
-
-```html
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
2
-
-```
-
-To fix this, manually set the number of columns as explained in the next point.
-
-
-### Column count
-
-If instead you prefer certain column count, such as in a gallery where it can span several rows, use a counter besides the class flex:
-
-```html
-
-```
-
-
-The columns will keep being equally spaced, but this time with the width corresponding to the column counter. You can use any number as a class from one to twelve:
-
-
-
-
one
-
two
-
three
-
four
-
five
-
six
-
seven
-
eight
-
nine
-
ten
-
eleven
-
twelve
-
-
-
-Most grid systems use a 12 grid system, but we wanted to use a more flexible system and allow you to choose the grid size.
-
-
-
-### Responsive column count
-
-We follow a mobile-first design. Put the number of columns for mobile as explained in the previous point. Then, when things get too stretched, add a column counter with the number of pixels in 100 increments as follows:
-
-```html
-
-
1
-
2
-
3
-
4
-
5
-
6
-
-```
-
-The number after the column count as in `-600` or `-1200` are the breakpoints. When the **website width is over that number**, that column count will be used instead of the previous. If we use two or more, the largest column count will be used.
-
-For example, in a desktop with a screen of `1920x1080px` the previous one will display 6 columns. Any screen from 600px to 1200px will display three columns and smaller than 600px will display 2 columns.
-
-The increment is 100px and starts in 500px up to 2000px both included. You can use any of those suffixes for the column count class:
-
-
-
-500
-
-600
-
-700
-
-800
-
-900
-
-1000
-
-1100
-
-1200
-
-1300
-
-1400
-
-1500
-
-1600
-
-1700
-
-1800
-
-1900
-
-2000
-
-
-
-
-### Remainders
-
-You can also modify the remainder content as you wish with a couple of utility classes. This is the default:
-
-```html
-
-```
-
-You can grow them:
-
-```html
-
-```
-
-Or you can center them:
-
-```html
-
-```
-
-
-### Children sizing
-
-Now that we know how the parent (or grid) can modify itself and the elements below them, the children can also go rebel and behave on their own. Say that a child wants to be half of the size of its parent element. Easy, just add the class `half`:
-
-
-```html
-
-```
-
-We have many classes like those. They are the size relative to the parent grid:
-
-
-
full
-
half
-
third
-
two-third
-
fourth
-
three-fourth
-
fifth
-
two-fifth
-
three-fifth
-
four-fifth
-
sixth
-
none
-
-
-The class `none` hides the element, useful for responsive layouts
-
-
-### Responsive children
-
-They can also be fine-tuned in a way similar to the above:
-
-```html
-
-```
-
-### Offsets
-
-The children can also have one offset (empty space) before it. They are built adding the class off-SIZE, similar to the size but prefixing off-:
-
-```html
-
-```
-
-We have many classes like those. They are the size of the offset relative to the parent grid:
-
-
-
off-none
-
off-half
-
off-third
-
off-two-third
-
off-fourth
-
off-three-fourth
-
off-fifth
-
off-two-fifth
-
off-three-fifth
-
off-four-fifth
-
off-sixth
-
-
-> Note: `off-none` is useful for making responsive layouts as explained in the next point.
-
-
-
-### Responsive offsets
-
-They can also have the minimum screen size when they start working:
-
-```html
-
-```
-
-The main difference with the width classes is that it includes a none in case you want to hide the offset at certain sizes and that it doesn't include a full
diff --git a/scss/plugins/grid/test.html b/scss/plugins/grid/test.html
deleted file mode 100644
index d03196b..0000000
--- a/scss/plugins/grid/test.html
+++ /dev/null
@@ -1,15 +0,0 @@
-Grid
-
-
-
-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
-
9
-
10
-
diff --git a/scss/plugins/input/_class.scss b/scss/plugins/input/_class.scss
deleted file mode 100644
index 29c6b06..0000000
--- a/scss/plugins/input/_class.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-
-// Variables
-$picnic-input-height: 2.1em !default;
-$picnic-input-padding: math.div($picnic-separation, 2) $picnic-separation !default;
-$picnic-input-background: $picnic-white !default;
-
-
-
-// Top level selector
-%input {
- line-height: 1.5;
- margin: 0;
- height: $picnic-input-height;
- padding: $picnic-input-padding;
- border: $picnic-border;
- background-color: $picnic-input-background;
- border-radius: $picnic-radius;
- transition: $picnic-transition;
- width: 100%;
-
- &:focus {
- border: 1px solid $picnic-primary;
- outline: 0;
- }
-}
diff --git a/scss/plugins/input/_plugin.scss b/scss/plugins/input/_plugin.scss
deleted file mode 100644
index 2787b0a..0000000
--- a/scss/plugins/input/_plugin.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-// Input
-// Handle the writing of text and some other user-generated content
-
-@import 'class';
-
-
-// Browser treats unknow type as "text", so we'll do the same
-input,
-textarea,
-.select select {
- @extend %input;
-}
-
-textarea {
- height: auto;
-}
-
-[type=file],
-[type=color] {
- cursor: pointer;
-}
-
-[type=file] {
- height: auto;
-}
-
diff --git a/scss/plugins/input/info.json b/scss/plugins/input/info.json
deleted file mode 100644
index 67a637b..0000000
--- a/scss/plugins/input/info.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
- "id": "input",
- "name": "Input and textarea",
- "affected": "input, textarea",
-
- "summary-comment": "purposefuly empty",
- "summary": "",
- "included": true
-}
\ No newline at end of file
diff --git a/scss/plugins/input/readme.md b/scss/plugins/input/readme.md
deleted file mode 100644
index ade300f..0000000
--- a/scss/plugins/input/readme.md
+++ /dev/null
@@ -1,17 +0,0 @@
-## Input
-
-Simple (or not) text form elements:
-
-```html
-
-
-
-
-
-```
-
-
diff --git a/scss/plugins/input/test.html b/scss/plugins/input/test.html
deleted file mode 100644
index e907c12..0000000
--- a/scss/plugins/input/test.html
+++ /dev/null
@@ -1,29 +0,0 @@
-
-
-
-
-
-
-
diff --git a/scss/plugins/label/_class.scss b/scss/plugins/label/_class.scss
deleted file mode 100644
index 0807c55..0000000
--- a/scss/plugins/label/_class.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-// Label of text
-$picnic-label-padding: math.div($picnic-separation, 2) $picnic-separation * 1.5 !default;
-$picnic-label-radius: $picnic-radius !default;
-
-// Styles
-%label {
- display: inline-block;
- text-align: center;
- letter-spacing: inherit;
- margin: 0;
- padding: $picnic-label-padding;
- vertical-align: middle;
- background: $picnic-primary;
- color: $picnic-white;
- border: 0;
- border-radius: $picnic-label-radius;
- width: auto;
-
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-
- // Colors
- &.success {
- background: $picnic-success;
- }
-
- &.warning {
- background: $picnic-warning;
- }
-
- &.error {
- background: $picnic-error;
- }
-
- &.pseudo {
- background-color: transparent;
- color: inherit;
- }
-}
diff --git a/scss/plugins/label/_plugin.scss b/scss/plugins/label/_plugin.scss
deleted file mode 100644
index 7048eea..0000000
--- a/scss/plugins/label/_plugin.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-// Inherit from the class
-@import 'class';
-
-.label {
- @extend %label;
-
- font-size: .6em;
- padding: .4em .6em;
- margin-left: 1em;
- line-height: 1;
-}
diff --git a/scss/plugins/label/info.json b/scss/plugins/label/info.json
deleted file mode 100644
index d626b93..0000000
--- a/scss/plugins/label/info.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "id": "label",
- "name": "Label",
- "summary": "An element to display some short relevant information",
- "affected": ".label",
- "included": true
-}
\ No newline at end of file
diff --git a/scss/plugins/label/readme.md b/scss/plugins/label/readme.md
deleted file mode 100644
index b7fe789..0000000
--- a/scss/plugins/label/readme.md
+++ /dev/null
@@ -1,12 +0,0 @@
-## Label
-
-An element to display some short relevant information on the side of other element
-
-```html
-header 1 Normal
-header 2 Success
-header 3 Warning
-header 4 Error
-paragraph Normal
-```
-
diff --git a/scss/plugins/label/test.html b/scss/plugins/label/test.html
deleted file mode 100644
index aed3a9a..0000000
--- a/scss/plugins/label/test.html
+++ /dev/null
@@ -1,19 +0,0 @@
-Label
-
-
-
h1 is important
- Normal
-
- h2 is important too
- Success
-
- Is h3 important?
- Warning
-
- h4 is not so important
- Error
-
- p is normal text
- Normal
-
-
\ No newline at end of file
diff --git a/scss/plugins/modal/_plugin.scss b/scss/plugins/modal/_plugin.scss
deleted file mode 100644
index d431843..0000000
--- a/scss/plugins/modal/_plugin.scss
+++ /dev/null
@@ -1,84 +0,0 @@
-.modal {
- text-align: center;
-
- // This is the elemet that allows for show/hide without requiring javascript
- > input {
-
- // The input is only for functionality, so hide it
- display: none;
-
- ~ * {
-
- // By default, they are not visible
- opacity: 0;
-
- // Also hide it from any iteraction
- max-height: 0;
- overflow: hidden;
- }
- }
-
- .overlay {
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- position: fixed;
- margin: 0;
- border-radius: 0;
- background: $picnic-overlay;
- transition: $picnic-transition;
- z-index: 100000;
-
- &:before,
- &:after {
- display: none;
- }
-
- // All of the elements that follow the overlay (the modals)
- ~ * {
-
- // They are of type .card (see /plugins/card )
- @extend %card;
-
- border: 0;
-
- // Position it in the middle of the screen on top of everything
- position: fixed;
- top: 50%;
- left: 50%;
- transform: translateX(-50%) translateY(-50%) scale(.2, .2);
- z-index: 1000000;
-
- // Hiding effect
- transition: $picnic-transition;
- }
- }
-
- // When the checkbox is checked (modal should be showing)
- > input:checked {
-
- // All the visible elements
- ~ * {
- display: block;
- opacity: 1;
- max-height: 10000px;
- transition: $picnic-transition;
- }
-
- // This position is only for the modal, not for the overlay
- // It says: grab everything that is after the overlay after the input
- ~ .overlay ~ * {
- max-height: 90%;
- overflow: auto;
- -webkit-transform: translateX(-50%) translateY(-50%) scale(1, 1);
- transform: translateX(-50%) translateY(-50%) scale(1, 1);
- }
- }
-}
-
-@media (max-width: $picnic-breakpoint) {
- .modal .overlay ~ * {
- min-width: 90%;
- }
-}
diff --git a/scss/plugins/modal/info.json b/scss/plugins/modal/info.json
deleted file mode 100644
index 5b3994d..0000000
--- a/scss/plugins/modal/info.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
- "id": "modal",
- "name": "Modal",
- "description": "Fancy modal for the new web",
- "install": "plugin",
- "included": false,
- "affected": ".modal",
- "summary": "A pop-up like element that displays important information and focuses user's attention on it.",
- "dependencies": [
- "card/v2"
- ]
-}
\ No newline at end of file
diff --git a/scss/plugins/modal/readme.md b/scss/plugins/modal/readme.md
deleted file mode 100644
index f6428d6..0000000
--- a/scss/plugins/modal/readme.md
+++ /dev/null
@@ -1,60 +0,0 @@
-## Modal
-
-The modal is pure CSS, which makes the HTML quite ugly actually. However it does work. To try it, press the button:
-
-```html
-Show modal
-
-
-
-
-
-
-
- We have a special offer for you. I am sure you will love it! However this does look spammy...
-
-
-
-
-```
-
-
-
-### JavaScript
-
-As always, there is **no javascript**. However, a little bit of javascript could enhance the experience allowing to close the modal by pressing `ESC`.
-
-
-
-```js
-document.onkeydown = function(e){
- if (e.keyCode == 27) {
- var mods = document.querySelectorAll('.modal > [type=checkbox]');
- [].forEach.call(mods, function(mod){ mod.checked = false; });
- }
-}
-```
-
-##### Toggling the modal with javascript
-
-If you want to be able to toggle the modal with javascript, you can use the following:
-
-```js
-document.getElementById('modal_1').checked = true; // open modal
-document.getElementById('modal_1').checked = false; // close modal
-```
diff --git a/scss/plugins/modal/test.html b/scss/plugins/modal/test.html
deleted file mode 100644
index 61ccc8f..0000000
--- a/scss/plugins/modal/test.html
+++ /dev/null
@@ -1,27 +0,0 @@
-Modal
-
-
-
- Show modal
-
-
-
-
-
-
-
-
-
- We have a special offer for you. I am sure you will love it! However this does look spammy...
-
-
-
-
diff --git a/scss/plugins/nav/_class.scss b/scss/plugins/nav/_class.scss
deleted file mode 100644
index 395c8d3..0000000
--- a/scss/plugins/nav/_class.scss
+++ /dev/null
@@ -1,75 +0,0 @@
-// Navigation bar
-
-$picnic-nav-height: 3em !default;
-$picnic-nav-shadow: $picnic-shadow !default;
-$picnic-nav-position: fixed !default;
-$picnic-nav-sides: .6em !default;
-$picnic-nav-responsive: true !default;
-$picnic-nav-open-left: false !default;
-$picnic-nav-timing: .5s !default;
-
-// Vertical align based on
-// http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/
-%nav {
-
- // Position it on the top, full width
- position: $picnic-nav-position;
- top: 0;
- left: 0;
- right: 0;
-
- // Total height
- height: $picnic-nav-height;
- padding: 0 $picnic-nav-sides;
-
- // Make it look like a hovering bar
- background: $picnic-white;
- box-shadow: $picnic-nav-shadow;
- z-index: 10000;
-
- // Everything happens slow-ish
- transition: all .3s;
-
- // Half-pixel fix (vertical align hack)
- transform-style: preserve-3d;
-
- // The two main elements
- .brand,
- .menu,
- .burger {
- float: right;
-
- position: relative;
- top: 50%;
- -webkit-transform: translateY(-50%);
- transform: translateY(-50%);
- }
-
- .brand {
- font-weight: 700;
- float: left;
- padding: 0 $picnic-nav-sides;
- max-width: 50%;
- white-space: nowrap;
- color: inherit;
-
- * {
- vertical-align: middle;
- }
- }
-
- .logo {
- height: 2em;
- margin-right: .3em;
- }
-
- .select::after {
- height: calc(100% - 1px);
- padding: 0;
- line-height: 2.4em;
- }
-
- .menu > * {
- margin-right: $picnic-nav-sides;
- }
-}
diff --git a/scss/plugins/nav/_plugin.scss b/scss/plugins/nav/_plugin.scss
deleted file mode 100644
index 34e6001..0000000
--- a/scss/plugins/nav/_plugin.scss
+++ /dev/null
@@ -1,121 +0,0 @@
-// Navigation bar
-@import 'class';
-
-nav {
- @extend %nav;
-}
-
-@if $picnic-nav-responsive {
- nav .burger {
- display: none;
- }
-
- @media all and (max-width: $picnic-breakpoint) {
-
- nav {
- .burger {
- display: inline-block;
- cursor: pointer;
- bottom: -1000em;
- margin: 0;
- // fix blue flash before animation in chrome
- -webkit-tap-highlight-color: transparent;
- }
-
- .burger ~ .menu,
- .show:checked ~ .burger {
- position: fixed;
- min-height: 100%;
- top: 0;
-
- @if $picnic-nav-open-left{
- left: 0;
- }
- @else{
- right: 0;
- }
-
- bottom: -1000em;
- margin: 0;
- background: $picnic-white;
- transition: all $picnic-nav-timing ease;
- transform: none;
- }
-
- .burger ~ .menu {
- z-index: 11;
- }
-
- .show:checked ~ .burger {
- color: transparent;
- width: 100%;
- border-radius: 0;
- background: $picnic-overlay;
- transition: all $picnic-nav-timing ease;
- }
-
-
-
- // Show animation
- .show ~ .menu {
- width: 70%;
- max-width: 300px;
- // max-width: 0;
- transform-origin: center right;
- transition: all math.div($picnic-nav-timing, 2) ease;
-
- // opacity: 0;
- // width: 0;
- transform: scaleX(0);
-
- & > * {
- transform: translateX(100%);
- transition: all 0s ease $picnic-nav-timing;
- }
- }
-
- .show:checked ~ .menu > *:nth-child(1) {
- transition: all $picnic-nav-timing cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
- }
- .show:checked ~ .menu > *:nth-child(2) {
- transition: all $picnic-nav-timing cubic-bezier(0.645, 0.045, 0.355, 1) $picnic-nav-timing * 0.2;
- }
- .show:checked ~ .menu > *:nth-child(3) {
- transition: all $picnic-nav-timing cubic-bezier(0.645, 0.045, 0.355, 1) $picnic-nav-timing * 0.4;
- }
- .show:checked ~ .menu > *:nth-child(4) {
- transition: all $picnic-nav-timing cubic-bezier(0.645, 0.045, 0.355, 1) $picnic-nav-timing * 0.6;
- }
- .show:checked ~ .menu > *:nth-child(5) {
- transition: all $picnic-nav-timing cubic-bezier(0.645, 0.045, 0.355, 1) $picnic-nav-timing * 0.8;
- }
- .show:checked ~ .menu > *:nth-child(6) {
- transition: all $picnic-nav-timing cubic-bezier(0.645, 0.045, 0.355, 1) $picnic-nav-timing * 1;
- }
-
- .show:checked ~ .menu {
- // opacity: 1;
- // width: 70%;
- transform: scaleX(1);
-
- & > * {
- transform: translateX(0);
- transition: all $picnic-nav-timing ease-in-out $picnic-nav-timing * 1.2;
- }
- }
-
-
-
- .burger ~ .menu > * {
- display: block;
- margin: math.div($picnic-separation, 2);
- text-align: left;
- max-width: calc(100% - #{$picnic-separation});
- }
-
- .burger ~ .menu > a {
- padding: math.div($picnic-separation, 2) $picnic-separation * 1.5;
- }
- }
- }
-}
diff --git a/scss/plugins/nav/info.json b/scss/plugins/nav/info.json
deleted file mode 100644
index 8e1c1fa..0000000
--- a/scss/plugins/nav/info.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "id": "nav",
- "name": "Navigation bar",
- "affected": "nav",
- "summary": "Gives access to common links of the website in an easy way from the top of the page.",
- "included": false
-}
\ No newline at end of file
diff --git a/scss/plugins/nav/readme.md b/scss/plugins/nav/readme.md
deleted file mode 100644
index 6b5a4a0..0000000
--- a/scss/plugins/nav/readme.md
+++ /dev/null
@@ -1,151 +0,0 @@
-## Nav
-
-
-
-A responsive, pure css navigation menu:
-
-> On these smaller versions it might have small glitches. Please see the top, page-wide nav to see the actual effect.
-
-```html
-
-```
-
-
-### Responsive
-
-The nav is responsive by default. The text inside the `` can be changed for the following characters for a different effect ([source](https://css-tricks.com/three-line-menu-navicon/)):
-
-- Identical to `≡` (safe on mobile): ≡
-- Trigram for heaven `☰`: ☰
-- Any other:
-
-
-### Different height and big logo
-
-Thanks to a [vertical-align trick](http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/), you can set it up to any height you want:
-
-```css
-nav.imponent {
- padding: 2em 0;
-}
-
-.imponent .logo {
- height: 3em;
-}
-```
-
-```html
-
-
-
- Picnic CSS
-
-
-```
-
-
-### Form elements
-
-Just get anything you want inside the nav, most things should work.
-
-```html
-
-```
-
-```html
-
-```
-
-
-### Fixed position
-
-To set it on the top of the page instead of scrolling with the page, just do:
-
-```
-nav {
- position: absolute;
-}
-```
-
-### Open nav menu from left
-
-Change sass variable `$picnic-nav-open-left: false !default;` to
-`$picnic-nav-open-left: true;` to open it from the left:
-
-```html
-
-```
diff --git a/scss/plugins/nav/test.html b/scss/plugins/nav/test.html
deleted file mode 100644
index 64dc25d..0000000
--- a/scss/plugins/nav/test.html
+++ /dev/null
@@ -1,19 +0,0 @@
-Nav
-
-
-
-
-
- Picnic CSS
-
-
-
-
- menu
-
-
-
-
diff --git a/scss/plugins/normalize/_plugin.scss b/scss/plugins/normalize/_plugin.scss
deleted file mode 100644
index 74c6fc8..0000000
--- a/scss/plugins/normalize/_plugin.scss
+++ /dev/null
@@ -1,434 +0,0 @@
-$picnic-normalize-display: true !default;
-$picnic-normalize-ie: true !default;
-
-
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- * user zoom.
- */
-
-html {
- font-family: sans-serif; /* 1 */
- -ms-text-size-adjust: 100%; /* 2 */
- -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/**
- * Remove default margin.
- */
-
-body {
- margin: 0;
-}
-
-/* HTML5 display definitions
- ========================================================================== */
-
-/**
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
- * Correct `block` display not defined for `main` in IE 11.
- */
-
-@if $picnic-normalize-display {
- article,
- aside,
- details,
- figcaption,
- figure,
- footer,
- header,
- hgroup,
- main,
- nav,
- section,
- summary {
- display: block;
- }
-}
-
-/**
- * 1. Correct `inline-block` display not defined in IE 8/9.
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
- */
-
-@if $picnic-normalize-display {
- audio,
- canvas,
- progress,
- video {
- display: inline-block; /* 1 */
- vertical-align: baseline; /* 2 */
- }
-}
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
-audio:not([controls]) {
- display: none;
- height: 0;
-}
-
-/**
- * Address `[hidden]` styling not present in IE 8/9/10.
- * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
- */
-
-@if $picnic-normalize-ie {
- [hidden],
- template {
- display: none;
- }
-}
-
-
-/* Links
- ========================================================================== */
-
-/**
- * Remove the gray background color from active links in IE 10.
- */
-
-@if $picnic-normalize-ie {
- a {
- background: transparent;
- }
-}
-
-/**
- * Improve readability when focused and also mouse hovered in all browsers.
- */
-
-a:active,
-a:hover {
- outline: 0;
-}
-
-/* Text-level semantics
- ========================================================================== */
-
-/**
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
- */
-
-@if $picnic-normalize-ie {
- abbr[title] {
- border-bottom: 1px dotted;
- }
-}
-
-/**
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
- */
-
-b,
-strong {
- font-weight: bold;
-}
-
-/**
- * Address styling not present in Safari and Chrome.
- */
-
-dfn {
- font-style: italic;
-}
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari, and Chrome.
- */
-
-h1 {
- font-size: 2em;
- margin: 0.67em 0;
-}
-
-/**
- * Address styling not present in IE 8/9.
- */
-
-@if $picnic-normalize-ie {
- mark {
- background: $picnic-white;
- color: $picnic-black;
- }
-}
-
-/**
- * Address inconsistent and variable font size in all browsers.
- */
-
-small {
- font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
-
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
-}
-
-sup {
- top: -0.5em;
-}
-
-sub {
- bottom: -0.25em;
-}
-
-/* Embedded content
- ========================================================================== */
-
-/**
- * Remove border when inside `a` element in IE 8/9/10.
- */
-
-@if $picnic-normalize-ie {
- img {
- border: 0;
- }
-}
-
-/**
- * Correct overflow not hidden in IE 9/10/11.
- */
-
-@if $picnic-normalize-ie {
- svg:not(:root) {
- overflow: hidden;
- }
-}
-
-/* Grouping content
- ========================================================================== */
-
-/**
- * Address margin not present in IE 8/9 and Safari.
- */
-@if $picnic-normalize-ie {
- figure {
- margin: 1em 40px;
- }
-}
-
-/**
- * Address differences between Firefox and other browsers.
- */
-
-hr {
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- height: 0;
-}
-
-/**
- * Contain overflow in all browsers.
- */
-
-pre {
- overflow: auto;
-}
-
-/**
- * Address odd `em`-unit font size rendering in all browsers.
- */
-
-code,
-kbd,
-pre,
-samp {
- font-family: monospace, monospace;
- font-size: 1em;
-}
-
-/* Forms
- ========================================================================== */
-
-/**
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
- * styling of `select`, unless a `border` property is set.
- */
-
-/**
- * 1. Correct color not being inherited.
- * Known issue: affects color of disabled elements.
- * 2. Correct font properties not being inherited.
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
- color: inherit; /* 1 */
- font: inherit; /* 2 */
- margin: 0; /* 3 */
-}
-
-/**
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
- */
-@if $picnic-normalize-ie {
- button {
- overflow: visible;
- }
-}
-
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
- * Correct `select` style inheritance in Firefox.
- */
-
-button,
-select {
- text-transform: none;
-}
-
-/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- * and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- * `input` and others.
- */
-
-button,
-html input[type="button"], /* 1 */
-input[type="reset"],
-input[type="submit"] {
- -webkit-appearance: button; /* 2 */
- cursor: pointer; /* 3 */
-}
-
-/**
- * Re-set default cursor for disabled elements.
- */
-
-button[disabled],
-input[disabled] {
- cursor: default;
-}
-
-/**
- * Remove inner padding and border in Firefox 4+.
- */
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
- border: 0;
- padding: 0;
-}
-
-/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
-input {
- line-height: normal;
-}
-
-/**
- * It's recommended that you don't attempt to style these elements.
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
- *
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
- * 2. Remove excess padding in IE 8/9/10.
- */
-@if $picnic-normalize-ie {
- input[type="checkbox"],
- input[type="radio"] {
- box-sizing: border-box; /* 1 */
- padding: 0; /* 2 */
- }
-}
-
-/**
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
- * `font-size` values of the `input`, it causes the cursor style of the
- * decrement button to change from `default` to `text`.
- */
-
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
- height: auto;
-}
-
-/**
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
- * Safari (but not Chrome) clips the cancel button when the search input has
- * padding (and `textfield` appearance).
- */
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-/**
- * Define consistent border, margin, and padding.
- */
-fieldset {
- border: 0;
- padding: 0;
-}
-
-/**
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-@if $picnic-normalize-ie {
- legend {
- border: 0; /* 1 */
- padding: 0; /* 2 */
- }
-}
-
-/**
- * Remove default vertical scrollbar in IE 8/9/10/11.
- */
-@if $picnic-normalize-ie {
- textarea {
- overflow: auto;
- }
-}
-
-/**
- * Don't inherit the `font-weight` (applied by a rule above).
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
- */
-
-optgroup {
- font-weight: bold;
-}
-
-/* Tables
- ========================================================================== */
-
-/**
- * Remove most spacing between table cells.
- */
-
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
-
-td,
-th {
- padding: 0;
-}
diff --git a/scss/plugins/normalize/info.json b/scss/plugins/normalize/info.json
deleted file mode 100644
index f1afa85..0000000
--- a/scss/plugins/normalize/info.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "id": "normalize",
- "name": "Normalize",
- "description": "The foundation of Picnic CSS",
- "install": "[included]",
- "partial": true
-}
\ No newline at end of file
diff --git a/scss/plugins/radio/_class.scss b/scss/plugins/radio/_class.scss
deleted file mode 100644
index cad3a98..0000000
--- a/scss/plugins/radio/_class.scss
+++ /dev/null
@@ -1,54 +0,0 @@
-// Radio button
-
-// Variables
-$picnic-radio-size: 1em !default;
-$picnic-radio-border: 1px solid $picnic-dull !default;
-
-//
-%radio {
- opacity: 0;
- width: 0;
- position: absolute;
- display: inline-block;
-
- + .checkable:hover:before,
- &:focus + .checkable:before {
- border: 1px solid $picnic-primary;
- }
-
- + .checkable {
- position: relative;
- cursor: pointer;
- padding-left: $picnic-radio-size * 1.5;
- margin-right: .6em;
-
- &:before,
- &:after {
- content: '';
- position: absolute;
- display: inline-block;
- left: 0;
- top: 50%;
- transform: translateY(-50%);
- font-size: $picnic-radio-size;
- line-height: $picnic-radio-size;
- color: transparent;
- font-family: sans;
- text-align: center;
- box-sizing: border-box;
- width: $picnic-radio-size;
- height: $picnic-radio-size;
- border-radius: 50%;
- transition: $picnic-transition;
- }
-
- &:before {
- border: $picnic-radio-border;
- }
- }
-
- &:checked + .checkable:after {
- background: $picnic-black;
- transform: scale(.5) translateY(-100%);
- }
- }
diff --git a/scss/plugins/radio/_plugin.scss b/scss/plugins/radio/_plugin.scss
deleted file mode 100644
index 93533f3..0000000
--- a/scss/plugins/radio/_plugin.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// Radio
-// Allows to choose one element from several of them
-@import 'class';
-
-
-[type=radio] {
- @extend %radio;
- }
-
diff --git a/scss/plugins/radio/info.json b/scss/plugins/radio/info.json
deleted file mode 100644
index 0ff59c1..0000000
--- a/scss/plugins/radio/info.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "id": "radio",
- "name": "Radiobutton",
- "included": true,
- "affected": "[type=radio]",
- "summary": "Allows to choose one element from several of them."
-}
\ No newline at end of file
diff --git a/scss/plugins/radio/readme.md b/scss/plugins/radio/readme.md
deleted file mode 100644
index d196e38..0000000
--- a/scss/plugins/radio/readme.md
+++ /dev/null
@@ -1,13 +0,0 @@
-## Radio button
-
-A simple way of using radiobuttons
-
-```html
-
-
- Select me
-
-
-
-Or me
-```
diff --git a/scss/plugins/radio/test.html b/scss/plugins/radio/test.html
deleted file mode 100644
index 5bffef4..0000000
--- a/scss/plugins/radio/test.html
+++ /dev/null
@@ -1,14 +0,0 @@
-Radio button
-
-
-
-
- Select me
-
-
-
-
-
- Or me
-
-
\ No newline at end of file
diff --git a/scss/plugins/select/_class.scss b/scss/plugins/select/_class.scss
deleted file mode 100644
index 0a9dec3..0000000
--- a/scss/plugins/select/_class.scss
+++ /dev/null
@@ -1,64 +0,0 @@
-// Variables
-$picnic-select-height: 2.2em !default;
-$picnic-select-margin: math.div($picnic-separation, 2) !default;
-$picnic-select-padding: math.div($picnic-separation, 2) $picnic-separation * 0.75 !default;
-
-// This comes from arrow.svg. Converted with:
-// http://dopiaza.org/tools/datauri/index.php
-$picnic-select-dropimage: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyIiBoZWlnaHQ9IjMiPjxwYXRoIGQ9Im0gMCwxIDEsMiAxLC0yIHoiLz48L3N2Zz4=" !default;
-
-// Code
-%select {
- // Compatible with old androids
- background: $picnic-white url(#{$picnic-select-dropimage}) no-repeat scroll 95% center/
- 10px 15px;
-
- // Compatible with modern browsers
- background-position: calc(100% - 15px) center;
-
- border: $picnic-border;
- border-radius: $picnic-radius;
- cursor: pointer;
- width: 100%;
- height: $picnic-select-height;
- box-sizing: border-box;
- padding: $picnic-select-padding;
- transition: all 0.3s;
-
- // Hide dropdown arrow
-
- // vendor prefixes required, see:
- // https://github.com/postcss/autoprefixer#why-doesnt-autoprefixer-support-appearance
- -moz-appearance: none;
- -webkit-appearance: none;
- appearance: none;
-
- // Hide the arrow for IE (apparently IE10+)
- // http://stackoverflow.com/a/21417591 method
- // http://stackoverflow.com/a/15933790 version
- &::-ms-expand {
- display: none;
- }
-
- &:focus,
- &:active {
- border: 1px solid $picnic-primary;
- transition: outline 0s;
- }
-
- &:-moz-focusring {
- color: transparent;
- text-shadow: 0 0 0 $picnic-black;
- }
-
- option {
- font-size: inherit;
- padding: $picnic-separation * 0.75;
- }
-
- &[multiple] {
- height: auto;
- background: none;
- padding: 0;
- }
-}
diff --git a/scss/plugins/select/_plugin.scss b/scss/plugins/select/_plugin.scss
deleted file mode 100644
index fadceef..0000000
--- a/scss/plugins/select/_plugin.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// Import the select plugin
-@import 'class';
-
-// Implement the plugin for select
-select {
- @extend %select;
- }
diff --git a/scss/plugins/select/arrow.svg b/scss/plugins/select/arrow.svg
deleted file mode 100644
index c0b76d5..0000000
--- a/scss/plugins/select/arrow.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/scss/plugins/select/arrow_original.svg b/scss/plugins/select/arrow_original.svg
deleted file mode 100644
index a4dac17..0000000
--- a/scss/plugins/select/arrow_original.svg
+++ /dev/null
@@ -1,65 +0,0 @@
-
-
-
-
-
-
-
-
-
- image/svg+xml
-
-
-
-
-
-
-
-
-
diff --git a/scss/plugins/select/info.json b/scss/plugins/select/info.json
deleted file mode 100644
index dce5323..0000000
--- a/scss/plugins/select/info.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "id": "select",
- "name": "Select",
- "affected": ".select",
- "included": true,
- "summary": "A typical dropdown, now enhanced with a custom down arrow and coherent style."
-}
\ No newline at end of file
diff --git a/scss/plugins/select/readme.md b/scss/plugins/select/readme.md
deleted file mode 100644
index b08bbad..0000000
--- a/scss/plugins/select/readme.md
+++ /dev/null
@@ -1,10 +0,0 @@
-## Select
-
-```html
-
- Select an option
- Good option
- Nice option
- Cheap option
-
-```
\ No newline at end of file
diff --git a/scss/plugins/select/test.html b/scss/plugins/select/test.html
deleted file mode 100644
index 9ff09fd..0000000
--- a/scss/plugins/select/test.html
+++ /dev/null
@@ -1,21 +0,0 @@
-Select
-
-
-
-
- Select an option
- Good option
- Nice option
- Cheap option
-
-
-
-
-
- Select an option
- Good option
- Nice option
- Cheap option
-
-
-
diff --git a/scss/plugins/stack/_plugin.scss b/scss/plugins/stack/_plugin.scss
deleted file mode 100644
index ed945e4..0000000
--- a/scss/plugins/stack/_plugin.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-
-
-
-
-// Stacking elements one of top of another
-.stack,
-.stack .toggle {
- //@extend %stack;
- margin-top: 0;
- margin-bottom: 0;
- display: block;
- width: 100%;
- text-align: left;
- border-radius: 0;
- }
-
-// This is in this way to allow for individual stack items
-// Because if it was border-radius: $picnic-radius $picnic-radius 0 0;
-// then they would all behave as last-child
-.stack:first-child,
-.stack:first-child .toggle {
- border-top-left-radius: $picnic-radius;
- border-top-right-radius: $picnic-radius;
- }
-
-.stack:last-child,
-.stack:last-child .toggle {
- border-bottom-left-radius: $picnic-radius;
- border-bottom-right-radius: $picnic-radius;
- }
-
-// To avoid the double border of input and textarea
-input,
-textarea,
-select {
-
- &.stack {
- transition: border-bottom 0 ease 0;
- border-bottom-width: 0;
-
- &:last-child {
- border-bottom-width: 1px;
- }
-
- &:focus + input,
- &:focus + textarea,
- &:focus + select {
- border-top-color: $picnic-primary;
- }
- }
- }
-
diff --git a/scss/plugins/stack/info.json b/scss/plugins/stack/info.json
deleted file mode 100644
index 4c66deb..0000000
--- a/scss/plugins/stack/info.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "id": "stack",
- "name": "Stack",
- "affected": ".stack",
- "summary": "Allow to set one element on top of each other and gives them a sense of unity.",
- "included": false
-}
\ No newline at end of file
diff --git a/scss/plugins/stack/readme.md b/scss/plugins/stack/readme.md
deleted file mode 100644
index 847d361..0000000
--- a/scss/plugins/stack/readme.md
+++ /dev/null
@@ -1,93 +0,0 @@
-## Stack
-
-A vertical group of different elements.
-
-```html
-Home
-Plugins
-Documentation
-Test
-```
-
-
-They can also toggle:
-
-```html
-
-
-
-
- Home
-
-
-
-
-
- Plugins
-
-
-
-
-
- Documentation
-
-
-
-
-
- Test
-
-
-
-```
-
-
-Stack different kind of elements
-
-```html
-
-```
-
-A small form
-
-```html
-
-
-
-
- Send
-
-
-```
-
-Pseudo buttons:
-
-```html
-First
-Second
-Third
-```
-
-
-
-### Forms
-
-Create nice and packed forms. [jsfiddle](http://jsfiddle.net/ddmv3dsr/4/)
-
-```html
-
-
-
-
-
-
-
-
-
-
- Send
-
-```
diff --git a/scss/plugins/stack/test.html b/scss/plugins/stack/test.html
deleted file mode 100644
index e77f942..0000000
--- a/scss/plugins/stack/test.html
+++ /dev/null
@@ -1,111 +0,0 @@
-
-Stack
-
-Buttons stack
-
-
-
-Image stack
-
-
-
-Form stack
-
-
diff --git a/scss/plugins/table/_plugin.scss b/scss/plugins/table/_plugin.scss
deleted file mode 100644
index 720f0f3..0000000
--- a/scss/plugins/table/_plugin.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-table {
- text-align: left;
- }
-
-td,
-th {
- padding: math.div($picnic-separation, 2) 2.4em math.div($picnic-separation, 2) $picnic-separation;
- }
-
-th {
- text-align: left;
- font-weight: 900;
- color: $picnic-white;
- background-color: $picnic-primary;
- }
-
-.success th {
- background-color: $picnic-success;
- }
-
-.warning th {
- background-color: $picnic-warning;
- }
-
-.error th {
- background-color: $picnic-error;
- }
-
-.dull th {
- background-color: $picnic-dull;
- }
-
-// Zebra stripes
-tr:nth-child(even) {
- background: rgba($picnic-black, .05);
- }
diff --git a/scss/plugins/table/info.json b/scss/plugins/table/info.json
deleted file mode 100644
index 282892c..0000000
--- a/scss/plugins/table/info.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "id": "table",
- "name": "Table",
- "affected": "table",
- "included": true
-}
\ No newline at end of file
diff --git a/scss/plugins/table/readme.md b/scss/plugins/table/readme.md
deleted file mode 100644
index 6e1686f..0000000
--- a/scss/plugins/table/readme.md
+++ /dev/null
@@ -1,30 +0,0 @@
-## Table
-
-```html
-
-
-
- Name
- City
-
-
-
-
- Francisco
- Valencia, Spain
-
-
- Eve
- San Francisco, USA
-
-
- Martin
- New York, USA
-
-
- Sarah
- London, UK
-
-
-
-```
\ No newline at end of file
diff --git a/scss/plugins/table/test.html b/scss/plugins/table/test.html
deleted file mode 100644
index 363acd4..0000000
--- a/scss/plugins/table/test.html
+++ /dev/null
@@ -1,33 +0,0 @@
-Table
-
-
-
-
- Name
- City
- Age
-
-
-
-
- Francisco
- Valencia, Spain
- 23
-
-
- Eve
- San Francisco, USA
- 22
-
-
- Martin
- New York, USA
- 45
-
-
- Sarah
- London, UK
- 25
-
-
-
\ No newline at end of file
diff --git a/scss/plugins/tabs/_class.scss b/scss/plugins/tabs/_class.scss
deleted file mode 100644
index f8b5ccf..0000000
--- a/scss/plugins/tabs/_class.scss
+++ /dev/null
@@ -1,175 +0,0 @@
-// Tab definition
-%tabs {
-
- position: relative;
- overflow: hidden;
-
- > label img {
- float: left;
- margin-left: $picnic-separation;
- }
-
- > .row {
- width: calc(100% + 2 * .6em);
- display: table;
- table-layout: fixed;
-
- position: relative;
- padding-left: 0;
- transition: all .3s;
- border-spacing: 0;
- margin: 0;
-
- &:before,
- &:after {
- display: none;
- }
-
- > *,
- img {
- display: table-cell;
- vertical-align: top;
- margin: 0;
- width: 100%;
- }
- }
-
- > input {
- display: none;
-
- + * {
- width: 100%;
- }
-
- + label {
- width: auto;
- }
- }
-
-
-
- &.two {
- > .row {
- width: 200%;
- left: -100%;
- }
-
- > input:nth-of-type(1):checked ~ .row {
- margin-left: 100%;
- }
-
- > label img {
- width: 48%;
- margin: 4% 0 4% 4%;
- }
- }
-
- &.three {
- > .row {
- width: 300%;
- left: -200%;
- }
-
- > input:nth-of-type(1):checked ~ .row {
- margin-left: 200%;
- }
-
- > input:nth-of-type(2):checked ~ .row {
- margin-left: 100%;
- }
-
- > label img {
- width: 30%;
- margin: 5% 0 5% 5%;
- }
- }
-
- &.four {
- > .row {
- width: 400%;
- left: -300%;
- }
-
- > input:nth-of-type(1):checked ~ .row {
- margin-left: 300%;
- }
-
- > input:nth-of-type(2):checked ~ .row {
- margin-left: 200%;
- }
-
- > input:nth-of-type(3):checked ~ .row {
- margin-left: 100%;
- }
-
- > label img {
- width: 22%;
- margin: 4% 0 4% 4%;
- }
- }
-
- &.five {
- > .row {
- width: 500%;
- left: -400%;
- }
-
- > input:nth-of-type(1):checked ~ .row {
- margin-left: 400%;
- }
-
- > input:nth-of-type(2):checked ~ .row {
- margin-left: 300%;
- }
-
- > input:nth-of-type(3):checked ~ .row {
- margin-left: 200%;
- }
-
- > input:nth-of-type(4):checked ~ .row {
- margin-left: 100%;
- }
-
- > label img {
- width: 18%;
- margin: 2% 0 2% 2%;
- }
- }
-
- &.six {
- > .row {
- width: 600%;
- left: -500%;
- }
-
- > input:nth-of-type(1):checked ~ .row {
- margin-left: 500%;
- }
-
- > input:nth-of-type(2):checked ~ .row {
- margin-left: 400%;
- }
-
- > input:nth-of-type(3):checked ~ .row {
- margin-left: 300%;
- }
-
- > input:nth-of-type(4):checked ~ .row {
- margin-left: 200%;
- }
-
- > input:nth-of-type(5):checked ~ .row {
- margin-left: 100%;
- }
-
- > label img {
- width: 12%;
- margin: 1% 0 1% 1%;
- }
- }
-
-
- >label:first-of-type img {
- margin-left: 0;
- }
-}
diff --git a/scss/plugins/tabs/_plugin.scss b/scss/plugins/tabs/_plugin.scss
deleted file mode 100644
index ea047a4..0000000
--- a/scss/plugins/tabs/_plugin.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-@import "class";
-
-.tabs {
- @extend %tabs;
-}
-
diff --git a/scss/plugins/tabs/info.json b/scss/plugins/tabs/info.json
deleted file mode 100644
index 7eba4d7..0000000
--- a/scss/plugins/tabs/info.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "id": "tabs",
- "name": "Tabs",
- "summary": "Tab system for webpage",
- "affected": ".tabs",
- "included": false
-}
\ No newline at end of file
diff --git a/scss/plugins/tabs/readme.md b/scss/plugins/tabs/readme.md
deleted file mode 100644
index 6932f09..0000000
--- a/scss/plugins/tabs/readme.md
+++ /dev/null
@@ -1,61 +0,0 @@
-## Tabs
-
-> Original: http://jsfiddle.net/franciscop/wwfby2y8/
-
-A simple tab system inspired by [Components CSS Tabs](https://www.felipefialho.com/css-components/#component-tab).
-
-```html
-
-```
-
-
-### Gallery example
-
-Create a gallery super-easy with thumbnails as tabs:
-
-```html
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
diff --git a/scss/plugins/tabs/test.html b/scss/plugins/tabs/test.html
deleted file mode 100644
index 7b912b5..0000000
--- a/scss/plugins/tabs/test.html
+++ /dev/null
@@ -1,250 +0,0 @@
-Tab
-
-
-
-
-
-
-
-
1 /
-
-
2 /
-
-
3
-
-
-
-
-
-
-
-
-
-
- Where did you find us?
- Facebook
- Twitter
- Linkedin
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Tab 1
-
-
Tab 2
-
-
-
-
This is the first tab
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
-
-
-
-
-
-
This is the second tab
-
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat
- nulla pariatur.
-
-
-
-
-
-
-
-
-
-
-
•
-
-
•
-
-
•
-
-
•
-
-
-
-
This is the first tab
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
-
-
-
-
-
-
This is the second tab
-
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat
- nulla pariatur.
-
-
-
-
-
-
This is the third tab
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
-
-
-
-
-
-
This is the fourth tab
-
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat
- nulla pariatur.
-
-
-
-
-
-
-
-
-
-
-
•
-
-
•
-
-
•
-
-
•
-
-
•
-
-
•
-
-
-
-
This is the first tab
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
-
-
-
-
-
-
This is the second tab
-
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat
- nulla pariatur.
-
-
-
-
-
-
This is the third tab
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
-
-
-
-
-
-
This is the fourth tab
-
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat
- nulla pariatur.
-
-
-
-
-
-
-
This is the fifth tab
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
-
-
-
-
-
-
This is the sixth tab
-
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat
- nulla pariatur.
-
-
-
-
-
-
-
-
diff --git a/scss/plugins/tooltip/_plugin.scss b/scss/plugins/tooltip/_plugin.scss
deleted file mode 100644
index 1e3fde1..0000000
--- a/scss/plugins/tooltip/_plugin.scss
+++ /dev/null
@@ -1,134 +0,0 @@
-// Variables for the tooltips
-$picnic-tooltip-background: $picnic-black !default;
-$picnic-tooltip-size: .8em !default;
-
-
-// Only display the tooltip for elements with
-[data-tooltip] {
- position: relative;
-
- &:after,
- &:before {
- // Position
- position: absolute;
- z-index: 10;
-
- // Hide it by default
- opacity: 0;
- border-width: 0;
- height: 0;
- padding: 0;
- overflow: hidden;
-
- // Transition
- transition: opacity .6s ease, height 0s ease .6s;
-
- // Bottom one (default)
- top: calc(100% - 6px);
- left: 0;
- margin-top: 12px;
- }
-
- // This is the acutal label-like element
- &:after {
-
- // Style
- @extend .label;
- margin-left: 0;
- font-size: $picnic-tooltip-size;
- background: $picnic-tooltip-background;
-
- // Content
- content: attr(data-tooltip);
-
- // Behaviour
- white-space: nowrap;
- }
-
- // This is the small arrow
- &:before {
- content: '';
- width: 0;
- height: 0;
- border-width: 0;
- border-style: solid;
-
- // Bottom one (default)
- border-color: transparent transparent $picnic-tooltip-background;
- margin-top: 0;
- left: 10px;
- }
-
- &:hover:after,
- &:focus:after,
- &:hover:before,
- &:focus:before {
- opacity: 1;
- border-width: 6px;
- height: auto;
- }
-
- &:hover:after,
- &:focus:after {
- padding: $picnic-separation * .75 $picnic-separation * 1.5;
- }
- }
-
-
-
-// Top
-.tooltip-top {
- &:after,
- &:before {
- top: auto;
- bottom: calc(100% - 6px);
- left: 0;
- margin-bottom: 12px;
- }
-
- &:before {
- border-color: $picnic-tooltip-background transparent transparent;
- margin-bottom: 0;
- left: 10px;
- }
- }
-
-// Right
-.tooltip-right {
- &:after,
- &:before {
- left: 100%;
- margin-left: 6px;
- margin-top: 0;
- top: 0;
- }
-
- &:before {
- border-color: transparent $picnic-tooltip-background transparent transparent;
- margin-left: -6px;
- left: 100%;
- top: 7px;
- }
- }
-
-// Left
-.tooltip-left {
- &:after,
- &:before {
- right: 100%;
- margin-right: 6px;
- left: auto;
- margin-top: 0;
- top: 0;
- }
-
- &:before {
- border-color: transparent transparent transparent $picnic-tooltip-background;
- margin-right: -6px;
- right: 100%;
- top: 7px;
- }
- }
-
-
-
diff --git a/scss/plugins/tooltip/description.html b/scss/plugins/tooltip/description.html
deleted file mode 100644
index dd0ca4b..0000000
--- a/scss/plugins/tooltip/description.html
+++ /dev/null
@@ -1,12 +0,0 @@
-
- Left
-
-
- Bottom (default)
-
-
- Top
-
-
- Right
-
\ No newline at end of file
diff --git a/scss/plugins/tooltip/info.json b/scss/plugins/tooltip/info.json
deleted file mode 100644
index 054fb3a..0000000
--- a/scss/plugins/tooltip/info.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "id": "tooltip",
- "name": "Tooltip",
- "included": false,
- "affected": "[data-tooltip]",
- "summary": "An element that displays extra information when you put your mouse on it.",
- "dependencies": [ "label" ]
-}
\ No newline at end of file
diff --git a/scss/plugins/tooltip/readme.md b/scss/plugins/tooltip/readme.md
deleted file mode 100644
index c893abe..0000000
--- a/scss/plugins/tooltip/readme.md
+++ /dev/null
@@ -1,27 +0,0 @@
-## Tooltip
-
-Hover this element to show the tooltip:
-
-```html
-
- Hover for tooltip
-
-```
-
-
-### Positions
-
-```html
-
- Top
-
-
- Bottom (default)
-
-
- Left
-
-
- Right
-
-```
diff --git a/scss/plugins/tooltip/test.html b/scss/plugins/tooltip/test.html
deleted file mode 100644
index d702bb4..0000000
--- a/scss/plugins/tooltip/test.html
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
-
-
- Left
-
-
- Bottom (default)
-
-
- Top
-
-
- Right
-
-
-
diff --git a/scss/readme.md b/scss/readme.md
deleted file mode 100644
index 4dcb24c..0000000
--- a/scss/readme.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Picnic CSS
-
-Picnic CSS is a lightweight and beautiful CSS library
\ No newline at end of file
diff --git a/scss/themes/default/_colors.scss b/scss/themes/default/_colors.scss
deleted file mode 100644
index f9ca4fa..0000000
--- a/scss/themes/default/_colors.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-// Color variables
-// - Cool
-// - Warm
-// - Gray Scale
-//
-// clrs, from https://github.com/mrmrs/colors
-
-// Cool
-$aqua: #7fdbff !default;
-$blue: #0074d9 !default;
-$navy: #001f3f !default;
-$teal: #39cccc !default;
-$green: #2ecc40 !default;
-$olive: #3d9970 !default;
-$lime: #01ff70 !default;
-
-// Warm
-$yellow: #ffdc00 !default;
-$orange: #ff851b !default;
-$red: #ff4136 !default;
-$fuchsia: #f012be !default;
-$purple: #b10dc9 !default;
-$maroon: #85144b !default;
-
-// Gray Scale
-$white: #fff !default;
-$silver: #ddd !default;
-$gray: #aaa !default;
-$black: #111 !default;
diff --git a/scss/themes/default/_theme.scss b/scss/themes/default/_theme.scss
deleted file mode 100644
index bef6979..0000000
--- a/scss/themes/default/_theme.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-// Top level variables for Picnic CSS
-// Note: some others are available under each specific plugin
-
-@import 'colors';
-
-
-// Colors (from /themes/default/colors)
-$picnic-white: $white !default;
-$picnic-black: $black !default;
-$picnic-primary: $blue !default;
-$picnic-success: $green !default;
-$picnic-warning: $orange !default;
-$picnic-error: $red !default;
-$picnic-dull: $gray !default;
-$picnic-color-variation: 10% !default;
-$picnic-transparency: .2 !default;
-
-
-// Spaces
-$picnic-separation: .6em !default;
-$picnic-breakpoint: 60em !default;
-
-
-// Shapes
-$picnic-radius: .2em !default;
-$picnic-border: 1px solid $picnic-dull !default;
-$picnic-shadow: 0 0 .2em rgba($picnic-dull, $picnic-transparency) !default;
-$picnic-overlay: rgba($picnic-black, $picnic-transparency);
-
-// Transitions
-$picnic-transition: all .3s;
diff --git a/scss/themes/squared/_colors.scss b/scss/themes/squared/_colors.scss
deleted file mode 100644
index f9ca4fa..0000000
--- a/scss/themes/squared/_colors.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-// Color variables
-// - Cool
-// - Warm
-// - Gray Scale
-//
-// clrs, from https://github.com/mrmrs/colors
-
-// Cool
-$aqua: #7fdbff !default;
-$blue: #0074d9 !default;
-$navy: #001f3f !default;
-$teal: #39cccc !default;
-$green: #2ecc40 !default;
-$olive: #3d9970 !default;
-$lime: #01ff70 !default;
-
-// Warm
-$yellow: #ffdc00 !default;
-$orange: #ff851b !default;
-$red: #ff4136 !default;
-$fuchsia: #f012be !default;
-$purple: #b10dc9 !default;
-$maroon: #85144b !default;
-
-// Gray Scale
-$white: #fff !default;
-$silver: #ddd !default;
-$gray: #aaa !default;
-$black: #111 !default;
diff --git a/scss/themes/squared/_plugins.scss b/scss/themes/squared/_plugins.scss
deleted file mode 100644
index 2bcb103..0000000
--- a/scss/themes/squared/_plugins.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-
-%nav {
- background: transparent;
- transition: 0;
-
- .brand,
- .pseudo.button {
- color: #fff;
- }
- }
diff --git a/scss/themes/squared/_theme.scss b/scss/themes/squared/_theme.scss
deleted file mode 100644
index 16fce9b..0000000
--- a/scss/themes/squared/_theme.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-// Top level variables for Picnic CSS
-// Note: some others are available under each specific plugin
-
-@import 'colors';
-
-
-// Colors (from /themes/default/colors)
-$picnic-white: #fff;
-$picnic-black: #111;
-$picnic-primary: darken($green, 5%) !default;
-$picnic-success: $blue !default;
-$picnic-warning: $orange !default;
-$picnic-error: $red !default;
-$picnic-dull: $gray !default;
-$picnic-color-variation: 10% !default;
-$picnic-transparency: .1 !default;
-
-
-// Spaces
-$picnic-separation: .6em !default;
-$picnic-breakpoint: 60em !default;
-
-
-// Shapes
-$picnic-radius: 0 !default;
-$picnic-border: 1px solid #ddd !default;
-$picnic-shadow: none !default;
-$picnic-overlay: rgba($picnic-black, $picnic-transparency);
-
-
-// Transitions
-$picnic-transition: all .2s ease !default;
-
-
-
-
-
-// Plugins
-$picnic-nav-position: absolute !default;
diff --git a/scss/vendor/compass-breakpoint/.bower.json b/scss/vendor/compass-breakpoint/.bower.json
deleted file mode 100644
index 3180b67..0000000
--- a/scss/vendor/compass-breakpoint/.bower.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
- "name": "compass-breakpoint",
- "version": "2.6.1",
- "main": "stylesheets/_breakpoint.scss",
- "ignore": [
- "**/.*",
- "node_modules",
- "components",
- "test",
- "tests",
- "Rakefile",
- "*.gemspec",
- "lib",
- "Gemfile"
- ],
- "dependencies": {
- "sassy-maps": "<1.0.0"
- },
- "homepage": "https://github.com/Team-Sass/breakpoint",
- "_release": "2.6.1",
- "_resolution": {
- "type": "version",
- "tag": "v2.6.1",
- "commit": "5baa6382a350f75d88444271e4a509eea0ced001"
- },
- "_source": "git://github.com/Team-Sass/breakpoint.git",
- "_target": "~2.6.1",
- "_originalSource": "compass-breakpoint",
- "_direct": true
-}
\ No newline at end of file
diff --git a/scss/vendor/compass-breakpoint/CHANGELOG.md b/scss/vendor/compass-breakpoint/CHANGELOG.md
deleted file mode 100644
index 6be0147..0000000
--- a/scss/vendor/compass-breakpoint/CHANGELOG.md
+++ /dev/null
@@ -1,90 +0,0 @@
-# Changelog
-
-## 2.6.0
-* **Change** Moved variable settings to new Breakpoint settings. Future versions will deprecate variable settings. Use `@include breakpoint-set()` or `@include bkpt-set()` to change settings, `@include breakpoint-reset()` or `@include bkpt-reset()` to reset settings to their default state. Please update your settings as followins:
- * `$breakpoint-default-media: value;` should become `@include bkpt-set('default media', value);`
- * `$breakpoint-default-feature: value;` should become `@include bkpt-set('default feature', value);`
- * `$breakpoint-default-pair: value;` should become `@include bkpt-set('default pair', value);`
- * `$breakpoint-force-media-all: value;` should become `@include bkpt-set('force all media type', value);`
- * `$breakpoint-to-ems: value;` should become `@include bkpt-set('to ems', value);`
- * `$breakpoint-resolutions: value;` should become `@include bkpt-set('transform resolutions', value);`
- * `$breakpoint-no-queries: value;` should become `@include bkpt-set('no queries', value);`
- * `$breakpoint-no query fallbacks: value;` should become `@include bkpt-set('no query fallbacks', value);`
- * `$breakpoint-base-font-size: value;` should become `@include bkpt-set('base font size', value);`
- * `$breakpoint-legacy-syntax: value;` should become `@include bkpt-set('legacy syntax', value);`
-* **Change** Adding breakpoints for `respond-to` should now be done through the mixin `@include add-breakpoint()` instead of the function call `$breakpoints: add-breakpoint()`. Future versions will deprecate function.
-* **New** Initial support for Libsass 3.1
-
-## 2.5.0
-
-## 2.4.0
-
-## 2.3.0
-
-## 2.2.0
-### Nov 23, 2013
-* fix simple or queries
-* convert respond-to to use sass maps
-* convert context to use sass maps
-
-## 2.0.7
-### Sept 17th, 2013
-* fix fallback support for 1.x
-
-## 2.0.0
-### The Past
-* Looks like we forgot release notes for 2.0. oops
-
-## 1.3
-### August 28th, 2012
-* better conversion to base-ems
-* fix floating point error
-
-## 1.2
-### August 16th, 2012
-* Added ability to force the 'all' media type to be written by setting `$breakpoint-force-media-all: true;`. Defaults to `false`.
-* Added ability to generate no query fallback code. See the README for full documentaiton.
-
-## 1.1.1
-### July 30, 2012
-* Added (forgot to include the first time) the ability to query the media type using `breakpoint-get-context('media')`
-
-
-## 1.1
-### July 29, 2012
-* Added function `breakpoint-get-context($feature)` to allow users to get the current media query context
-
-## 1.0.2
-### July 28, 2012
-* Refixed our 'device-pixel-ratio' conversions because, frankly, the w3c was wrong.
-* fixed bugs that caused single and triple value single queries to fail. Also bugs with stacking single and triple value queries.
-
-## 1.0.1
-### June 27, 2012
-* fixed logic error that would print multiple instences of a media type
-
-## 1.0
-### June 22, 2012
-* Refactor of the underlying logic to make everything work better and make the world a happy place.
-* Added default options for Default Feature, Default Media, and Default Feature Pair.
-* Changed default media from "Screen" to "All".
-* Added ability to have all px/pt/percentage media queries transformed into em based media queries.
-
-## 0.3
-### June 18, 2012
-* Rewrote 'device-pixel-ratio' conversions to change from prefixed nightmarish hell to Resolution standard based on the [W3C Unprefixing -webkit-device-pixel-ratio article](http://www.w3.org/blog/CSS/2012/06/14/unprefix-webkit-device-pixel-ratio/)
-* Large README update covering feature set, installation, assumptions, and more.
-
-## 0.2
-### May 24, 2012
-* Converted from Sass to SCSS
-* Converted README examples from Sass to SCSS
-* Added ability to do min/max easily with any valid feature
-* Added prefixing for "device-pixel-ratio" feature for the three implementations (-webkit, -moz, -o) as well as a standard version for future friendliness
- * -moz's min/max is different than -webkit or -o, so prefixed differently
- * Opera is strange and needs its DPR in a ratio instead of a floating point number, so requires the fraction rubygem and has a numerator/denominator function to accommodate.
-* Added ability to have single feature/value input be either have feature first or second
-
-## 0.1
-### May 22, 2012
-* extract breakpoint from survival kit to this gem
diff --git a/scss/vendor/compass-breakpoint/CONTRIBUTING.md b/scss/vendor/compass-breakpoint/CONTRIBUTING.md
deleted file mode 100644
index a870685..0000000
--- a/scss/vendor/compass-breakpoint/CONTRIBUTING.md
+++ /dev/null
@@ -1,12 +0,0 @@
-## Contributing to Breakpoint
-
-We love contributors! Yes we do! If you would like to contribute to Breakpoint, please follow the following guidelines:
-
-* **DO NOT ISSUE A PULL REQUEST WITHOUT RELATED ISSUE!!** All pull requests must reference an issue in the issue queue and will only be looked at after discussion about that issue has taken place. Any pull request created that does not reference an issue will be closed.
-* All pull requests will be tested against our standard test suite through Travis CI. If any of the tests fail, we will ask you to fix your code so that the tests no longer fail. Any new features that are added must have accompanying passing tests before being considered. During a pull request, we may ask for additional tests to be written in order to ensure that what is being changed does not have negative effects elsewhere.
-* We are actively trying to stay away from Ruby functionality and am attempting to build this entirely with native Sass functionality. If you would like to add a feature that includes Ruby code, there needs to be a very very compelling case as to why.
-* Each individual feature you would like to add, or bug you would like to squash, should be an individual pull request. Each pull request should be from an individual feature branch to either the latest stable or development branch. **The current *stable* branch is 2.x.x. The current *development* branch is 2.x.x**. Contributions that are not in the form of a pull request will not be considered. If your pull request does not apply cleanly we will ask you to fix that before we will look into pulling it in. We may ask you to update or make changes to the code you've submitted, please don't take this the wrong way. If a pull request smells (such as if a large amount of code is all within a single commit, or the coding standards aren't in line with core Breakpoint) we may ask you to rewrite your commit.
-
-### Testing
-
-We have automated tests to ensure our build is working. To test, you must install [Bundler](http://bundler.io/), which will allow you to install all needed gem versions. Once you have Bundler up and running and have your dependencies installed, run ```bundle exec rake``` to run the tests. All tests are stored within the 'test' folder as .scss files. The test suite ensures that each test compiles, and does not change the expected behavior. If a test needs to be updated or changed, update the correct .scss file, and then run ```bundle exec rake compile``` to update all corrosponding css files.
diff --git a/scss/vendor/compass-breakpoint/README.md b/scss/vendor/compass-breakpoint/README.md
deleted file mode 100644
index 53822bc..0000000
--- a/scss/vendor/compass-breakpoint/README.md
+++ /dev/null
@@ -1,43 +0,0 @@
-# Breakpoint [![Gem Version](https://badge.fury.io/rb/breakpoint.png)](http://badge.fury.io/rb/breakpoint) [![Build Status](https://travis-ci.org/Team-Sass/breakpoint.png)](https://travis-ci.org/Team-Sass/breakpoint)
-
-**Really Simple Media Queries with Sass**
-
-Breakpoint makes writing media queries in Sass super simple. Create a variable using a simplified syntax based on most commonly used media queries, then call it using the `breakpoint` mixin. Breakpoint handles all of the heavy lifting, from writing the media query itself, to handling cross-browser compatibility issues, so you can focus on what's important: making sure your website looks its best.
-
-Breakpoint also allows you to get the [context of your media queries](https://github.com/Team-Sass/breakpoint/wiki/Breakpoint-Context) from your code, allowing you to write dynamic mixins based on their media query context.
-
-If you'd prefer the semantic awesomeness of string names to identify your queries as opposed to variables, or want to dynamically generate media queries, the [Respond-To](https://github.com/Team-Sass/breakpoint/wiki/Respond-To) syntax is now included in Breakpoint core!
-
-**It is important to note** that due to limitations within the Sass language itself, which themselves stem from some potentially unexpected cascading from doing so, Breakpoint is unable to concat like media queries into a single media query. This means they will be spread out throughout your CSS. This is unfortunate, yes, but currently unavoidable. That being said, once [Sass Issue #241: Seperate Media/Browser Specific Markup to Separate Style Sheet](https://github.com/nex3/sass/issues/241) hits, be sure we're going to take full advantage of it.
-
-
-## Full documentation is available on the [Breakpoint Wiki](https://github.com/Team-Sass/breakpoint/wiki)
-
-## Getting Help with Breakpoint
-
-* For help with Breakpoint, please ask a question on [Stack Overflow](http://stackoverflow.com/questions/ask) tagged with "breakpoint-sass".
-* To file an issue with Breakpoint, be it a feature request or a bug report, please use our [Issue Queue](https://github.com/Team-Sass/breakpoint/issues).
-* **Each Separate Bug Report or Feature Request Must Have Its Own Issue**
-* Search in both active issues and closed issues before filing your own. If one already exists, please respond there.
-* If you are in IRC, the maintainers and many fellow users tend to hang out in the #sass and #compass rooms on irc.freenode.net. Asking in there may get you a quick answer to your question, but we still encourage you to file your inquiry in the appropriate place above to
-
-## Contributing to Breakpoint
-
-We love contributors! Yes we do! If you would like to contribute to Breakpoint, please follow the [Contributing Guidelines](https://github.com/Team-Sass/breakpoint/blob/2.x.x/CONTRIBUTING.md)
-
-## Awesome Things Built With Breakpoint
-
-Breakpoint is designed to be a Media Query engine to power everything from design tweaks to media query contexts to full media query fallbacks. But we also know that our users will build awesome thing with these tools. Build a Breakpoint powered mixin for new media query semantics? We want to hear about it! Build something cool with Context? Let us know! If you would like to add your Awesome Thing to the list, please issue a Pull Request to add it!
-
-* [Singularity](https://github.com/Team-Sass/Singularity) - Semantic Grid System
-* [Breakpoint Slicer](https://github.com/lolmaus/breakpoint-slicer) - Quick and efficient syntax for Min/Max Width media queries
-
-## License
-
-Licensed under MIT/GPL.
-
-GPL2 license:
-http://www.gnu.org/licenses/gpl-2.0.html
-
-MIT license:
-http://www.opensource.org/licenses/mit-license.php
diff --git a/scss/vendor/compass-breakpoint/bower.json b/scss/vendor/compass-breakpoint/bower.json
deleted file mode 100644
index 20ddce3..0000000
--- a/scss/vendor/compass-breakpoint/bower.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
- "name": "compass-breakpoint",
- "version": "2.6.1",
- "main": "stylesheets/_breakpoint.scss",
- "ignore": [
- "**/.*",
- "node_modules",
- "components",
- "test",
- "tests",
- "Rakefile",
- "*.gemspec",
- "lib",
- "Gemfile"
- ],
- "dependencies": {
- "sassy-maps": "<1.0.0"
- }
-}
diff --git a/scss/vendor/compass-breakpoint/eyeglass-exports.js b/scss/vendor/compass-breakpoint/eyeglass-exports.js
deleted file mode 100644
index 812ed03..0000000
--- a/scss/vendor/compass-breakpoint/eyeglass-exports.js
+++ /dev/null
@@ -1,7 +0,0 @@
-var path = require('path');
-
-module.exports = function(eyeglass, sass) {
- return {
- sassDir: path.join(__dirname, 'stylesheets')
- }
-}
\ No newline at end of file
diff --git a/scss/vendor/compass-breakpoint/package.json b/scss/vendor/compass-breakpoint/package.json
deleted file mode 100644
index 91e8e80..0000000
--- a/scss/vendor/compass-breakpoint/package.json
+++ /dev/null
@@ -1,39 +0,0 @@
-{
- "name": "breakpoint-sass",
- "version": "2.6.1",
- "description": "Really Simple Media Queries with Sass",
- "main": "stylesheets/_breakpoint.scss",
- "eyeglass": {
- "exports": "eyeglass-exports.js",
- "name": "breakpoint"
- },
- "directories": {
- "test": "tests"
- },
- "keywords": [
- "sass",
- "responsive",
- "rwd",
- "eyeglass-module",
- "breakpoint"
- ],
- "scripts": {
- "test": "echo \"Error: no test specified\" && exit 1"
- },
- "repository": {
- "type": "git",
- "url": "https://github.com/Team-Sass/breakpoint.git"
- },
- "author": "",
- "license": "MIT",
- "bugs": {
- "url": "https://github.com/Team-Sass/breakpoint/issues"
- },
- "homepage": "https://github.com/Team-Sass/breakpoint",
- "devDependencies": {
- "diff": "^1.2.1",
- "fs-extra": "^0.14.0",
- "glob": "^4.3.2",
- "node-sass": "^3.0.0"
- }
-}
diff --git a/scss/vendor/compass-breakpoint/sache.json b/scss/vendor/compass-breakpoint/sache.json
deleted file mode 100644
index d31ba4c..0000000
--- a/scss/vendor/compass-breakpoint/sache.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
- "name": "breakpoint",
- "description": "Breakpoint makes writing media queries in Sass super simple. Create a variable using a simplified syntax based on most commonly used media queries, then call it using the breakpoint mixin. Breakpoint handles all of the heavy lifting, from writing the media query itself, to handling cross-browser compatibility issues, so you can focus on what's important: making sure your website looks its best.",
- "tags": ["media-queries", "rwd", "responsive-web-design", "dry"]
-}
diff --git a/scss/vendor/compass-breakpoint/stylesheets/_breakpoint.scss b/scss/vendor/compass-breakpoint/stylesheets/_breakpoint.scss
deleted file mode 100644
index 2ede6b7..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/_breakpoint.scss
+++ /dev/null
@@ -1,114 +0,0 @@
-//////////////////////////////
-// Default Variables
-//////////////////////////////
-$Breakpoint-Settings: (
- 'default media': all,
- 'default feature': min-width,
- 'default pair': width,
-
- 'force all media type': false,
- 'to ems': false,
- 'transform resolutions': true,
-
- 'no queries': false,
- 'no query fallbacks': false,
-
- 'base font size': 16px,
-
- 'legacy syntax': false
-);
-
-$breakpoint: () !default;
-
-//////////////////////////////
-// Imports
-//////////////////////////////
-@import "breakpoint/settings";
-@import 'breakpoint/context';
-@import 'breakpoint/helpers';
-@import 'breakpoint/parsers';
-@import 'breakpoint/no-query';
-
-@import 'breakpoint/respond-to';
-
-@import "breakpoint/legacy-settings";
-
-//////////////////////////////
-// Breakpoint Mixin
-//////////////////////////////
-
-@mixin breakpoint($query, $no-query: false) {
- @include legacy-settings-warning;
-
- // Reset contexts
- @include private-breakpoint-reset-contexts();
-
- $breakpoint: breakpoint($query, false);
-
- $query-string: map-get($breakpoint, 'query');
- $query-fallback: map-get($breakpoint, 'fallback');
-
- $private-breakpoint-context-holder: map-get($breakpoint, 'context holder') !global;
- $private-breakpoint-query-count: map-get($breakpoint, 'query count') !global;
-
- // Allow for an as-needed override or usage of no query fallback.
- @if $no-query != false {
- $query-fallback: $no-query;
- }
-
- @if $query-fallback != false {
- $context-setter: private-breakpoint-set-context('no-query', $query-fallback);
- }
-
- // Print Out Query String
- @if not breakpoint-get('no queries') {
- @media #{$query-string} {
- @content;
- }
- }
-
- @if breakpoint-get('no query fallbacks') != false or breakpoint-get('no queries') == true {
-
- $type: type-of(breakpoint-get('no query fallbacks'));
- $print: false;
-
- @if ($type == 'bool') {
- $print: true;
- }
- @else if ($type == 'string') {
- @if $query-fallback == breakpoint-get('no query fallbacks') {
- $print: true;
- }
- }
- @else if ($type == 'list') {
- @each $wrapper in breakpoint-get('no query fallbacks') {
- @if $query-fallback == $wrapper {
- $print: true;
- }
- }
- }
-
- // Write Fallback
- @if ($query-fallback != false) and ($print == true) {
- $type-fallback: type-of($query-fallback);
-
- @if ($type-fallback != 'bool') {
- #{$query-fallback} & {
- @content;
- }
- }
- @else {
- @content;
- }
- }
- }
-
- @include private-breakpoint-reset-contexts();
-}
-
-
-@mixin mq($query, $no-query: false) {
- @include breakpoint($query, $no-query) {
- @content;
- }
-}
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_context.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_context.scss
deleted file mode 100644
index 57947f5..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_context.scss
+++ /dev/null
@@ -1,95 +0,0 @@
-//////////////////////////////
-// Private Breakpoint Variables
-//////////////////////////////
-$private-breakpoint-context-holder: ();
-$private-breakpoint-query-count: 0 !default;
-
-//////////////////////////////
-// Breakpoint Has Context
-// Returns whether or not you are inside a Breakpoint query
-//////////////////////////////
-@function breakpoint-has-context() {
- @if length($private-breakpoint-query-count) {
- @return true;
- }
- @else {
- @return false;
- }
-}
-
-//////////////////////////////
-// Breakpoint Get Context
-// $feature: Input feature to get it's current MQ context. Returns false if no context
-//////////////////////////////
-@function breakpoint-get-context($feature) {
- @if map-has-key($private-breakpoint-context-holder, $feature) {
- $get: map-get($private-breakpoint-context-holder, $feature);
- // Special handling of no-query from get side so /false/ prepends aren't returned
- @if $feature == 'no-query' {
- @if type-of($get) == 'list' and length($get) > 1 and nth($get, 1) == false {
- $get: nth($get, length($get));
- }
- }
- @return $get;
- }
- @else {
- @if breakpoint-has-context() and $feature == 'media' {
- @return breakpoint-get('default media');
- }
- @else {
- @return false;
- }
- }
-}
-
-//////////////////////////////
-// Private function to set context
-//////////////////////////////
-@function private-breakpoint-set-context($feature, $value) {
- @if $value == 'monochrome' {
- $feature: 'monochrome';
- }
-
- $current: map-get($private-breakpoint-context-holder, $feature);
- @if $current and length($current) == $private-breakpoint-query-count {
- @warn "You have already queried against `#{$feature}`. Unexpected things may happen if you query against the same feature more than once in the same `and` query. Breakpoint is overwriting the current context with `#{$value}`";
- }
-
- @if not map-has-key($private-breakpoint-context-holder, $feature) {
- $v-holder: ();
- @for $i from 1 to $private-breakpoint-query-count {
- @if $feature == 'media' {
- $v-holder: append($v-holder, breakpoint-get('default media'));
- }
- @else {
- $v-holder: append($v-holder, false);
- }
- }
- $v-holder: append($v-holder, $value);
- $private-breakpoint-context-holder: map-merge($private-breakpoint-context-holder, ($feature: $v-holder)) !global;
- }
- @else {
- $v-holder: map-get($private-breakpoint-context-holder, $feature);
- $length: length($v-holder);
- @for $i from $length to $private-breakpoint-query-count - 1 {
- @if $feature == 'media' {
- $v-holder: append($v-holder, breakpoint-get('default media'));
- }
- @else {
- $v-holder: append($v-holder, false);
- }
- }
- $v-holder: append($v-holder, $value);
- $private-breakpoint-context-holder: map-merge($private-breakpoint-context-holder, ($feature: $v-holder)) !global;
- }
-
- @return true;
-}
-
-//////////////////////////////
-// Private function to reset context
-//////////////////////////////
-@mixin private-breakpoint-reset-contexts {
- $private-breakpoint-context-holder: () !global;
- $private-breakpoint-query-count: 0 !global;
-}
\ No newline at end of file
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_helpers.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_helpers.scss
deleted file mode 100644
index 97e522d..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_helpers.scss
+++ /dev/null
@@ -1,151 +0,0 @@
-//////////////////////////////
-// Converts the input value to Base EMs
-//////////////////////////////
-@function breakpoint-to-base-em($value) {
- $value-unit: unit($value);
-
- // Will convert relative EMs into root EMs.
- @if breakpoint-get('base font size') and type-of(breakpoint-get('base font size')) == 'number' and $value-unit == 'em' {
- $base-unit: unit(breakpoint-get('base font size'));
-
- @if $base-unit == 'px' or $base-unit == '%' or $base-unit == 'em' or $base-unit == 'pt' {
- @return base-conversion($value) / base-conversion(breakpoint-get('base font size')) * 1em;
- }
- @else {
- @warn '#{breakpoint-get(\'base font size\')} is not set in valid units for font size!';
- @return false;
- }
- }
- @else {
- @return base-conversion($value);
- }
-}
-
-@function base-conversion($value) {
- $unit: unit($value);
-
- @if $unit == 'px' {
- @return $value / 16px * 1em;
- }
- @else if $unit == '%' {
- @return $value / 100% * 1em;
- }
- @else if $unit == 'em' {
- @return $value;
- }
- @else if $unit == 'pt' {
- @return $value / 12pt * 1em;
- }
- @else {
- @return $value;
-// @warn 'Everything is terrible! What have you done?!';
- }
-}
-
-//////////////////////////////
-// Returns whether the feature can have a min/max pair
-//////////////////////////////
-$breakpoint-min-max-features: 'color',
- 'color-index',
- 'aspect-ratio',
- 'device-aspect-ratio',
- 'device-height',
- 'device-width',
- 'height',
- 'monochrome',
- 'resolution',
- 'width';
-
-@function breakpoint-min-max($feature) {
- @each $item in $breakpoint-min-max-features {
- @if $feature == $item {
- @return true;
- }
- }
- @return false;
-}
-
-//////////////////////////////
-// Returns whether the feature can have a string value
-//////////////////////////////
-$breakpoint-string-features: 'orientation',
- 'scan',
- 'color',
- 'aspect-ratio',
- 'device-aspect-ratio',
- 'pointer',
- 'luminosity';
-
-@function breakpoint-string-value($feature) {
- @each $item in $breakpoint-string-features {
- @if breakpoint-min-max($item) {
- @if $feature == 'min-#{$item}' or $feature == 'max-#{$item}' {
- @return true;
- }
- }
- @else if $feature == $item {
- @return true;
- }
- }
- @return false;
-}
-
-//////////////////////////////
-// Returns whether the feature is a media type
-//////////////////////////////
-$breakpoint-media-types: 'all',
- 'braille',
- 'embossed',
- 'handheld',
- 'print',
- 'projection',
- 'screen',
- 'speech',
- 'tty',
- 'tv';
-
-@function breakpoint-is-media($feature) {
- @each $media in $breakpoint-media-types {
- @if ($feature == $media) or ($feature == 'not #{$media}') or ($feature == 'only #{$media}') {
- @return true;
- }
- }
-
- @return false;
-}
-
-//////////////////////////////
-// Returns whether the feature can stand alone
-//////////////////////////////
-$breakpoint-single-string-features: 'color',
- 'color-index',
- 'grid',
- 'monochrome';
-
-@function breakpoint-single-string($feature) {
- @each $item in $breakpoint-single-string-features {
- @if $feature == $item {
- @return true;
- }
- }
- @return false;
-}
-
-//////////////////////////////
-// Returns whether the feature
-//////////////////////////////
-@function breakpoint-is-resolution($feature) {
- $resolutions: 'device-pixel-ratio', 'dpr';
-
- @if breakpoint-get('transform resolutions') {
- $resolutions: append($resolutions, 'resolution');
- }
-
- @each $reso in $resolutions {
- @if index($feature, $reso) or index($feature, 'min-#{$reso}') or index($feature, 'max-#{$reso}') {
- @return true;
- }
- }
-
- @return false;
-}
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_legacy-settings.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_legacy-settings.scss
deleted file mode 100644
index e060ebe..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_legacy-settings.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-@mixin legacy-settings-warning {
- $legacyVars: (
- 'default-media': 'default media',
- 'default-feature': 'default feature',
- 'force-media-all': 'force all media type',
- 'to-ems': 'to ems',
- 'resolutions': 'transform resolutions',
- 'no-queries': 'no queries',
- 'no-query-fallbacks': 'no query fallbacks',
- 'base-font-size': 'base font size',
- 'legacy-syntax': 'legacy syntax'
- );
-
- @each $legacy, $new in $legacyVars {
- @if global-variable-exists('breakpoint-' + $legacy) {
- @warn "In order to avoid variable namspace collisions, we have updated the way to change settings for Breakpoint. Please change all instances of `$breakpoint-#{$legacy}: {{setting}}` to `@include breakpoint-set('#{$new}', {{setting}})`. Variable settings, as well as this warning will be deprecated in a future release."
- }
- };
-
- //////////////////////////////
- // Hand correct each setting
- //////////////////////////////
- @if global-variable-exists('breakpoint-default-media') and $breakpoint-default-media != breakpoint-get('default media') {
- @include breakpoint-set('default media', $breakpoint-default-media);
- }
- @if global-variable-exists('breakpoint-default-feature') and $breakpoint-default-feature != breakpoint-get('default feature') {
- @include breakpoint-set('default feature', $breakpoint-default-feature);
- }
- @if global-variable-exists('breakpoint-force-media-all') and $breakpoint-force-media-all != breakpoint-get('force all media type') {
- @include breakpoint-set('force all media type', $breakpoint-force-media-all);
- }
- @if global-variable-exists('breakpoint-to-ems') and $breakpoint-to-ems != breakpoint-get('to ems') {
- @include breakpoint-set('to ems', $breakpoint-to-ems);
- }
- @if global-variable-exists('breakpoint-resolutions') and $breakpoint-resolutions != breakpoint-get('transform resolutions') {
- @include breakpoint-set('transform resolutions', $breakpoint-resolutions);
- }
- @if global-variable-exists('breakpoint-no-queries') and $breakpoint-no-queries != breakpoint-get('no queries') {
- @include breakpoint-set('no queries', $breakpoint-no-queries);
- }
- @if global-variable-exists('breakpoint-no-query-fallbacks') and $breakpoint-no-query-fallbacks != breakpoint-get('no query fallbacks') {
- @include breakpoint-set('no query fallbacks', $breakpoint-no-query-fallbacks);
- }
- @if global-variable-exists('breakpoint-base-font-size') and $breakpoint-base-font-size != breakpoint-get('base font size') {
- @include breakpoint-set('base font size', $breakpoint-base-font-size);
- }
- @if global-variable-exists('breakpoint-legacy-syntax') and $breakpoint-legacy-syntax != breakpoint-get('legacy syntax') {
- @include breakpoint-set('legacy syntax', $breakpoint-legacy-syntax);
- }
-}
\ No newline at end of file
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_no-query.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_no-query.scss
deleted file mode 100644
index 0b5a81f..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_no-query.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-@function breakpoint-no-query($query) {
- @if type-of($query) == 'list' {
- $keyword: nth($query, 1);
-
- @if type-of($keyword) == 'string' and ($keyword == 'no-query' or $keyword == 'no query' or $keyword == 'fallback') {
- @return nth($query, 2);
- }
- @else {
- @return false;
- }
- }
- @else {
- @return false;
- }
-}
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_parsers.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_parsers.scss
deleted file mode 100644
index f0b053f..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_parsers.scss
+++ /dev/null
@@ -1,215 +0,0 @@
-//////////////////////////////
-// Import Parser Pieces
-//////////////////////////////
-@import "parsers/query";
-@import "parsers/single";
-@import "parsers/double";
-@import "parsers/triple";
-@import "parsers/resolution";
-
-$Memo-Exists: function-exists(memo-get) and function-exists(memo-set);
-
-//////////////////////////////
-// Breakpoint Function
-//////////////////////////////
-@function breakpoint($query, $contexts...) {
- $run: true;
- $return: ();
-
- // Grab the Memo Output if Memoization can be a thing
- @if $Memo-Exists {
- $return: memo-get(breakpoint, breakpoint $query $contexts);
-
- @if $return != null {
- $run: false;
- }
- }
-
- @if not $Memo-Exists or $run {
- // Internal Variables
- $query-string: '';
- $query-fallback: false;
- $return: ();
-
- // Reserve Global Private Breakpoint Context
- $holder-context: $private-breakpoint-context-holder;
- $holder-query-count: $private-breakpoint-query-count;
-
- // Reset Global Private Breakpoint Context
- $private-breakpoint-context-holder: () !global;
- $private-breakpoint-query-count: 0 !global;
-
-
- // Test to see if it's a comma-separated list
- $or-list: if(list-separator($query) == 'comma', true, false);
-
-
- @if ($or-list == false and breakpoint-get('legacy syntax') == false) {
- $query-string: breakpoint-parse($query);
- }
- @else {
- $length: length($query);
-
- $last: nth($query, $length);
- $query-fallback: breakpoint-no-query($last);
-
- @if ($query-fallback != false) {
- $length: $length - 1;
- }
-
- @if (breakpoint-get('legacy syntax') == true) {
- $mq: ();
-
- @for $i from 1 through $length {
- $mq: append($mq, nth($query, $i), comma);
- }
-
- $query-string: breakpoint-parse($mq);
- }
- @else {
- $query-string: '';
- @for $i from 1 through $length {
- $query-string: $query-string + if($i == 1, '', ', ') + breakpoint-parse(nth($query, $i));
- }
- }
- }
-
- $return: ('query': $query-string,
- 'fallback': $query-fallback,
- 'context holder': $private-breakpoint-context-holder,
- 'query count': $private-breakpoint-query-count
- );
- @if length($contexts) > 0 and nth($contexts, 1) != false {
- @if $query-fallback != false {
- $context-setter: private-breakpoint-set-context('no-query', $query-fallback);
- }
- $context-map: ();
- @each $context in $contexts {
- $context-map: map-merge($context-map, ($context: breakpoint-get-context($context)));
- }
- $return: map-merge($return, (context: $context-map));
- }
-
- // Reset Global Private Breakpoint Context
- $private-breakpoint-context-holder: () !global;
- $private-breakpoint-query-count: 0 !global;
-
- @if $Memo-Exists {
- $holder: memo-set(breakpoint, breakpoint $query $contexts, $return);
- }
- }
-
- @return $return;
-}
-
-//////////////////////////////
-// General Breakpoint Parser
-//////////////////////////////
-@function breakpoint-parse($query) {
- // Increase number of 'and' queries
- $private-breakpoint-query-count: $private-breakpoint-query-count + 1 !global;
-
- // Set up Media Type
- $query-print: '';
-
- $force-all: ((breakpoint-get('force all media type') == true) and (breakpoint-get('default media') == 'all'));
- $empty-media: true;
- @if ($force-all == true) or (breakpoint-get('default media') != 'all') {
- // Force the print of the default media type if (force all is true and default media type is all) or (default media type is not all)
- $query-print: breakpoint-get('default media');
- $empty-media: false;
- }
-
-
- $query-resolution: false;
-
- $query-holder: breakpoint-parse-query($query);
-
-
-
- // Loop over each parsed out query and write it to $query-print
- $first: true;
-
- @each $feature in $query-holder {
- $length: length($feature);
-
- // Parse a single feature
- @if ($length == 1) {
- // Feature is currently a list, grab the actual value
- $feature: nth($feature, 1);
-
- // Media Type must by convention be the first item, so it's safe to flat override $query-print, which right now should only be the default media type
- @if (breakpoint-is-media($feature)) {
- @if ($force-all == true) or ($feature != 'all') {
- // Force the print of the default media type if (force all is true and default media type is all) or (default media type is not all)
- $query-print: $feature;
- $empty-media: false;
-
- // Set Context
- $context-setter: private-breakpoint-set-context(media, $query-print);
- }
- }
- @else {
- $parsed: breakpoint-parse-single($feature, $empty-media, $first);
- $query-print: '#{$query-print} #{$parsed}';
- $first: false;
- }
- }
- // Parse a double feature
- @else if ($length == 2) {
- @if (breakpoint-is-resolution($feature) != false) {
- $query-resolution: $feature;
- }
- @else {
- $parsed: null;
- // If it's a string/number pair,
- // we check to see if one is a single-string value,
- // then we parse it as a normal double
- $alpha: nth($feature, 1);
- $beta: nth($feature, 2);
- @if breakpoint-single-string($alpha) or breakpoint-single-string($beta) {
- $parsed: breakpoint-parse-single($alpha, $empty-media, $first);
- $query-print: '#{$query-print} #{$parsed}';
- $first: false;
- $parsed: breakpoint-parse-single($beta, $empty-media, $first);
- $query-print: '#{$query-print} #{$parsed}';
- }
- @else {
- $parsed: breakpoint-parse-double($feature, $empty-media, $first);
- $query-print: '#{$query-print} #{$parsed}';
- $first: false;
- }
- }
- }
- // Parse a triple feature
- @else if ($length == 3) {
- $parsed: breakpoint-parse-triple($feature, $empty-media, $first);
- $query-print: '#{$query-print} #{$parsed}';
- $first: false;
- }
-
- }
-
- @if ($query-resolution != false) {
- $query-print: breakpoint-build-resolution($query-print, $query-resolution, $empty-media, $first);
- }
-
- // Loop through each feature that's been detected so far and append 'false' to the the value list to increment their counters
- @each $f, $v in $private-breakpoint-context-holder {
- $v-holder: $v;
- $length: length($v-holder);
- @if length($v-holder) < $private-breakpoint-query-count {
- @for $i from $length to $private-breakpoint-query-count {
- @if $f == 'media' {
- $v-holder: append($v-holder, breakpoint-get('default media'));
- }
- @else {
- $v-holder: append($v-holder, false);
- }
- }
- }
- $private-breakpoint-context-holder: map-merge($private-breakpoint-context-holder, ($f: $v-holder)) !global;
- }
-
- @return $query-print;
-}
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_respond-to.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_respond-to.scss
deleted file mode 100644
index 3db06a8..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_respond-to.scss
+++ /dev/null
@@ -1,73 +0,0 @@
-////////////////////////
-// Default the Breakpoints variable
-////////////////////////
-$breakpoints: () !default;
-$BREAKPOINTS: () !default;
-
-////////////////////////
-// Respond-to API Mixin
-////////////////////////
-@mixin respond-to($context, $no-query: false) {
- @if length($breakpoints) > 0 and length($BREAKPOINTS) == 0 {
- @warn "In order to avoid variable namespace collisions, we have updated the way to add breakpoints for respond-to. Please change all instances of `$breakpoints: add-breakpoint()` to `@include add-breakpoint()`. The `add-breakpoint()` function will be deprecated in a future release.";
- $BREAKPOINTS: $breakpoints !global;
- $breakpoints: () !global;
- }
-
- @if type-of($BREAKPOINTS) != 'map' {
- // Just in case someone writes gibberish to the $breakpoints variable.
- @warn "Your breakpoints aren't a map! See https://github.com/snugug/respond-to#api if you'd like a reminder on how to use Respond-to";
- @content;
- }
- @else if map-has-key($BREAKPOINTS, $context) {
- @include breakpoint(map-get($BREAKPOINTS, $context), $no-query) {
- @content;
- }
- }
- @else if not map-has-key($BREAKPOINTS, $context) {
- @warn "`#{$context}` isn't a defined breakpoint! Please add it using `$breakpoints: add-breakpoint(`#{$context}`, $value);`";
- @content;
- }
- @else {
- @warn "You haven't created any breakpoints yet! Make some already! See https://github.com/snugug/respond-to#api if you'd like a reminder on how to use Respond-to";
- @content;
- }
-}
-
-//////////////////////////////
-// Add Breakpoint to Breakpoints
-// TODO: Remove function in next release
-//////////////////////////////
-@function add-breakpoint($name, $bkpt, $overwrite: false) {
- $output: ($name: $bkpt);
-
- @if length($breakpoints) == 0 {
- @return $output;
- }
- @else {
- @if map-has-key($breakpoints, $name) and $overwrite != true {
- @warn "You already have a breakpoint named `#{$name}`, please choose another breakpoint name, or pass in `$overwrite: true` to overwrite the previous breakpoint.";
- @return $breakpoints;
- }
- @else if not map-has-key($breakpoints, $name) or $overwrite == true {
- @return map-merge($breakpoints, $output);
- }
- }
-}
-
-@mixin add-breakpoint($name, $bkpt, $overwrite: false) {
- $output: ($name: $bkpt);
-
- @if length($BREAKPOINTS) == 0 {
- $BREAKPOINTS: $output !global;
- }
- @else {
- @if map-has-key($BREAKPOINTS, $name) and $overwrite != true {
- @warn "You already have a breakpoint named `#{$name}`, please choose another breakpoint name, or pass in `$overwrite: true` to overwrite the previous breakpoint.";
- $BREAKPOINTS: $BREAKPOINTS !global;
- }
- @else if not map-has-key($BREAKPOINTS, $name) or $overwrite == true {
- $BREAKPOINTS: map-merge($BREAKPOINTS, $output) !global;
- }
- }
-}
\ No newline at end of file
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_settings.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_settings.scss
deleted file mode 100644
index 05ee689..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/_settings.scss
+++ /dev/null
@@ -1,71 +0,0 @@
-//////////////////////////////
-// Has Setting
-//////////////////////////////
-@function breakpoint-has($setting) {
- @if map-has-key($breakpoint, $setting) {
- @return true;
- }
- @else {
- @return false;
- }
-}
-
-//////////////////////////////
-// Get Settings
-//////////////////////////////
-@function breakpoint-get($setting) {
- @if breakpoint-has($setting) {
- @return map-get($breakpoint, $setting);
- }
- @else {
- @return map-get($Breakpoint-Settings, $setting);
- }
-}
-
-//////////////////////////////
-// Set Settings
-//////////////////////////////
-@function breakpoint-set($setting, $value) {
- @if (str-index($setting, '-') or str-index($setting, '_')) and str-index($setting, ' ') == null {
- @warn "Words in Breakpoint settings should be separated by spaces, not dashes or underscores. Please replace dashes and underscores between words with spaces. Settings will not work as expected until changed.";
- }
- $breakpoint: map-merge($breakpoint, ($setting: $value)) !global;
- @return true;
-}
-
-@mixin breakpoint-change($setting, $value) {
- $breakpoint-change: breakpoint-set($setting, $value);
-}
-
-@mixin breakpoint-set($setting, $value) {
- @include breakpoint-change($setting, $value);
-}
-
-@mixin bkpt-change($setting, $value) {
- @include breakpoint-change($setting, $value);
-}
-@mixin bkpt-set($setting, $value) {
- @include breakpoint-change($setting, $value);
-}
-
-//////////////////////////////
-// Remove Setting
-//////////////////////////////
-@function breakpoint-reset($settings...) {
- @if length($settings) == 1 {
- $settings: nth($settings, 1);
- }
-
- @each $setting in $settings {
- $breakpoint: map-remove($breakpoint, $setting) !global;
- }
- @return true;
-}
-
-@mixin breakpoint-reset($settings...) {
- $breakpoint-reset: breakpoint-reset($settings);
-}
-
-@mixin bkpt-reset($settings...) {
- $breakpoint-reset: breakpoint-reset($settings);
-}
\ No newline at end of file
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/_double.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/_double.scss
deleted file mode 100644
index 24580c1..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/_double.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-//////////////////////////////
-// Import Pieces
-//////////////////////////////
-@import "double/default-pair";
-@import "double/double-string";
-@import "double/default";
-
-@function breakpoint-parse-double($feature, $empty-media, $first) {
- $parsed: '';
- $leader: '';
- // If we're forcing
- @if not ($empty-media) or not ($first) {
- $leader: 'and ';
- }
-
- $first: nth($feature, 1);
- $second: nth($feature, 2);
-
- // If we've got two numbers, we know we need to use the default pair because there are no media queries that has a media feature that is a number
- @if type-of($first) == 'number' and type-of($second) == 'number' {
- $parsed: breakpoint-parse-default-pair($first, $second);
- }
- // If they are both strings, we send it through the string parser
- @else if type-of($first) == 'string' and type-of($second) == 'string' {
- $parsed: breakpoint-parse-double-string($first, $second);
- }
- // If it's a string/number pair, we parse it as a normal double
- @else {
- $parsed: breakpoint-parse-double-default($first, $second);
- }
-
- @return $leader + $parsed;
-}
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/_query.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/_query.scss
deleted file mode 100644
index b138b39..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/_query.scss
+++ /dev/null
@@ -1,82 +0,0 @@
-@function breakpoint-parse-query($query) {
- // Parse features out of an individual query
- $feature-holder: ();
- $query-holder: ();
- $length: length($query);
-
- @if $length == 2 {
- // If we've got a string/number, number/string, check to see if it's a valid string/number pair or two singles
- @if (type-of(nth($query, 1)) == 'string' and type-of(nth($query, 2)) == 'number') or (type-of(nth($query, 1)) == 'number' and type-of(nth($query, 2)) == 'string') {
-
- $number: '';
- $value: '';
-
- @if type-of(nth($query, 1)) == 'string' {
- $number: nth($query, 2);
- $value: nth($query, 1);
- }
- @else {
- $number: nth($query, 1);
- $value: nth($query, 2);
- }
-
- // If the string value can be a single value, check to see if the number passed in is a valid input for said single value. Fortunately, all current single-value options only accept unitless numbers, so this check is easy.
- @if breakpoint-single-string($value) {
- @if unitless($number) {
- $feature-holder: append($value, $number, space);
- $query-holder: append($query-holder, $feature-holder, comma);
- @return $query-holder;
- }
- }
- // If the string is a media type, split the query
- @if breakpoint-is-media($value) {
- $query-holder: append($query-holder, nth($query, 1));
- $query-holder: append($query-holder, nth($query, 2));
- @return $query-holder;
- }
- // If it's not a single feature, we're just going to assume it's a proper string/value pair, and roll with it.
- @else {
- $feature-holder: append($value, $number, space);
- $query-holder: append($query-holder, $feature-holder, comma);
- @return $query-holder;
- }
-
- }
- // If they're both numbers, we assume it's a double and roll with that
- @else if (type-of(nth($query, 1)) == 'number' and type-of(nth($query, 2)) == 'number') {
- $feature-holder: append(nth($query, 1), nth($query, 2), space);
- $query-holder: append($query-holder, $feature-holder, comma);
- @return $query-holder;
- }
- // If they're both strings and neither are singles, we roll with that.
- @else if (type-of(nth($query, 1)) == 'string' and type-of(nth($query, 2)) == 'string') {
- @if not breakpoint-single-string(nth($query, 1)) and not breakpoint-single-string(nth($query, 2)) {
- $feature-holder: append(nth($query, 1), nth($query, 2), space);
- $query-holder: append($query-holder, $feature-holder, comma);
- @return $query-holder;
- }
- }
- }
- @else if $length == 3 {
- // If we've got three items and none is a list, we check to see
- @if type-of(nth($query, 1)) != 'list' and type-of(nth($query, 2)) != 'list' and type-of(nth($query, 3)) != 'list' {
- // If none of the items are single string values and none of the values are media values, we're good.
- @if (not breakpoint-single-string(nth($query, 1)) and not breakpoint-single-string(nth($query, 2)) and not breakpoint-single-string(nth($query, 3))) and ((not breakpoint-is-media(nth($query, 1)) and not breakpoint-is-media(nth($query, 2)) and not breakpoint-is-media(nth($query, 3)))) {
- $feature-holder: append(nth($query, 1), nth($query, 2), space);
- $feature-holder: append($feature-holder, nth($query, 3), space);
- $query-holder: append($query-holder, $feature-holder, comma);
- @return $query-holder;
- }
- // let's check to see if the first item is a media type
- @else if breakpoint-is-media(nth($query, 1)) {
- $query-holder: append($query-holder, nth($query, 1));
- $feature-holder: append(nth($query, 2), nth($query, 3), space);
- $query-holder: append($query-holder, $feature-holder);
- @return $query-holder;
- }
- }
- }
-
- // If it's a single item, or if it's not a special case double or triple, we can simply return the query.
- @return $query;
-}
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/_resolution.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/_resolution.scss
deleted file mode 100644
index 19769ad..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/_resolution.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-@import "resolution/resolution";
-
-@function breakpoint-build-resolution($query-print, $query-resolution, $empty-media, $first) {
- $leader: '';
- // If we're forcing
- @if not ($empty-media) or not ($first) {
- $leader: 'and ';
- }
-
- @if breakpoint-get('transform resolutions') and $query-resolution {
- $resolutions: breakpoint-make-resolutions($query-resolution);
- $length: length($resolutions);
- $query-holder: '';
-
- @for $i from 1 through $length {
- $query: '#{$query-print} #{$leader}#{nth($resolutions, $i)}';
- @if $i == 1 {
- $query-holder: $query;
- }
- @else {
- $query-holder: '#{$query-holder}, #{$query}';
- }
- }
-
- @return $query-holder;
- }
- @else {
- // Return with attached resolution
- @return $query-print;
- }
-}
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/_single.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/_single.scss
deleted file mode 100644
index d9fd764..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/_single.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-//////////////////////////////
-// Import Pieces
-//////////////////////////////
-@import "single/default";
-
-@function breakpoint-parse-single($feature, $empty-media, $first) {
- $parsed: '';
- $leader: '';
- // If we're forcing
- @if not ($empty-media) or not ($first) {
- $leader: 'and ';
- }
-
- // If it's a single feature that can stand alone, we let it
- @if (breakpoint-single-string($feature)) {
- $parsed: $feature;
- // Set Context
- $context-setter: private-breakpoint-set-context($feature, $feature);
- }
- // If it's not a stand alone feature, we pass it off to the default handler.
- @else {
- $parsed: breakpoint-parse-default($feature);
- }
-
- @return $leader + '(' + $parsed + ')';
-}
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/_triple.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/_triple.scss
deleted file mode 100644
index e273206..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/_triple.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-//////////////////////////////
-// Import Pieces
-//////////////////////////////
-@import "triple/default";
-
-@function breakpoint-parse-triple($feature, $empty-media, $first) {
- $parsed: '';
- $leader: '';
-
- // If we're forcing
- @if not ($empty-media) or not ($first) {
- $leader: 'and ';
- }
-
- // separate the string features from the value numbers
- $string: null;
- $numbers: null;
- @each $val in $feature {
- @if type-of($val) == string {
- $string: $val;
- }
- @else {
- @if type-of($numbers) == 'null' {
- $numbers: $val;
- }
- @else {
- $numbers: append($numbers, $val);
- }
- }
- }
-
- $parsed: breakpoint-parse-triple-default($string, nth($numbers, 1), nth($numbers, 2));
-
- @return $leader + $parsed;
-
-}
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/double/_default-pair.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/double/_default-pair.scss
deleted file mode 100644
index f88432c..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/double/_default-pair.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-@function breakpoint-parse-default-pair($first, $second) {
- $default: breakpoint-get('default pair');
- $min: '';
- $max: '';
-
- // Sort into min and max
- $min: min($first, $second);
- $max: max($first, $second);
-
- // Set Context
- $context-setter: private-breakpoint-set-context(min-#{$default}, $min);
- $context-setter: private-breakpoint-set-context(max-#{$default}, $max);
-
- // Make them EMs if need be
- @if (breakpoint-get('to ems') == true) {
- $min: breakpoint-to-base-em($min);
- $max: breakpoint-to-base-em($max);
- }
-
- @return '(min-#{$default}: #{$min}) and (max-#{$default}: #{$max})';
-}
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/double/_default.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/double/_default.scss
deleted file mode 100644
index 73190ed..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/double/_default.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-@function breakpoint-parse-double-default($first, $second) {
- $feature: '';
- $value: '';
-
- @if type-of($first) == 'string' {
- $feature: $first;
- $value: $second;
- }
- @else {
- $feature: $second;
- $value: $first;
- }
-
- // Set Context
- $context-setter: private-breakpoint-set-context($feature, $value);
-
- @if (breakpoint-get('to ems') == true) {
- $value: breakpoint-to-base-em($value);
- }
-
- @return '(#{$feature}: #{$value})'
-}
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/double/_double-string.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/double/_double-string.scss
deleted file mode 100644
index 4c5ce46..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/double/_double-string.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-@function breakpoint-parse-double-string($first, $second) {
- $feature: '';
- $value: '';
-
- // Test to see which is the feature and which is the value
- @if (breakpoint-string-value($first) == true) {
- $feature: $first;
- $value: $second;
- }
- @else {
- $feature: $second;
- $value: $first;
- }
-
- // Set Context
- $context-setter: private-breakpoint-set-context($feature, $value);
-
- @return '(#{$feature}: #{$value})';
-}
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/resolution/_resolution.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/resolution/_resolution.scss
deleted file mode 100644
index 3680421..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/resolution/_resolution.scss
+++ /dev/null
@@ -1,60 +0,0 @@
-@function breakpoint-make-resolutions($resolution) {
- $length: length($resolution);
-
- $output: ();
-
- @if $length == 2 {
- $feature: '';
- $value: '';
-
- // Find which is number
- @if type-of(nth($resolution, 1)) == 'number' {
- $value: nth($resolution, 1);
- }
- @else {
- $value: nth($resolution, 2);
- }
-
- // Determine min/max/standard
- @if index($resolution, 'min-resolution') {
- $feature: 'min-';
- }
- @else if index($resolution, 'max-resolution') {
- $feature: 'max-';
- }
-
- $standard: '(#{$feature}resolution: #{$value})';
-
- // If we're not dealing with dppx,
- @if unit($value) != 'dppx' {
- $base: 96dpi;
- @if unit($value) == 'dpcm' {
- $base: 243.84dpcm;
- }
- // Write out feature tests
- $webkit: '';
- $moz: '';
- $webkit: '(-webkit-#{$feature}device-pixel-ratio: #{$value / $base})';
- $moz: '(#{$feature}-moz-device-pixel-ratio: #{$value / $base})';
- // Append to output
- $output: append($output, $standard, space);
- $output: append($output, $webkit, space);
- $output: append($output, $moz, space);
- }
- @else {
- $webkit: '';
- $moz: '';
- $webkit: '(-webkit-#{$feature}device-pixel-ratio: #{$value / 1dppx})';
- $moz: '(#{$feature}-moz-device-pixel-ratio: #{$value / 1dppx})';
- $fallback: '(#{$feature}resolution: #{$value / 1dppx * 96dpi})';
- // Append to output
- $output: append($output, $standard, space);
- $output: append($output, $webkit, space);
- $output: append($output, $moz, space);
- $output: append($output, $fallback, space);
- }
-
- }
-
- @return $output;
-}
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/single/_default.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/single/_default.scss
deleted file mode 100644
index 503ef42..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/single/_default.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-@function breakpoint-parse-default($feature) {
- $default: breakpoint-get('default feature');
-
- // Set Context
- $context-setter: private-breakpoint-set-context($default, $feature);
-
- @if (breakpoint-get('to ems') == true) and (type-of($feature) == 'number') {
- @return '#{$default}: #{breakpoint-to-base-em($feature)}';
- }
- @else {
- @return '#{$default}: #{$feature}';
- }
-}
diff --git a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/triple/_default.scss b/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/triple/_default.scss
deleted file mode 100644
index 7fa418d..0000000
--- a/scss/vendor/compass-breakpoint/stylesheets/breakpoint/parsers/triple/_default.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@function breakpoint-parse-triple-default($feature, $first, $second) {
-
- // Sort into min and max
- $min: min($first, $second);
- $max: max($first, $second);
-
- // Set Context
- $context-setter: private-breakpoint-set-context(min-#{$feature}, $min);
- $context-setter: private-breakpoint-set-context(max-#{$feature}, $max);
-
- // Make them EMs if need be
- @if (breakpoint-get('to ems') == true) {
- $min: breakpoint-to-base-em($min);
- $max: breakpoint-to-base-em($max);
- }
-
- @return '(min-#{$feature}: #{$min}) and (max-#{$feature}: #{$max})';
-}
diff --git a/scss/vendor/sassy-maps/.bower.json b/scss/vendor/sassy-maps/.bower.json
deleted file mode 100644
index d44c289..0000000
--- a/scss/vendor/sassy-maps/.bower.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
- "name": "sassy-maps",
- "version": "0.4.0",
- "authors": [
- "Sam Richard "
- ],
- "main": "sass/_sassy-maps.scss",
- "devDependencies": {},
- "ignore": [
- "**/.*",
- "node_modules",
- "bower_components",
- "components",
- "tests",
- "Gemfile",
- "images",
- "fonts",
- "js",
- "package.json",
- "config.*",
- "*.gem"
- ],
- "homepage": "https://github.com/Team-Sass/Sassy-Maps",
- "_release": "0.4.0",
- "_resolution": {
- "type": "version",
- "tag": "v0.4.0",
- "commit": "2cd2d0ed7a0c0f0b68dc1ef621548dc7ada3efec"
- },
- "_source": "git://github.com/Team-Sass/Sassy-Maps.git",
- "_target": "<1.0.0",
- "_originalSource": "sassy-maps"
-}
\ No newline at end of file
diff --git a/scss/vendor/sassy-maps/CONTRIBUTING.md b/scss/vendor/sassy-maps/CONTRIBUTING.md
deleted file mode 100644
index ea49d5f..0000000
--- a/scss/vendor/sassy-maps/CONTRIBUTING.md
+++ /dev/null
@@ -1,6 +0,0 @@
-## Contributing to Sassy Maps
-
-We love contributors! Yes we do! If you would like to contribute to Sassy Maps, please follow the following guidelines:
-
-* **DO NOT ISSUE A PULL REQUEST WITHOUT RELATED ISSUE!!** All pull requests must reference an issue in the issue queue and will only be looked at after discussion about that issue has taken place. Any pull request created that does not reference an issue will be closed.
-* Each individual feature you would like add, or bug you would like to squash, should be an individual pull request. Each pull request should be from an individual feature branch to either the latest stable or development branch. **The current *stable* branch is 0.x.x. The current *development* branch is 0.x.x**. Contributions that are not in the form of a pull request will not be considered. If your pull request does not apply cleanly we will ask you to fix that before we will look into pulling it in. We may ask you to update or make changes to the code you've submitted, please don't take this the wrong way. If a pull request smells (such as if a large amount of code is all within a single commit, or the coding standards aren't in line with core Singularity) we may ask you to rewrite your commit.
\ No newline at end of file
diff --git a/scss/vendor/sassy-maps/README.md b/scss/vendor/sassy-maps/README.md
deleted file mode 100644
index eaf0253..0000000
--- a/scss/vendor/sassy-maps/README.md
+++ /dev/null
@@ -1,100 +0,0 @@
-# Sassy Maps [![Gem Version](https://badge.fury.io/rb/sassy-maps.png)](http://badge.fury.io/rb/sassy-maps) [![Build Status](https://travis-ci.org/Team-Sass/Sassy-Maps.png?branch=0.x.x)](https://travis-ci.org/Team-Sass/Sassy-Maps)
-Sassy Maps adds a variety of functions aimed at helping you work with Sass 3.3 maps much easier.
-
-## Table of Contents
-
-1. [Requirements](#requirements)
-2. [Installation](#installation)
-3. [Using Sassy Maps](#using-sassy-maps)
-4. [Functions](#functions)
-5. [Optional Modules](#optional-modules)
- * [Memo](#memo)
-
-## Requirements
-
-Sassy Maps is a Sass extension, so you're going to need Sass installed. If you do not already have Sass installed, please read [Install Sass](http://sass-lang.com/install). Sassy Maps 0.3.x requires *Sass 3.3.0* or higher.
-
-**It is HIGHLY RECOMMENDED that you run all Sass (or Compass if using it) commands through [Bundler](http://bundler.io/)**
-
-If the compiler you are using is not compatible with the above minimum versions, it will not compile correctly.
-
-**BE AWARE that CodeKit and most other GUI compilers *do not support Bundler* and are therefore NOT RECOMMENDED**
-
-## Installation
-
-The preferred way to install and use Sassy Maps is through Bundler. To do so, add the following to your Gemfile (Sass provided to ensure the correct versions are used):
-
-```ruby
-gem "sass", "~>3.3.0"
-gem "sassy-maps", "~>0.3.2"
-```
-
-Once you have done so, run `bundle install` to install your dependencies, and remember to run all of your compilation through `bundle exec`.
-
-You can also install Sassy Maps through [Bower](http://bower.io/) as it has no Ruby requirements. To do so, run the following command:
-
-```bash
-bower install sassy-maps --save-dev
-```
-
-*BE AWARE* that while you can install Sassy Maps through Bower, Sassy Maps still only works with Sass compilers that have full compatibility with Sass 3.3.x and greater. If using Compass, you are also going to need to add the folder using Compass's [`add_import_path`](http://compass-style.org/help/tutorials/configuration-reference/) config option instead of the standard `require`.
-
-## Using Sassy Maps
-
-If you already have a project made and you'd like to use Sassy Maps with it, add the following to your `config.rb` file:
-
-`require 'sassy-maps'`
-
-Then, add the following to your Sass file towards the top:
-
-`@import "sassy-maps";`
-
-## Functions
-
-* `map-get-deep($map, $keys...)` - Returns the value of the final item in `$keys` from the map `$map`. Will return `null` if no value is present and will warn of errors in search (such as if an intermediate depth is `null` or not a `map`).
-* `map-set($map, $key, $value)` - Returns a map that has the `$key` in `$map` set to the to given `$value`.
-* `map-set-deep($map, $keys, $value)` - Returns a map that has the `$key` in `$map` set to the given `$value`. `$key` should be single-depth list of keys, for instance `map-set-deep($map, ('foo' 'bar' 'baz'), "Hello World")`.
-* `map-to-string($map)` - Returns a string representation of the given `$map`.
-
-
-## Optional Modules
-
-Sassy Maps comes with optional modules that extend upon the base functionality of Sassy Maps to provide additional map-based functionality. The following are optional modules available with Sassy Maps:
-
-* [Memo](#memo)
-
-### Memo
-
-Memo is a [Memoization](http://en.wikipedia.org/wiki/Memoization) framework for Sass. Designed with framework developers in mind, it makes it easy to store and retrieve the output of functions quickly and easily without needing to run the function again. For complex functions this should greatly speed up overall compilation time for repeat function calls with identical input.
-
-To use Memo, simply include `@import "memo";` and you're good to go (normal [Sassy Maps installation](#installation) still applies). Memo comes with two functions:
-
-* `memo-set($module, $key, $value)` - Sets a memoization `$key` to the given `$value` for the prescribed `$module` (framework). The function will return `true`. Also available as a mixin (`@include memo-set($module, $key, $value)`).
-* `memo-get($module, $key)` - Returns the value of the memoization `$key` for the prescribed `$module`.
-
-Using Memo is fairly simple, just check to see if there is a memoization value for your key (and it's not `null`); if there is, return that, if not, run through the function, set the memoization, and return that result. The following example stores whether Memo is available in a variable and uses the function name as the memoization module, but if building a framework such as [Breakpoint](http://github.com/team-sass/breakpoint), that framework should be the name of the memoization module.
-
-```scss
-$Memo-Exists: function-exists(memo-get) and function-exists(memo-set);
-
-@function percentage($target, $context) {
- @if $Memo-Exists {
- $result: memo-get(percentage, $target $context);
-
- @if $result != null {
- @return $result;
- }
- }
-
- $result: $target / $context * 100%;
-
- @if $Memo-Exists {
- $holder: memo-set(percentage, $target $context, $result);
- }
-
- @return $result;
-}
-
-$half: percentage(20px, 40px); // No memoization exists, will run through the function
-$half-again: percentage(20px, 40px); // Memoization exists, will just return that result
-```
diff --git a/scss/vendor/sassy-maps/Rakefile b/scss/vendor/sassy-maps/Rakefile
deleted file mode 100644
index 2640f6e..0000000
--- a/scss/vendor/sassy-maps/Rakefile
+++ /dev/null
@@ -1,23 +0,0 @@
-require 'bundler/gem_tasks'
-require 'rake/testtask'
-
-Rake::TestTask.new do |t|
- t.libs = ['lib','tests']
- t.test_files = Dir.glob('tests/**/*_test.rb').sort
- t.verbose = false
- t.options = "- --tapy | tapout navigator --require tapout/reporters/navigator_reporter"
-end
-
-task :default => :test
-
-desc 'Re-render all test Sass files to new control files.'
-task 'render' => ['environment'] do
- require File.expand_path('../tests/navigator', __FILE__)
- Navigator::Renderer.render_controls
-end
-
-task 'environment' do
- lib = File.expand_path('../lib', __FILE__)
- $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
- require 'sassy-maps'
-end
diff --git a/scss/vendor/sassy-maps/bower.json b/scss/vendor/sassy-maps/bower.json
deleted file mode 100644
index 2606362..0000000
--- a/scss/vendor/sassy-maps/bower.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
- "name": "sassy-maps",
- "version": "0.4.0",
- "authors": [
- "Sam Richard "
- ],
- "main": "sass/_sassy-maps.scss",
- "devDependencies": {},
- "ignore": [
- "**/.*",
- "node_modules",
- "bower_components",
- "components",
- "tests",
- "Gemfile",
- "images",
- "fonts",
- "js",
- "package.json",
- "config.*",
- "*.gem"
- ]
-}
diff --git a/scss/vendor/sassy-maps/examples/example.scss b/scss/vendor/sassy-maps/examples/example.scss
deleted file mode 100644
index bf257d4..0000000
--- a/scss/vendor/sassy-maps/examples/example.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-@import "sassy-maps";
-
-$map: (400: "value", "key2": "value2", "key3": ("foo": "bar", "baz": ("waldo": "qux"), 'steve': 'perry'), "bob": "george");
-// @debug $map;
-$string: inspect($map);
-// @debug type-of($string);
-// @debug $string;
-
-$map: map-set($map, 'key2', 'value3');
-// @debug $map;
-
-@debug map-get-deep($map, 'key4', 'nine', 'eight');
-
-@debug $map;
-$map: map-set-deep($map, ('key3' 'baz' 'waldo'), "molly");
-$map: map-set-deep($map, ('key3' 'baz' 'qux'), 'quark');
-$map: map-set-deep($map, ('key3' 'jedi' 'vader'), 'red');
-$map: map-set-deep($map, ('key3' 'jedi' 'luke'), 'green');
-$map: map-set-deep($map, ('key4' 'nine' 'eight'), 'seven');
-@debug $map;
-
-@import "memo";
-
-@include memo-set(singularity, 2 .75 split, 50%);
-@include memo-set(singularity, 2 .5 split, 75%);
-
-@import "memo";
-
-$memo-exists: function-exists(memo-get) and function-exists(memo-set);
-
-@function percentage($target, $context) {
- $result: memo-get(percentage, $target $context);
-
- @if not ($memo-exists and $result != null) {
- $result: $target / $context * 100%;
- $holder: memo-set(percentage, $target $context, $result);
- }
-
- @return $result;
-}
-
-$half: percentage(20px, 40px);
-$half-again: percentage(20px, 40px);
-
-@debug $Memoization-Table;
-@debug memo-get(singularity, 2 .75 split);
\ No newline at end of file
diff --git a/scss/vendor/sassy-maps/examples/index.html b/scss/vendor/sassy-maps/examples/index.html
deleted file mode 100644
index 2f1a7cd..0000000
--- a/scss/vendor/sassy-maps/examples/index.html
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
-
-
-
-
-
- Example
-
-
-
-
-
-
-
- Sassy Maps In Action
-
-
-
-
-
-
\ No newline at end of file
diff --git a/scss/vendor/sassy-maps/lib/sassy-maps.rb b/scss/vendor/sassy-maps/lib/sassy-maps.rb
deleted file mode 100644
index 6c2a666..0000000
--- a/scss/vendor/sassy-maps/lib/sassy-maps.rb
+++ /dev/null
@@ -1,16 +0,0 @@
-require 'sassy-maps/version'
-require 'sass'
-
-sassy_maps_path = File.expand_path('../../sass', __FILE__)
-
-if (defined? Compass)
- Compass::Frameworks.register(
- 'sassy-maps',
- :stylesheets_directory => sassy_maps_path
- )
-else
- ENV["SASS_PATH"] = [ENV["SASS_PATH"], sassy_maps_path].compact.join(File::PATH_SEPARATOR)
-end
-
-module SassyMaps
-end
diff --git a/scss/vendor/sassy-maps/lib/sassy-maps/version.rb b/scss/vendor/sassy-maps/lib/sassy-maps/version.rb
deleted file mode 100644
index 6012139..0000000
--- a/scss/vendor/sassy-maps/lib/sassy-maps/version.rb
+++ /dev/null
@@ -1,4 +0,0 @@
-module SassyMaps
- VERSION = "0.4.0"
- DATE = "2014-06-03"
-end
diff --git a/scss/vendor/sassy-maps/lib/tapout/reporters/navigator_reporter.rb b/scss/vendor/sassy-maps/lib/tapout/reporters/navigator_reporter.rb
deleted file mode 100644
index 717a3af..0000000
--- a/scss/vendor/sassy-maps/lib/tapout/reporters/navigator_reporter.rb
+++ /dev/null
@@ -1,16 +0,0 @@
-require 'tapout'
-require 'tapout/reporters'
-
-module Tapout
- module Reporters
- class NavigatorReporter < RuntimeReporter
-
- def backtrace_snippets(test)
- ''
- end
-
- end
- end
-end
-
-Tapout::Reporters.index['navigator'] = Tapout::Reporters::NavigatorReporter
diff --git a/scss/vendor/sassy-maps/sache.json b/scss/vendor/sassy-maps/sache.json
deleted file mode 100644
index b492351..0000000
--- a/scss/vendor/sassy-maps/sache.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
- "name": "sassy-maps",
- "description": "Sassy Maps adds a variety of functions aimed at helping you work with Sass 3.3 maps much easier.",
- "tags": ["maps", "dry", "performance", "code-quality", "memo", "memoization"]
-}
diff --git a/scss/vendor/sassy-maps/sass/_memo.scss b/scss/vendor/sassy-maps/sass/_memo.scss
deleted file mode 100644
index 885143f..0000000
--- a/scss/vendor/sassy-maps/sass/_memo.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-@import "sassy-maps";
-
-$Memoization-Table: () !default;
-
-//////////////////////////////
-// Memoization Set
-//////////////////////////////
-@function memo-set($module, $key, $value) {
- $module: "#{$module}";
- $key: "#{$key}";
-
- $Memoization-Table: map-set-deep($Memoization-Table, ($module $key), $value) !global;
-
- @return true;
-}
-
-@mixin memo-set($module, $key, $value) {
- $holder: memo-set($module, $key, $value);
-}
-
-//////////////////////////////
-// Memoization Get
-//////////////////////////////
-@function memo-get($module, $key) {
- $module: "#{$module}";
- $key: "#{$key}";
- $private-sassy-maps-suppress-warnings: true !global;
- $result: map-get-deep($Memoization-Table, $module, $key);
- $private-sassy-maps-suppress-warnings: false !global;
- @return $result;
-}
diff --git a/scss/vendor/sassy-maps/sass/_sassy-maps.scss b/scss/vendor/sassy-maps/sass/_sassy-maps.scss
deleted file mode 100644
index 907b544..0000000
--- a/scss/vendor/sassy-maps/sass/_sassy-maps.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-//////////////////////////////
-// To String
-//////////////////////////////
-@import "sassy-maps/map-to-string";
-
-//////////////////////////////
-// Getting Helpers
-//////////////////////////////
-@import "sassy-maps/map-get";
-
-//////////////////////////////
-// Setting Helpers
-//////////////////////////////
-@import "sassy-maps/map-set";
\ No newline at end of file
diff --git a/scss/vendor/sassy-maps/sass/sassy-maps/_map-get.scss b/scss/vendor/sassy-maps/sass/sassy-maps/_map-get.scss
deleted file mode 100644
index 3450675..0000000
--- a/scss/vendor/sassy-maps/sass/sassy-maps/_map-get.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-$private-sassy-maps-suppress-warnings: false !default;
-
-//////////////////////////////
-// Map Get Deep
-//
-// Given a map and a list of keys, find the value at the given key
-//////////////////////////////
-@function map-get-deep($map, $keys...) {
- @if length($keys) == 1 {
- $keys: nth($keys, 1);
- }
- $warn: "#{nth($keys, 1)}";
- $length: length($keys);
- $get: map-get($map, nth($keys, 1));
-
- @if $length > 1 {
- @for $i from 2 through $length {
- @if $get != null and type-of($get) == 'map' {
- $warn: $warn + "->#{nth($keys, $i)}";
- $get: map-get($get, nth($keys, $i));
-
- @if $get == null {
- @return map-get-deep-warning($warn, $get);
- }
- }
- @else {
- @return map-get-deep-warning($warn, $get);
- }
- }
- }
-
- @return $get;
-}
-
-//////////////////////////////
-// Map Get Deep Warning
-//
-// Displays a warning if the retrieved value is `null`
-//////////////////////////////
-@function map-get-deep-warning($warn, $get) {
- @if not $private-sassy-maps-suppress-warnings {
- @if $get == null {
- @warn "Map has no value for key search `#{$warn}`";
- }
- @else if type-of($get) != 'map' {
- @warn "Non-map value found for key search `#{$warn}`, cannot search for key `#{nth($keys, $i)}`";
- }
- }
- @return null;
-}
diff --git a/scss/vendor/sassy-maps/sass/sassy-maps/_map-set.scss b/scss/vendor/sassy-maps/sass/sassy-maps/_map-set.scss
deleted file mode 100644
index 5d9d62c..0000000
--- a/scss/vendor/sassy-maps/sass/sassy-maps/_map-set.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-@function get-keys($keys, $counter) {
- $return: ();
- @for $i from 1 to $counter {
- $return: append($return, nth($keys, $i));
- }
- @return $return;
-}
-
-@function map-set($map, $key, $value) {
- @return map-merge($map, ($key: $value));
-}
-
-@function map-set-deep($map, $keys, $value) {
- $private-sassy-maps-suppress-warnings: true !global;
- $length: length($keys);
- $get-keys: ();
- $map-level: ();
-
-
- @if $length > 1 {
- $get-keys: get-keys($keys, $length);
- $map-level: map-get-deep($map, $get-keys);
- }
- $merge: (nth($keys, $length): $value);
- @if $map-level {
- $merge: map-merge($map-level, $merge);
- }
- @for $i from ($length * -1 + 1) through -1 {
- $j: abs($i);
- $key: nth($keys, $j);
- //
- // @debug $get-keys;
- @if $j > 1 {
- $get-keys: get-keys($keys, $j);
- $map-level: map-get-deep($map, $get-keys);
- @if $map-level {
- $merge: map-merge($map-level, ($key: $merge));
- }
- @else {
- $merge: ($key: $merge);
- }
- }
- @else {
- $merge: ($key: $merge);
- }
- }
- $map: map-merge($map, $merge);
-
- $private-sassy-maps-suppress-warnings: false !global;
- @return $map;
-}
diff --git a/scss/vendor/sassy-maps/sass/sassy-maps/_map-to-string.scss b/scss/vendor/sassy-maps/sass/sassy-maps/_map-to-string.scss
deleted file mode 100644
index d39ca73..0000000
--- a/scss/vendor/sassy-maps/sass/sassy-maps/_map-to-string.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@function map-to-string($map) {
- @return inspect($map);
-}
\ No newline at end of file
diff --git a/scss/vendor/sassy-maps/sassy-maps.gemspec b/scss/vendor/sassy-maps/sassy-maps.gemspec
deleted file mode 100644
index 1c0db52..0000000
--- a/scss/vendor/sassy-maps/sassy-maps.gemspec
+++ /dev/null
@@ -1,28 +0,0 @@
-$:.push File.expand_path('../lib', __FILE__)
-require 'sassy-maps/version'
-
-Gem::Specification.new do |s|
- s.name = 'sassy-maps'
- s.version = SassyMaps::VERSION
- s.platform = Gem::Platform::RUBY
- s.authors = ['Sam Richard']
- s.email = ['sam@snug.ug']
- s.license = 'MIT'
- s.homepage = 'https://github.com/Snugug/Sassy-Maps'
- s.summary = 'Map helper functions for Sass 3.3 Maps'
- s.description = 'Map helper functions for Sass 3.3 Maps including get-deep and set/set-deep'
- s.rubyforge_project = 'sassy-maps'
- s.files = ['README.md']
- s.files += Dir.glob("lib/**/*.*")
- s.files += Dir.glob("sass/**/*.*")
- s.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
- s.require_paths = ["lib"]
- s.add_dependency('sass', '~> 3.3')
- s.add_development_dependency('bundler')
- s.add_development_dependency('rake')
- s.add_development_dependency('minitest')
- s.add_development_dependency('minitap')
- s.add_development_dependency('tapout')
- s.add_development_dependency('term-ansicolor')
- s.add_development_dependency('colorize')
-end
diff --git a/templates/base.html b/templates/base.html
index 3f00dd9..c7d7f88 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,20 +1,26 @@
-
-
-
- {% block title %}{{ title }} - What 2 Watch{% endblock %}
- {% block head %}{% endblock %}
-
-
-
-
- {% block content %}{% endblock %}
-
-
-
+
+
+
+
+ {% block title %}{{ title }} - What 2 Watch{% endblock %}
+
+
+ {% block head %}{% endblock %}
+
+
+
+
+
+
+ {% block content %}{% endblock %}
+
+
+
+
diff --git a/templates/css/ww.css b/templates/css/ww.css
new file mode 100644
index 0000000..9ea1f5b
--- /dev/null
+++ b/templates/css/ww.css
@@ -0,0 +1 @@
+@import "picnic.min";
diff --git a/templates/header_with_user.html b/templates/header_with_user.html
index e3e2fc7..1c8c61b 100644
--- a/templates/header_with_user.html
+++ b/templates/header_with_user.html
@@ -5,9 +5,11 @@
-