Git Product home page Git Product logo

concept's Introduction

Concept is a modern, flexible CSS framework for creating beautiful web pages. It values modularity, flexibility, modern design, and efficiency.

Concept is currently in alpha and not ready for production use.

Get Started

You can install Concept in a few different ways:

  • Bower: bower install concept
  • Download the source (Sass files):
  • Download the distribution CSS:

File Structure

Concept uses Sass as its preprocessor. This allows you to completely customize the look of your web page with just a few variables. It also allows you to easily remove components and styles you don't need, for a smaller footprint.

Concept's styles are broken down into four categories: base, components, mixins, and variables.

Base

The Base folder contains much of the CSS for basic HTML elements, along with basic classes for styling those elements. It contains styles for buttons, content, icons, images, input, links, lists, tables, typography, and the grid.

Components

The Components folder contains higher-level classes for targeting sets of HTML elements. For example, it has styles for headers, top navigation, sidebar navigation, cards, etc.

Mixins

The Mixins folder contains all the Sass mixins used throughout Concept.

Variables

The Variables folder contains all of the Sass variables used throughout Concept. They are separated into the colors.scss and variables.scss files.

Contribute

Concept is created by Jared Hanstra. Please help him by contributing! Pull requests are welcome. If you have any questions or need help feel free to email him at [email protected].

Bitdeli Badge

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.