A CSS framework that's lightweight and easy-to-use. Give up the bloat. Stop tripping over your classes. Be Concise.
MIT License
Bot releases are hidden (Show)
Published by keenanpayne almost 9 years ago
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
Published by keenanpayne almost 9 years ago
<sub>
, <sup>
, <samp>
, and <s>
tags (4be43c2)input type="submit"
(83d68e6)Published by keenanpayne almost 9 years ago
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)Published by keenanpayne about 9 years ago
_globals.scss
file, as well as removed the spacing (which was happening on <p>
elements inside of modals).line-height
for list items.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:
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.
❤️,
The Concise team
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.
CONTRIBUTING.md
file and fixed a little bit of formatting.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.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._lists.scss
that was removed by @jameskolce.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
.container
to be auto-centered by default.font-size
mixin slightly [ref].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._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._defaults.scss
to _variables.scss
and move it into the helpers
folder._variables.scss
file._blockquotes.scss
and add it as an add-on._tables.scss
and add it as an add-on._shared.scss
to _vertical-rhythm.scss
and move into the base
folder._badges.scss
and add it as an add-on._progress.scss
and add it as an add-on._wells.scss
and add it as an add-on.concise.js
and add it as an add-on._breadcrumbs.scss
and add it as an add-on
_groups.scss
and add it as an add-on
_navigation.scss
and add it as an add-on
generic
folder to shared
_lists.scss
file and add it as an add-on.objects
folder to components
layout
and add _container.scss
, _forms.scss
, _grid.scss
, _lists.scss
, and _tables.scss
to it._print.scss
to the base
folder.responsive()
to easily handle scalable stylingpush-pull()
.push()
and pull()
mixins into a single push-pull-setup()
mixin..container
class is now being generated using the new responsive()
mixin.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.
.push-
and .pull-
classes in the distribution files.Published by keenanpayne about 10 years ago
gem install concisecss
_defaults.scss
file. This way, people will have less trouble customizing Concise for their own projects.<html>
and <body>
styling_defaults.scss
Published by keenanpayne over 10 years ago
dist
) that will provide the compiled CSS and JavaScript code.css
folder from the root of the repository.concise.js
file in the root js
folder into multiple files.scripts
folder to js
for clarity.bower install concise
<html>
tag in an example on our getting started page. Thanks to @vezu for noticing that!Published by keenanpayne over 10 years ago
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.