A CSS framework that's lightweight and easy-to-use. Give up the bloat. Stop tripping over your classes. Be Concise.
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:
lh
unit is added to manage vertical rhythm. Using PostCSS-LH
@media (--small)
.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
columnOffset
that allows you to easy move columns in your design..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.<p>
tags. Now, every <p>
that is not the last child will have a bottom margin.test.html
file.test.html
Modals
<sub>
, <sup>
, <samp>
, and <s>
tags (4be43c2)input type="submit"
(83d68e6)This is a pretty small update with just a few things fixed from v3.1.0.
composer.json
file back per a request from a Concise user. (4094dc0)$base-unit
variable (5352553)_globals.scss
file, as well as removed the spacing (which was happening on <p>
elements inside of modals).line-height
for list items.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:
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/.
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.
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.
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.
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.
:heart:, The Concise team