From 27f8ded65eb80640d044cbf30e3a334e8966e3fc Mon Sep 17 00:00:00 2001 From: Jenil Gogari Date: Fri, 31 Mar 2017 18:29:57 -0400 Subject: [PATCH] Basic docs --- .gitignore | 3 +++ Gemfile | 2 ++ LICENSE | 21 ------------------- doc-styles.css | 28 +++++++++++++++++++++++++ index.html | 55 ++++++++++++++++++++++++++++++++++++++++++++++++++ logo.svg | 10 +++++++++ 6 files changed, 98 insertions(+), 21 deletions(-) create mode 100644 .gitignore create mode 100644 Gemfile delete mode 100644 LICENSE create mode 100644 doc-styles.css create mode 100644 index.html create mode 100644 logo.svg diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..7a4438e --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +node_modules +_site +*.lock diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..37f5eaa --- /dev/null +++ b/Gemfile @@ -0,0 +1,2 @@ +source 'https://rubygems.org' +gem 'github-pages', group: :jekyll_plugins diff --git a/LICENSE b/LICENSE deleted file mode 100644 index 869751e..0000000 --- a/LICENSE +++ /dev/null @@ -1,21 +0,0 @@ -MIT License - -Copyright (c) 2017 Jenil Gogari - -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/doc-styles.css b/doc-styles.css new file mode 100644 index 0000000..ac735ce --- /dev/null +++ b/doc-styles.css @@ -0,0 +1,28 @@ +.hero { + display: flex; + flex-direction: column; +} + +.logo { + flex: 1; + flex-direction: column; +} + +.logo svg { + width: 100%; + max-width: 300px; +} + +.logo h3 { + font-weight: 300; +} + +footer { + background-color: #fafafa; + padding: 4rem; +} + +section { + max-width: 700px; + margin: 5rem auto; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..62ca613 --- /dev/null +++ b/index.html @@ -0,0 +1,55 @@ + + + + + + + chota.css - A really small CSS framework + + + + + + +
+
+ +
+
+ +
+
+
+
+

Features

+
    +
  • ⚡️  Super light-weight. Just 3kb (minified + gzipped).
    • +
  • ⛔️  No preprocessor, just plug-n-play
    • +
  • 📐  Magical 12 column grid
    • +
  • 🌈  Easy to extended with CSS variables
    • +
  • 🎲  Comes with a handful of components & utilities
    • +
  • ✅  Good Semantics
    • +
+
+
+

Getting Started

+

All you need is 1 CSS file, chota.css to be included in your webpage.

+
Easiest way
+

Link this CSS in your HTML:

+ 
https://unpkg.com/chota
+

You can download it from Github or install it from npm or yarn:

+ 
npm install chota
+
+
+ + + + diff --git a/logo.svg b/logo.svg new file mode 100644 index 0000000..d619e04 --- /dev/null +++ b/logo.svg @@ -0,0 +1,10 @@ + + + + + + + + + +