volt-picnic 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 29ec441bdeb0e9bc55fddb8e35e0662d3d439512
+  data.tar.gz: 1050a6c38216ecf69921a0a91f8913e910512a43
+SHA512:
+  metadata.gz: c859251b0ccb46abe21819be461effb7c1763410aae1be097837f0ef746d87f067047b2b12aa94fbf886cc6f4899434f1bbc3783b3cf4561f1f5b40f9c31d3c4
+  data.tar.gz: beb68aea718d4d2b5da04c73d906a02553f811b40940f2726fd1ae3f8b6ccd8e42eda39845335d677d463ca577cec3e3dad875e2fe266e6adbab427441709957

data/.gitignore

@@ -0,0 +1,18 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+.DS_Store

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in volt-picnic.gemspec
+gemspec

data/README.md

@@ -0,0 +1,29 @@
+# Volt::Picnic
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'volt-picnic'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install volt-picnic
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it ( http://github.com/[my-github-username]/volt-picnic/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/VERSION

@@ -0,0 +1 @@
+0.0.1

data/app/picninc/assets/css/picninc.css

@@ -0,0 +1,791 @@
+/*
+ * Use http://cssminifier.com/ , it doesn't break the CSS
+ *
+ * 1. Normalize
+ * 2. Generic
+ * 3. Forms
+ *   3.1 Inputs
+ *   3.2 Selects
+ *   3.3 Checkboxes & Radiobuttons
+ * 4. Buttons
+ * 5. Tables
+ * 6. Grids
+ *
+ */
+
+/*
+Defaults:
+
+  margin: .3em;
+  padding: .3em;
+  border-radius: .2em;
+  darker color: rgba(255, 255, 255, .3);
+
+*/
+
+
+
+/* NORMALIZE */
+/* normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+/* END NORMALIZE */
+
+
+
+
+
+
+/* GENERIC */
+/* Delete the outline when links are active */
+body {
+    color: #333;
+    font-size: 1.1em;
+    line-height: 1.5em;
+}
+:focus {
+    outline: none;
+}
+
+
+
+h1 {
+    line-height: 1.5em;
+}
+
+a, a:hover, a:active, a:visited {
+    color: #0074d9;
+    text-decoration: none;
+}
+li {
+    margin: 0 0 5px;
+}
+/* The <pre> doesn't have a nice style from Normalize.css */
+pre {
+    text-align: left;
+    border: 1px solid rgba(0,0,0,.1);
+    background: rgba(0,0,0,.05);
+    padding: .3em;
+}
+code {
+    background: #EEE;
+    padding: 3px 5px;
+    font-size: .8em;
+}
+blockquote {
+    padding: 0 0 0 1em;
+    margin: 0 0 0 .1em;
+    box-shadow: inset 5px 0px rgba(0, 0, 0, 0.2);
+}
+
+/* Nice fontello trick from Ronen Ackerman ( http://stackoverflow.com/a/17561467 ) */
+i[class^="icon-"]:before,i[class*=" icon-"]:before {
+    margin: 0;
+}
+/* END GENERIC*/
+
+
+
+
+
+
+/* INPUT */
+input {
+    line-height: 1.5em;
+    margin: .2em;
+    padding: .2em .5em;
+    border: 1px solid rgba(0,0,0,.3);
+    box-shadow: inset .1em .1em .2em -.1em rgba(0,0,0,.3);
+    border-radius: .2em;
+}
+
+input:focus {
+    border-color: #7fdbff;
+    box-shadow: 0 0 .2em -.1em rgba(0,0,0,.2);
+    transition: all 0.3s ease;
+}
+
+input:focus:valid {
+    border-color: #2ecc40;
+    box-shadow: 0 0 .2em -.1em #2ecc40;
+    transition: all 0.3s ease;
+}
+
+input:invalid {
+    border-color: #ff4136;
+    box-shadow: 0 0 .2em -.1em #ff4136;
+    transition: all 0.3s ease;
+}
+
+input:focus:invalid {
+    border-color: #ff851b;
+    box-shadow: 0 0 .2em -.1em #ff851b;
+    transition: all 0.3s ease;
+}
+/* END INPUT */
+
+
+
+
+
+
+/* SELECT */
+.select {
+    display: inline-block;
+    position: relative;
+    border: 1px solid rgba(0,0,0,.3);
+    border-radius: .2em;
+    overflow: hidden;
+}
+
+.select:after {
+    padding: .2em 0 .2em 1.3em;
+    background: #FFF;
+    content: "▼";
+    display: block;
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 2.3em;
+    height: 100%;
+    pointer-events: none;
+    font-size: .8em;
+    line-height: 1.8em;
+}
+
+select {
+    padding: 0 2em 0 .3em;
+    background: none;
+    border: none;
+    min-width: 14em;
+    -webkit-padding-before: .23em;
+    -webkit-padding-after: .17em;
+
+    /* Add border to the dropdown and hide it from the closed one */
+    border: 1px solid #CCC;
+    margin: -2px;
+
+    cursor: pointer;
+}
+
+select:-moz-focusring {
+    color: transparent;
+    text-shadow: 0 0 0 #333;
+}
+
+select option {
+    padding: .2em .5em;
+}
+/* END SELECT */
+
+
+
+
+
+
+/* CHECKBOX */
+
+
+
+
+
+
+.checkbox {
+    position: relative;
+    display: inline-block;
+    min-width: 1em;
+    min-height: 1.25em;
+    line-height: 1em;
+    margin: .2em 0 -.2em;
+    outline: 0px none;
+    vertical-align: middle;
+    cursor: pointer;
+}
+
+/* Match the element following input */
+.checkbox input + * {
+    vertical-align: super;
+}
+
+.checkbox input + *:before {
+    content: "";
+    position: absolute;
+    border-radius: .2em;
+    min-width: .8em;
+    height: .8em;
+    top: .1em;
+    line-height: .8em;
+    width: .8em;
+    height: .8em;
+    left: 0px;
+    content: "✔";
+    text-align: center;
+    background: #FFF;
+    color: transparent;
+    border: 1px solid rgba(0, 0, 0, 0.3);
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+}
+
+.checkbox input {
+    opacity: 0;
+}
+
+.checkbox input:checked + *:before {
+    color: #555;
+}
+/* END CHECKBOX */
+
+
+
+
+
+
+/* RADIO */
+.radio {
+    position: relative;
+    display: inline-block;
+    min-width: 1em;
+    min-height: 1.25em;
+    line-height: 1em;
+    margin: .2em 0 -.2em;
+    outline: 0px none;
+    vertical-align: middle;
+    cursor: pointer;
+}
+
+/* Match the element following input */
+.radio input + * {
+    vertical-align: super;
+}
+
+/* Not to repeat them */
+.radio input + *:before,
+.radio input + *:after {
+    content: "";
+    position: absolute;
+    border-radius: 100em;
+    margin: .1em 0;
+}
+
+.radio input + *:before {
+    min-width: .8em;
+    height: .8em;
+    top: 0;
+    line-height: .8;
+    width: .8em;
+    height: .8em;
+    left: 0px;
+    background: #FFF;
+    border: 1px solid rgba(0, 0, 0, 0.3);
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+}
+
+.radio input + *:after {
+    border: none;
+    top: 0.2em;
+    left: 0.2em;
+    width: 0.4em;
+    height: 0.4em;
+    background: #555;
+    opacity: 0;
+}
+
+.radio input {
+    opacity: 0;
+}
+
+.radio input:checked + *:after {
+    opacity: 1;
+}
+/* END RADIO */
+
+
+
+
+
+
+/* BUTTON */
+/* Normal button */
+button,
+input[type='submit'],
+a.button,
+label.button span {
+    border: none;
+    box-sizing: content-box;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    display: inline-block;
+    font-size: 1em;
+    height: 1.2em;
+    line-height: 1.2em;
+    text-decoration: none;
+    color: inherit;
+    vertical-align: middle;
+    padding: .3em 1em .5em;
+    background: #AAA;
+    color: #FFF;
+    margin: 0 0 .2em;
+    box-shadow: inset 0 -.2em rgba(0,0,0,.3);
+    border-radius: .2em;
+    cursor: pointer;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    transition: all .1s ease 0.1s;
+}
+
+.button input {
+    display: none;
+}
+
+/* Hover the button */
+button:hover,
+input[type='submit']:hover,
+a.button:hover,
+label.button:hover span {
+    margin: .1em 0 .2em;
+    padding: .3em 1em .4em;
+    transition: all .1s ease;
+    box-shadow: inset 0 -.1em rgba(0,0,0,.3);
+}
+
+/* Press the button */
+button:active,
+input[type='submit']:active,
+a.button:active,
+label.button span:active,
+label.button input:checked + span {
+    margin: .2em 0 .2em;
+    padding: .3em 1em .3em;
+    box-shadow: inset 0 .1em .1em rgba(0,0,0,0.3);
+}
+
+/* Different type of buttons */
+button.primary,
+input[type='submit'].primary,
+a.button.primary,
+label.button.primary span {
+    background: #0074d9;
+}
+
+button.success,
+input[type='submit'].success,
+a.button.success,
+label.button.success span {
+    background: #2ecc40;
+}
+
+button.warning,
+input[type='submit'].warning,
+a.button.warning,
+label.button.warning span {
+    background: #ff851b;
+}
+
+button.error,
+input[type='submit'].error,
+a.button.error,
+label.button.error span {
+    background: #ff4136;
+}
+/* END BUTTON */
+
+
+
+
+
+
+/* TABLE */
+table {
+    text-align: left;
+}
+
+td,th {
+    padding: .4em 2.4em .4em .6em;
+}
+
+th {
+    font-weight: 900;
+    color: #fff;
+    background: #BBB;
+}
+
+.primary th {
+    background-color: #0074D9;
+}
+
+.success th {
+    background-color: #2ECC40;
+}
+
+.warning th {
+    background-color: #FF851B;
+}
+
+.error th {
+    background-color: #FF4136;
+}
+
+
+tr:nth-child(even) {
+    background: rgba(0,0,0,.05);
+}
+/* END TABLE */
+
+
+
+
+
+
+/* GRIDS */
+.row {
+    position: relative;
+    display: block;
+    overflow: auto;
+}
+
+[class*="full"],[class*="half"],[class*="third"],[class*="fourth"],[class*="fifth"],[class*="sixth"] {
+    box-sizing: border-box;
+    float: left;
+    padding-left: 0;
+    padding-right: 0;
+    min-height: 1px;
+}
+
+.none {
+    display: none;
+}
+
+.full {
+    width: 100%;
+}
+
+.half {
+    width: 50%;
+}
+
+.third {
+    width: 33.333%;
+}
+
+.two-third {
+    width: 66.666%;
+}
+
+.fourth {
+    width: 25%;
+}
+
+.three-fourth {
+    width: 75%;
+}
+
+.fifth {
+    width: 20%;
+}
+
+.two-fifth {
+    width: 40%;
+}
+
+.three-fifth {
+    width: 60%;
+}
+
+.four-fifth {
+    width: 80%;
+}
+
+.sixth {
+    width: 16.666%;
+}
+
+/* Responsive grids: tablet+ */
+@media all and (min-width: 750px) {
+    .m-none {
+        display: none;
+    }
+
+    .m-full {
+        width: 100%;
+    }
+
+    .m-half {
+        width: 50%;
+    }
+
+    .m-third {
+        width: 33.333%;
+    }
+
+    .m-two-third {
+        width: 66.666%;
+    }
+
+    .m-fourth {
+        width: 25%;
+    }
+
+    .m-three-fourth {
+        width: 75%;
+    }
+
+    .m-fifth {
+        width: 20%;
+    }
+
+    .m-two-fifth {
+        width: 40%;
+    }
+
+    .m-three-fifth {
+        width: 60%;
+    }
+
+    .m-four-fifth {
+        width: 80%;
+    }
+
+    .m-sixth {
+        width: 16.666%;
+    }
+}
+
+/* Responsive grids: laptop+ */
+@media all and (min-width: 1200px) {
+    .l-none {
+        display: none;
+    }
+
+    .l-full {
+        width: 100%;
+    }
+
+    .l-half {
+        width: 50%;
+    }
+
+    .l-third {
+        width: 33.333%;
+    }
+
+    .l-two-third {
+        width: 66.666%;
+    }
+
+    .l-fourth {
+        width: 25%;
+    }
+
+    .l-three-fourth {
+        width: 75%;
+    }
+
+    .l-fifth {
+        width: 20%;
+    }
+
+    .l-two-fifth {
+        width: 40%;
+    }
+
+    .l-three-fifth {
+        width: 60%;
+    }
+
+    .l-four-fifth {
+        width: 80%;
+    }
+
+    .l-sixth {
+        width: 16.666%;
+    }
+}
+/* END GRID */
+
+
+
+
+
+
+/* NAV */
+nav {
+    width: 100%;
+    position: fixed;
+    text-align: center;
+    top: 0;
+    background: #FFF;
+    box-shadow: 0 0 .6em rgba(0,0,0,.3);
+    z-index: 10;
+    transition: all .3s ease;
+}
+
+nav.transparent {
+    box-shadow: none;
+    background: none;
+}
+
+nav.transparent a,
+nav.transparent a:visited {
+    color: #FFF;
+}
+
+nav a,
+nav a:visited {
+    color: #333;
+    display: inline-block;
+    font-size: 1em;
+    height: 2em;
+    line-height: 2em;
+    padding: .5em .6em;
+}
+
+nav a:hover {
+    color: #333;
+    box-shadow: inset 0 -.2em 0 #7fdbff;
+}
+
+nav a.button,
+nav a.button:hover {
+    color: #FFF;
+    line-height: 1.4em;
+}
+
+nav .main,
+nav .menu {
+    margin: 0 .5em;
+}
+
+nav .main {
+    font-weight: 700;
+    float: left;
+    max-width: 50%;
+    white-space: nowrap;
+}
+
+
+nav .main img {
+    height: 2em;
+}
+
+nav .menu {
+    float: right;
+}
+
+.burgercheck,.burgermenu {
+    display: none;
+    cursor: pointer;
+}
+
+.burgermenu {
+    display: inline-block;
+    position: relative;
+    height: .8em;
+    width: .4em;
+    margin: .35em;
+    display: none;
+}
+
+.burgermenu:before,.burgermenu:after {
+    display: none;
+    content: " ";
+    width: 100%;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    border-style: solid;
+    border-color: #333;
+    border-width: .14em 0;
+}
+
+.burgermenu:after {
+    top: 50%;
+    margin-top: -.07em;
+}
+
+@media all and (max-width: 960px) {
+    [class*="icon-"]:before,[class*=" icon-"]:before {
+        display: none;
+    }
+}
+
+@media all and (max-width: 750px) {
+    [class*="icon-"]:before {
+        display: inline-block;
+    }
+
+    .burgercheck ~ label:before,.burgercheck ~ label:after {
+        display: block;
+    }
+
+    .burgercheck ~ label {
+        position: fixed;
+        top: 0;
+        right: 0;
+        display: inline-block;
+        font-size: 2em;
+        line-height: 1.5em;
+        padding-right: .5em;
+        text-align: right;
+        transition: all .3s ease;
+        /* Avoid the burguer menu to display while hiding */
+        transition: display 0s ease .3s;
+    }
+
+    .burgercheck:checked ~ label:before,.burgercheck:checked ~ label:after {
+        display: none;
+    }
+
+    .burgercheck:checked ~ label {
+        margin: 0;
+        right: 70%;
+        width: 30%;
+        height: 100%;
+        transition: all .3s ease;
+        background: rgba(255,255,255,.7);
+    }
+
+    nav .menu {
+        position: fixed;
+        width: 70%;
+        height: 100%;
+        right: -70%;
+        top: 0;
+        margin-right: 0;
+        background: #FFF;
+        box-shadow: 0 0 .6em rgba(0,0,0,.3);
+        overflow: auto;
+        transition: all .3s ease;
+    }
+
+    .burgercheck:checked ~ .menu {
+        right: 0;
+        transition: all .3s ease;
+    }
+
+    nav .menu a {
+        display: block;
+        text-align: left;
+    }
+
+    nav .menu .button {
+        margin: .5em;
+        float: left;
+        clear: left;
+    }
+
+    nav .menu .button:hover {
+        margin: .6em .5em .5em;
+    }
+
+    nav .menu .button:active {
+        margin: .7em .5em .5em;
+    }
+
+    .transparent .menu {
+        color: #333;
+    }
+}
+/* END NAV */