Git Product home page Git Product logo

concisecss.github.io's Introduction

Code Climate Gem Version

Important: This project is deprecated and there is no plans to support it in the future.

Concise is a lightweight, front-end framework that provides a number of great features without the bloat. Concise is built based on Object-Oriented CSS principles and keeps semantics in mind to provide a small learning curve, and a high level of customization.

Installation Instructions

Add this line to your application's Gemfile:

gem 'concisecss', '~> 2.0.0'

And then execute:

$ bundle

Or install it yourself as:

$ gem install concisecss

Usage

Not every single project you are working needs all of the Concise JavaScript files. You can update your application.js with the files you need

 //= require concisecss/navigation
 //= require concisecss/non-responsive
 //= require concisecss/naver
 //= require concisecss/dropdown

To add the CSS just require

 *= require concise

If you intend to extend or override Concise, you might want to create an override file. For example: app/assets/stylesheets/custom.scss and then import concise

 @import "concise";

Documentation

What would a project be without great documentation? Concise has documentation for everything that is included in the framework. If you see something that is missing or incorrect, don't hesitate to open up an issue on our GitHub repo.

Check out our documentation here: http://concisecss.com

Changelog

You can keep up-to-date with the changes that we have made via our releases page.

Versioning

Concise is currently maintained under the Semantic Versioning guidelines.

Elsewhere

Like Concise on Facebook Follow Concise on Twitter

License

Code released under the MIT license. Documentation released under Creative Commons.

concisecss.github.io's People

Contributors

dependabot[bot] avatar goliney avatar jaiheravi avatar keenanpayne avatar relip avatar smbdelse avatar stephan281094 avatar twooton61 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

concisecss.github.io's Issues

Update docs for Concise Utils

Changes:

._inline-block { display: inline-block; }
._block { display: block; }
._inline { display: inline; }
._flex { display: flex; }

._abs { position: absolute; }
._rel { position: relative; }
._sta { position: static; }
._fix { position: fixed; }

Delete borders for notes

They are not necessary since the font size is already different from the body and there is a "Note:" label

Update modals example

Has been added functionality to close modal windows without using the โ€œXโ€. This should be documented.

Masthead example css bug

on line 40 of masthead.css it should be

.siteContent {
    padding: 50px 15px;
}

so it does not show a horizontal scrollbar on screens < 1246px

Documentation Issues

-Dropdown hover doesn't work in documentation
-Dropdown video has img in the code example

Documentation Issue: Disabling HTML5

The example provided for the XHTML 1.0 strict doctype is displaying the one for HTML 4.01 transitional:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

It should be:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

line 26 of concisecss.github.io/get-started/disabling-html5.html

Replace dropdown structure

Replace things like:

<span class="dropdown">Dropdown
  <ul class="dropdown-menu">
    <li><a href="#">...</a></li>
  </ul>
</span>

with

<div class="dropdown">
  <span>Dropdown</span>
  <ul class="dropdown-menu">
    <li><a href="#">...</a></li>
  </ul>
</div>

in concisecss.github.io/documentation/navigation/dropdowns.html

Download link

Hello, this is a very small issue

The download button has a link to github.com instead of the real download or github repository.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.