concise.css

A CSS framework that's lightweight and easy-to-use. Give up the bloat. Stop tripping over your classes. Be Concise.

MIT License

Downloads
284
Stars
939
Committers
18

Bot releases are visible (Hide)

concise.css - v4.1.2 Latest Release

Published by almost 8 years ago

Changelog

concise.css - v4.0.1

Published by almost 8 years ago

Changelog

Sass

  • [fix: #241] Split globals file [https://github.com/ConciseCSS/concise.css/commit/c4120ee83f9624fb1483084925c64de2e205efbf]

CSS

No CSS changes

concise.css - v4.0.0

Published by almost 8 years ago

Changelog

After seven months of work, Concise v4 is now available to everybody. Quite a lot of things have happened since then. Here is a small overview:

  • The current development of Concise CSS is being handled by me (@jameskolce).
  • The framework has been almost completely rewritten, but the basic principles of being Concise are kept.
  • Now add-ons are completely independent of each other. Previously, they were included with the core, now they need to be installed separately with NPM or using the CDN.
  • A new add-on called Concise Utils has been added, with a lot of helper classes to improve the development workflow or to add context-dependant styles.
  • Concise UI is now written using the RSCSS guidelines.
  • The compilation of the source code is now done using the Concise CLI.
  • The compiler still uses Sass, but also includes some PostCSS plugins that will help with the development of websites.
  • A new lh unit is added to manage vertical rhythm. Using PostCSS-LH
  • Custom media queries are available, so you can write things like @media (--small).
  • Styles are automatically prefixed to work with older browsers, using Autoprefixer.
  • All the font sizes are now handled using the typeScale() function.

You can check the complete list of changes here: https://github.com/ConciseCSS/concise.css/compare/v3.4.0...master

And the new docs are already available at http://concisecss.com

concise.css - v3.4.0

Published by over 8 years ago

Core

  • [https://github.com/ConciseCSS/concise.css/commit/4d2f42d62d54213afe64e5dedc329012c9212df4] [ref: #135] Add pxToRem function
  • [https://github.com/ConciseCSS/concise.css/commit/88dbd365cd8c0602cd14615e7f0565a741db7828] [ref: #134] Fix specificity of form modifiers
concise.css - v3.3.0

Published by keenanpayne almost 9 years ago

SASS

  • [ebf60b9] A new mixin has been added called columnOffset that allows you to easy move columns in your design.
  • [e0fa570] We have added a new helper class .nonresponsive that when applied to the <body> tag, will keep elements and components from resizing on different window sizes. There is also a $non-responsive variable that can be turned on/off that will remove the unnecessary non-responsive CSS if you do not need it.
  • [c89aa3e] We have updated how margin is applied on <p> tags. Now, every <p> that is not the last child will have a bottom margin.
  • [eaeb244] Grid examples have been added to the test.html file.
  • [cab7e86] Examples have been added for how grid column offsets can be used.
  • [60c6948] The card with image has been fixed inside of test.html

Components

Modals

  • [05f00da] There was an issue with windows with small heights and modal visibility which has been fixed.
concise.css - v3.2.0

Published by keenanpayne almost 9 years ago

SASS

  • Added styling for <sub>, <sup>, <samp>, and <s> tags (4be43c2)
  • Added styles for table footers (d34ee94)
  • James Kolce fixed the grid utility for full-width columns (73e1f56)
  • [ref: #91] Fix style consistency for input type="submit" (83d68e6)
  • [ref: #88] Add proper RTL and LTR language support (8ff20ba)
  • A utility has been added so you can now close modal windows via the background, and not just use the "X". (3b84d0e)
concise.css - v3.1.1

Published by keenanpayne almost 9 years ago

This is a pretty small update with just a few things fixed from v3.1.0.

Concise Package

  • All of our Node.js dependencies have been updated so they work with the latest version (9f8bce3)
  • We've made a few updates to our contributing guidelines (6f47ad7)
  • [ref: #87] We have added the composer.json file back per a request from a Concise user. (4094dc0)

SASS

  • Fixed a problem with the spacing variables, by moving the $base-unit variable (5352553)
concise.css - v3.1.0

Published by keenanpayne about 9 years ago

SASS

  • [ref: #76] We found that we were hard-coding font-colors and spacing in certain places of the framework, as opposed to using variables. We have removed these colors, and abstracted them to the _globals.scss file, as well as removed the spacing (which was happening on <p> elements inside of modals).
  • [ref: #81] We have removed the declared line-height for list items.

Website

  • [ref: #75] We removed the dedicated add-ons directory for the v2.x.x version of Concise and have included the files inside of our main website repository.
  • [ref: #77] The custom scrollbars on the website, which were causing unexpected behavior, have been removed.
  • [ref: #78] We fixed an example that was broken on the website for fluid images.
concise.css - v3.0.0

Published by keenanpayne about 9 years ago

Wow, it's been quite awhile since we've had a release! After we released some minor versions of Concise v2 I was approached by James Kolce a web designer and developer about some thoughts for a possible v3 of the framework that included some big changes.

Originally written in Stylus by James, we took these ideas and ported them to SASS, and through months and months of testing, cleaning up code, and obsessing over every little detail, what you see before you is the result. We are very proud of what we've managed to create and hope you love using it as much as we do.

So, what's new in the framework? Let's take a look:

Website

We have a completely updated website at http://concisecss.com/. We know it's not perfect and there are some things to clean up (responsive navigation, how it looks on huge screens, etc), but we think it's a great start. It simplifies our documentation and will hopefully aid you in using Concise to build great websites.

Are you still using v2? Don't fear, we have the documentation available right here for you: http://concisecss.com/archive/v2.0.0/.

Build Process

We've dropped Gulp as our build system and are instead relying strictly on NPM scripts. This allows us to have less tools when building the framework which in turn will reduce complexity and issues in the future. These scripts are located inside of the package.json with instructions on how to use those scripts here.

JavaScript

We've completely ditched it. There is no more JavaScript in Concise. We wanted to make a lightweight front-end framework that's easy to use and easy to customize, and the JavaScript components were getting in the way of that by adding unnecessary bloat.

SASS

For the core of the framework, we've broken out our files into three folders:

  • /globals - Global files such as functions, mixins and variables
  • /layout - Styling for layout components (typography, tables, forms, etc)
  • /utils - Utilities used with the framework (conditional styling, grid, helpers, etc)

We have also added a /custom folder with a basic SASS file and a variables file so can get started using Concise very easily. You can add your own styles, override all of our variables, and do whatever you want.

Concise UI

Last but certainly not least, we have replaced our old add-ons system with a new set of files called Concise UI. This includes styling for common components used throughout websites and web applications. There is styling for alerts, dropdowns, cards, buttons, modals, progress bars, and much more. We have also more tightly integrated Concise UI with our core framework so that you can easily add/remove components with each project that you work on, and customize them to your own needs.

However, if you're not interested in Concise with the UI components, we have included downloads without them. You can choose to download the Concise CSS with or without the UI components, or just download the SASS and build your own project!

That covers most of what's new in Concise v3. Again, big thanks to all of the help from James Kolce in building the framework and the website, and to all of the support that we get on Facebook, Twitter, the blog posts written about the framework, and every single person who has posted an issue on GitHub for the framework. You all helped make this a great framework with your feedback and we really appreciate it.

❤️,
The Concise team

concise.css - v2.1.0

Published by keenanpayne over 9 years ago

With this minor version of the framework, we have fixed a few things here and there, and have added some great backwards-compatible functionality that should make our mixins much more flexible.

I would also like to welcome @dooza and @huwrowlands to the team. These two will be working on an upcoming WordPress boilerplate theme that we are hoping to release. I am very excited to have them working together on the project.

Lastly, I would like to welcome @jameskolce to the team as well. He will be helping port Concise to Stylus and maintain it. In addition, he will be working closely with me on some re-engineering of the framework for v3.0.0.

Repository

  • Added a few lines to the CONTRIBUTING.md file and fixed a little bit of formatting.
    -Removed the Gitter badge and chat room as nobody was using it and I never really checked in on it commit ref

Website

  • Woah, do you see that? Things may be looking a little different on http://concisecss.com. We recently updated the site to the latest version of Concise, which included freshening up the look and feel, as well as modifying some content.
  • #40: Fixed the JavaScript on the website so that the tooltips add-on page works.
  • #54: Something that's been talked about for awhile was building sample layouts for people to check out and use on our website. I don't know why it's been on the backburner so long, but @sachinwalia2k8 pointed it out and I finally added our first three examples: http://concisecss.com/get-started/examples/.
  • Also pointed out by @sachinwalia2k8, I have broken out the http://concisecss.com CSS into multiple files so that users can easily see what CSS was written just for the website.

CSS

SASS

  • @huwrowlands added a helper class for working with responsive elements. commit ref
  • Thanks to the question by @VincyLouis, I have added a backwards-compatible feature where you can now declare whether you would like to use min-width or max-width inside of the breakpoint() mixin. By default, min-width is used, but by setting a second parameter to max, you can use max-width. Check out the documentation to learn more.
  • #42: @pspeter3 Noted that our use of SASS was compatible with the latest version of node-sass, which compiles much faster as it uses libsass. We have made this change in our gulp.js file, and you should now notice Concise compiling much faster.
  • #46: @hansnolte noticed a <= IE11 bug for our dropdown styling, which has been fixed.
  • #49: @dooza and @jameskolce worked together to make our dropdown HTML semantic and valid.
  • #50: @moonbeetle noticed an unnecessary line of code in _lists.scss that was removed by @jameskolce.
  • #51: @atlza noticed an edge case with Concise's grid system that made it difficult to nest multiple grids with/without gutters. That has since been fixed with an extra helper class.
concise.css - v2.0.0

Published by keenanpayne almost 10 years ago

It's been over three months since the initial release of Concise, and since then we have seen tremendous support for the project. We have added two great contributors: @filipelinhares, and @benjaminsigidi who have provided a great deal of features and support for the framework, as well as received a great deal of help from various others. I would also like to apologize for my lack of communication and delay with this release. If you want to read a full explanation/list of excuses, go here: https://github.com/ConciseCSS/concise.css/issues/37.

With the release of v2.0.0, we took a great deal of feedback from people who have used the framework, and incorporated it into this this release. We have also fixed a number of issues that were brought up on our [issues page](https://github.com/ConciseCSS/concise.css/issues, and removed quite a few superfluous features and instead made them add-ons to the framework, to help stay true to our vision of a bloat-free front-end framework.

A sad part of the v2.0.0 announcement is that I am no longer going to be supporting and maintaining the LESS and Stylus ports of the framework. Not only does it double the amount of time it takes for any single issue, feature, whatever to get solved, but I am also a SASS lover. My personal opinion is that both LESS and Stylus don't have a suitable feature set for my vision of the framework, which is ultimately what let me to this decision.

That being said, if you are a LESS or Stylus developer and want to take over either of the repositories and keep them up-to-date, don't hesitate to shoot me an email at [email protected].

As always, feel free to get in touch with us on Twitter, Facebook, Google+, or our GitHub issues page if you have any questions or comments.

We all hope you are as happy with this release as we are.

❤️,
Keenan Payne

New Features

Website

  • #16: Thanks to @joeltrew for pointing out the typos we had on our breakpoints and jQuery dropdown pages!
  • Oh snap! We've moved our entire website from my Linode servers to the wonderful GitHub Pages. We also converted our HTML and PHP into beautiful markdown and Jekyll.
  • Updated all of the documentation to reflect the syntax and structural changes within the framework.

CSS

  • #19: Thanks to a suggestion from @Perfektart, we have set the .container to be auto-centered by default.

SASS

  • We modified our font-size mixin slightly [ref].
  • #24: Thanks to an idea from @rvanes, we have completely refactored our vendor mixin to provide more flexibility when dealing with CSS3 properties. We also had to fix each instance of the vendor mixin throughout the framework to deal with the extra parameter.
  • #10 We have added semantic grid mixins! This idea came from @steve-acet who suggested we create a way to include row/column CSS to any CSS class or ID. We have done just that and more, including mixins for generating proper CSS for rows, columns, as well as pushing or pulling columns.
  • #9: We have gone through and removed the hard-coded colors as suggested by @adamkelso
  • We have broken up the _mixins.scss file into _functions.scss and _mixins.scss. The _function.scss file contains functions that provide value outputs, while the _mixins.scss file contains functions that return values that can be used inside of mixins.
  • Rename _defaults.scss to _variables.scss and move it into the helpers folder.
  • Ensure that all colors in the framework are variablized in the _variables.scss file.
  • Remove _blockquotes.scss and add it as an add-on.
  • Remove superfluous table styling in the _tables.scss and add it as an add-on.
  • Rename _shared.scss to _vertical-rhythm.scss and move into the base folder.
  • Remove _badges.scss and add it as an add-on.
  • Remove _progress.scss and add it as an add-on.
  • Remove _wells.scss and add it as an add-on.
  • Remove the closeable feature from concise.js and add it as an add-on.
  • Remove _breadcrumbs.scss and add it as an add-on
  • Remove _groups.scss and add it as an add-on
  • Remove superfluous navigation styling in the _navigation.scss and add it as an add-on
  • Rename generic folder to shared
  • Remove superfluous list styling in the _lists.scss file and add it as an add-on.
  • Rename objects folder to components
  • Add a folder called layout and add _container.scss, _forms.scss, _grid.scss, _lists.scss, and _tables.scss to it.
  • Move _print.scss to the base folder.
  • Add a mixin called responsive() to easily handle scalable styling
  • Created a mixin for generating push and pull CSS called push-pull().
  • Condensed the push() and pull() mixins into a single push-pull-setup()mixin.
  • The .container class is now being generated using the new responsive() mixin.

Add-Ons

  • For all of the objects and abstractions that were removed from Concise in v2.0.0, we added them as add-ons.
concise.css - v1.1.1

Published by keenanpayne about 10 years ago

This is a small patch release to fix a couple of issues that have up on GitHub. We are hard at work on v2.0.0 of the framework, and are hopeful to get that released this week.

CSS

  • #33: Thanks to a heads up from @ZachMoreno, we have included the .push- and .pull- classes in the distribution files.
  • #31: We have fixed the jQuery dropdown compatibility for IE8 thanks to @steve-acet.
concise.css - v1.1.0

Published by keenanpayne about 10 years ago

New Features

Website

  • I had every single file on the website and repository professionally copy-edited so that everything was grammatically correct and flowed well.

CSS

  • #13: Over a year ago, I started using inuitcss on freelance projects and absolutely loved it. I've always been a fan of Harry Roberts' work, so I took inspiration from his organization of code and directory structure. I also used a couple of his mixins with and without modifying them. He alerted me that I had not properly attributed his work so I went through the entire code (and in the readme) and attributed his work and others that I took inspiration from. I appreciate his being forthright with me as I would never want to step on his toes and intentionally steal his work. I respect Harry and his work, and I want to make sure he knows that.
  • Changed comment formatting

SASS

  • #9: @adamkelso had the great idea to abstract some more of the hard-coded colors in Concise into their own variables in the _defaults.scss file. This way, people will have less trouble customizing Concise for their own projects.
  • Added feature switches for object-specific styling for tables, forms, and navigation.
  • Variablized font-size and line-height for base <html> and <body> styling
  • Fixed spacing for feature switches in the _defaults.scss
  • Fixed the issue that was happening with the (column mixin with gutters)[https://github.com/ConciseCSS/concise.css/commit/6eb6a0a70a204d6ea9457cf29411f9e6c75e83a6]. Thanks to MattDiMu at CSS-Tricks for the help.
concise.css - v1.0.1

Published by keenanpayne over 10 years ago

New Features

  • Slight restructuring of the repository so that we have a distribution folder (named dist) that will provide the compiled CSS and JavaScript code.
  • Removed the css folder from the root of the repository.
  • Broken out the single concise.js file in the root js folder into multiple files.
  • Renamed the scripts folder to js for clarity.
  • #6: A Bower package has been released and can be downloaded via bower install concise

Website

Typos

  • #8: Fixed a missing <html> tag in an example on our getting started page. Thanks to @vezu for noticing that!

CSS

Grid System

  • #7: Oops, we shipped a broken grid system! We fixed our SASS mixin so that our columns with gutters have proper widths. Thanks to @steve-acet for pointing that out to us.
concise.css - v1.0.0

Published by keenanpayne over 10 years ago

Welcome

Welcome to Concise. Listen, I know what you're thinking: "not another front-end framework... ughhhhh". Yes, I understand, there's a lot of them.

I built Concise as a lightweight alternative to a number of the frameworks out there. I wanted something that provided standard styling for HTML elements such as body text, headings, lists, etc, as well as including a few common objects: navigation, buttons, forms and more. Unfortunately, it seems like every single major alternative in the front-end framework world just tries to be a solution to every non-existent problem, which creates bloat.

We don't have bloat, I promise.

What, don't believe me? Go check out our website or our project page and download the framework and give it a try.