From a0217474950c5b4ab856280f3d015bf531d355e2 Mon Sep 17 00:00:00 2001 From: Alexander Ott Date: Tue, 20 Sep 2016 14:06:51 +0200 Subject: [PATCH] Cleanup --- README.md | 85 ----------- bower.json | 2 +- css/lemonade.css | 111 -------------- css/lemonade.min.css | 1 - gulpfile.js | 34 ----- index.html | 355 ------------------------------------------- 6 files changed, 1 insertion(+), 587 deletions(-) delete mode 100755 README.md delete mode 100644 css/lemonade.css delete mode 100644 css/lemonade.min.css delete mode 100644 gulpfile.js delete mode 100644 index.html diff --git a/README.md b/README.md deleted file mode 100755 index e8a39fa..0000000 --- a/README.md +++ /dev/null @@ -1,85 +0,0 @@ -# Lemonade - -Lemonade is a a simple, flexible and easy-to-customise grid system. It was created in order to give designers & developers a kickstart with their projects. It currently supports Chrome, Firefox, Safari, Opera & IE 9+, also supports major phone devices too. - -## Installation - -- Clone `git clone https://github.com/dope/lemonade.git` -- [Download the latest version](https://github.com/dope/lemonade/archive/master.zip) -- Install with Bower: `bower install lemonade` - - -## Getting Started -Getting started couldn't be easier - -#### First you need to link the stylesheet -```html - -``` - -#### Structuring your layouts -```html -
-
Content here
-
Content here
-
Content here
-
-``` -Creating a three-column layout (for galleries for example) is really simple, this will scale down to 100% on mobile. Wrap the .bit's in a .frame class to clear the floats. - -#### Customising your grid -Maybe you want to go old school and create a two-column layout, It's so easy all you need is basic math (along as the .bit- classes equal to 100%, it will be perfect). -```html -
-
Content here
-
Content here
-
-``` -Creating the css is also simple: -```css -.bit-75 {width:75%;} -.bit-25 {width:25%;} -``` - -### Support -If you have any questions or you're struggling with it, get in touch: - -- [hello.joer@gmail.com](mailto:hello.joer@gmail.com) -- [@joericho](http://twitter.com/joericho) -- [@lemonadegrid](http://twitter.com/lemonadegrid) - -### Tutorials -[Build a Freshly Squeezed Responsive Grid System](http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/build-a-freshly-squeezed-responsive-grid-system) -If you have written about Lemonade or want too - [let me know](http://twitter.com/joericho) - -### Lets make Lemonade -Currently building the real documentation website for Lemonade, If you've got any finished results of using Lemonade or you've got any kind words to say - [get in touch](http://twitter.com/joericho) - -### Thank you! -I've had some amazing feedback since creating Lemonade and I am glad it can help people. - -Also want to thank people who are testing and contributing to the product. - -### License -``` -Copyright (C) 2014 Joe Richardson - -Permission is hereby granted, free of charge, to any person obtaining a -copy of this software and associated documentation files (the -"Software"), to deal in the Software without restriction, including -without limitation the rights to use, copy, modify, merge, publish, -distribute, sublicense, and/or sell copies of the Software, and to -permit persons to whom the Software is furnished to do so, subject to -the following conditions: - -The above copyright notice and this permission notice shall be included -in all copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS -OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND -NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE -LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION -OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION -WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -``` diff --git a/bower.json b/bower.json index aa14243..e9de60d 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "lemonade", - "version": "2.2.0", + "version": "2.3.0", "main": "scss/lemonade.scss", "author": "Joe Richardson", "ignore": [ diff --git a/css/lemonade.css b/css/lemonade.css deleted file mode 100644 index 539c2d6..0000000 --- a/css/lemonade.css +++ /dev/null @@ -1,111 +0,0 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; } - -.frame { - margin: 0 auto; - max-width: 100%; } - .frame:after { - content: ""; - display: table; - clear: both; } - -[class*='bit-'] { - float: left; - padding: 0.3em; } - -.bit-1 { - width: 100%; } - -.bit-2 { - width: 50%; } - -.bit-3 { - width: 33.33333%; } - -.bit-4 { - width: 25%; } - -.bit-5 { - width: 20%; } - -.bit-6 { - width: 16.66667%; } - -.bit-7 { - width: 14.28571%; } - -.bit-8 { - width: 12.5%; } - -.bit-9 { - width: 11.11111%; } - -.bit-10 { - width: 10%; } - -.bit-11 { - width: 9.09091%; } - -.bit-12 { - width: 8.33333%; } - -.bit-25 { - width: 25%; } - -.bit-40 { - width: 40%; } - -.bit-60 { - width: 60%; } - -.bit-75 { - width: 75%; } - -@media (max-width: 30em) { - .bit-1 { - width: 100%; } - .bit-2 { - width: 100%; } - .bit-3 { - width: 100%; } - .bit-4 { - width: 100%; } - .bit-5 { - width: 100%; } - .bit-6 { - width: 100%; } - .bit-7 { - width: 100%; } - .bit-8 { - width: 100%; } - .bit-9 { - width: 100%; } - .bit-10 { - width: 100%; } - .bit-11 { - width: 100%; } - .bit-12 { - width: 100%; } } - -@media (min-width: 30em) and (max-width: 50em) { - .bit-4, .bit-6, .bit-8, .bit-10, .bit-12 { - width: 50%; } - .bit-1, .bit-2, .bit-3, .bit-5, .bit-7, .bit-9, .bit-11 { - width: 100%; } } - -@media (min-width: 50em) and (max-width: 68.75em) { - .bit-2, .bit-7 { - width: 100%; } - .bit-4, .bit-8, .bit-10, .bit-12 { - width: 50%; } } - -.box { - background: #FCD920; - font-family: "Futura", sans-serif; - font-size: 14px; - text-align: center; - padding: 20px 0; } - .box--new { - background: #87D37C; } diff --git a/css/lemonade.min.css b/css/lemonade.min.css deleted file mode 100644 index 02a5e92..0000000 --- a/css/lemonade.min.css +++ /dev/null @@ -1 +0,0 @@ -*{margin:0;padding:0;box-sizing:border-box}.frame{margin:0 auto;max-width:100%}.frame:after{content:"";display:table;clear:both}[class*=bit-]{float:left;padding:.3em}.bit-1{width:100%}.bit-2{width:50%}.bit-3{width:33.33333%}.bit-4{width:25%}.bit-5{width:20%}.bit-6{width:16.66667%}.bit-7{width:14.28571%}.bit-8{width:12.5%}.bit-9{width:11.11111%}.bit-10{width:10%}.bit-11{width:9.09091%}.bit-12{width:8.33333%}.bit-25{width:25%}.bit-40{width:40%}.bit-60{width:60%}.bit-75{width:75%}@media (max-width:30em){.bit-1,.bit-10,.bit-11,.bit-12,.bit-2,.bit-3,.bit-4,.bit-5,.bit-6,.bit-7,.bit-8,.bit-9{width:100%}}@media (min-width:30em) and (max-width:50em){.bit-10,.bit-12,.bit-4,.bit-6,.bit-8{width:50%}.bit-1,.bit-11,.bit-2,.bit-3,.bit-5,.bit-7,.bit-9{width:100%}}@media (min-width:50em) and (max-width:68.75em){.bit-2,.bit-7{width:100%}.bit-10,.bit-12,.bit-4,.bit-8{width:50%}}.box{background:#FCD920;font-family:Futura,sans-serif;font-size:14px;text-align:center;padding:20px 0}.box--new{background:#87D37C} \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js deleted file mode 100644 index 6dd2e5d..0000000 --- a/gulpfile.js +++ /dev/null @@ -1,34 +0,0 @@ -// requirements -var gulp = require('gulp'); -var sass = require('gulp-sass'); -var browserSync = require('browser-sync'); -var prefix = require('gulp-autoprefixer'); -var rename = require('gulp-rename'); -var minifyCSS = require('gulp-minify-css'); - -// create sass tasks -gulp.task('sass', function () { - gulp.src('scss/**/*.scss') - .pipe(sass({outputStyle: 'expanded', includePaths: ['scss']})) - .pipe(prefix("last 2 versions", "> 1%", "ie 8", "Android 2", "Firefox ESR")) - .pipe(gulp.dest('css')) - .pipe(minifyCSS()) - .pipe(rename({ - suffix: '.min' - })) - .pipe(gulp.dest('css')); -}); - -// create browser sync task -gulp.task('browser-sync', function() { - browserSync.init(["css/*.css"], { - server: { - baseDir: "./" - } - }); -}); - -// default task (just run gulp) -gulp.task('default', ['sass', 'browser-sync'], function () { - gulp.watch("scss/**/*.scss", ['sass']); -}); diff --git a/index.html b/index.html deleted file mode 100644 index a994e87..0000000 --- a/index.html +++ /dev/null @@ -1,355 +0,0 @@ - - - - - - Lemonade v2 - Demo - - - - -
- - -
-
.bit-75
-
- -
-
.bit-25
-
- -
-
.bit-60
-
- -
-
.bit-40
-
- - -
-
.bit-1
-
- - -
-
.bit-2
-
- -
-
.bit-2
-
- - -
-
.bit-3
-
- -
-
.bit-3
-
- -
-
.bit-3
-
- - -
-
.bit-4
-
- -
-
.bit-4
-
- -
-
.bit-4
-
- -
-
.bit-4
-
- - -
-
.bit-5
-
- -
-
.bit-5
-
- -
-
.bit-5
-
- -
-
.bit-5
-
- -
-
.bit-5
-
- - -
-
.bit-6
-
- -
-
.bit-6
-
- -
-
.bit-6
-
- -
-
.bit-6
-
- -
-
.bit-6
-
- -
-
.bit-6
-
- - -
-
.bit-7
-
- -
-
.bit-7
-
- -
-
.bit-7
-
- -
-
.bit-7
-
- -
-
.bit-7
-
- -
-
.bit-7
-
- -
-
.bit-7
-
- - -
-
.bit-8
-
- -
-
.bit-8
-
- -
-
.bit-8
-
- -
-
.bit-8
-
- -
-
.bit-8
-
- -
-
.bit-8
-
- -
-
.bit-8
-
- -
-
.bit-8
-
- - -
-
.bit-9
-
- -
-
.bit-9
-
- -
-
.bit-9
-
- -
-
.bit-9
-
- -
-
.bit-9
-
- -
-
.bit-9
-
- -
-
.bit-9
-
- -
-
.bit-9
-
- -
-
.bit-9
-
- - -
-
.bit-10
-
- -
-
.bit-10
-
- -
-
.bit-10
-
- -
-
.bit-10
-
- -
-
.bit-10
-
- -
-
.bit-10
-
- -
-
.bit-10
-
- -
-
.bit-10
-
- -
-
.bit-10
-
- -
-
.bit-10
-
- - -
-
.bit-11
-
- -
-
.bit-11
-
- -
-
.bit-11
-
- -
-
.bit-11
-
- -
-
.bit-11
-
- -
-
.bit-11
-
- -
-
.bit-11
-
- -
-
.bit-11
-
- -
-
.bit-11
-
- -
-
.bit-11
-
- -
-
.bit-11
-
- - -
-
.bit-12
-
- -
-
.bit-12
-
- -
-
.bit-12
-
- -
-
.bit-12
-
- -
-
.bit-12
-
- -
-
.bit-12
-
- -
-
.bit-12
-
- -
-
.bit-12
-
- -
-
.bit-12
-
- -
-
.bit-12
-
- -
-
.bit-12
-
- -
-
.bit-12
-
-
- -