From c019b69161ab84272892f85891ffc28772123835 Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Tue, 15 Nov 2016 00:05:14 +0200 Subject: [PATCH] Added more info on index page --- docs/v2/DEVLOG.md | 6 ++++++ docs/v2/index.html | 35 +++++++++++++++++++++++++++++++++-- 2 files changed, 39 insertions(+), 2 deletions(-) diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md index 9c39b5d..5f20fc8 100644 --- a/docs/v2/DEVLOG.md +++ b/docs/v2/DEVLOG.md @@ -448,3 +448,9 @@ - Tested some minor color issues with the page's background color and the cards' background color. Made some adjustments, uncertain if I will keep them. - Added `$table-body-back-color`, `$table-body-fore-color` and `$table-head-fore-color` in addition to the existing `$table-head-back-color` and optimized them accordingly. - *TODO* Some minor changes to `.button-group` might be needed (button shadows overlapping and existing, the extra border etc.). + + +## 20161114 + +- Added the basic setup instructions in the `index` page. +- Added a few links for getting started in the `index` page. Page is complete for now. diff --git a/docs/v2/index.html b/docs/v2/index.html index fff8990..2f66f75 100644 --- a/docs/v2/index.html +++ b/docs/v2/index.html @@ -39,6 +39,9 @@ -webkit-align-self: auto; align-self: auto; } + .fore-primary { color: #0d47a1; font-family: monospace, monospace; } + .fore-secondary { color: #b71c1c; font-family: monospace, monospace; } + .fore-tertiary { color: #1b5e20; font-family: monospace, monospace; } @@ -97,11 +100,27 @@ +
+
+

Setup and usage

+

You can import he default flavor of mini.css in your webpage by simply adding the following reference inside your HTML page's <head> tag:


+ 
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v2.0/dist/mini-default.min.css">

+

If you want to download the package using your favorite package manager, you can use either Bower or NPM:


+
+
+ 
bower install mini.css
+
+
+ 
npm install mini.css
+
+

+

If you are interested in tinkering with the flavor files and cooking your own flavor, check out the Customization page for information, tips on how to get started and general guidelines.

+
+

Quick overview

-

Take a couple of minutes to learn how mini.css differs from all those other UI toolkits (Bootstrap, Semantic UI etc).

-
+

Take a couple of minutes to learn how mini.css differs from all those other UI toolkits (Bootstrap, Semantic UI etc):

@@ -231,6 +250,18 @@
Toolkit file size comparison

! Due to the way mini.css is crafted, some legacy browsers are not supported anymore and some others are partially supported. This could be a dealbreaker for some developers, however most legacy browsers will display a less feature-rich and modern website. Apart from the above table, note that some mobile browsers like Opera Mini, IE Mobile and UC Browser for Android are officially supported, but some features may not display or behave properly due to the browsers themselves.

+
+
+
+
+

Getting started

+

If you are still here after reading this far, we will assume you are interested or at least curious. Based on that assumption, here are a few links to help get you started:

+
    +
  • For a quick guide on getting started, you might wanna take a look at the available modules list and the tutorials provided for each one!
    • +
  • mini.css comes with a few nice pre-built customizable flavors. See which one of them better suits your needs!
    • +
  • If you are more experienced or demanding, you can always take a look at the customization section to cook up a flavor of your own custom-tailored to your needs!
    • +
+