Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

flat-ui

designmodo551CC BY 3.0 and MIT2.1.1

Flat UI Free is made on the basis of Twitter Bootstrap in a stunning flat-style

ui, flat, bootstrap

readme

Flat UI Free 2.1.1

Flat UI Free is licensed under a Creative Commons Attribution 3.0 Unported (CC BY 3.0) (http://creativecommons.org/licenses/by/3.0/) and MIT License - http://opensource.org/licenses/mit-license.html.

You are allowed to use these elements anywhere you want, however we’ll highly appreciate if you will link to our website when you share them - http://designmodo.com

Thanks for supporting our website and enjoy!

Changelog

  • 1.0 Fixed several small IE bugs
  • 1.1 New icons, Login screen implemented to a real HTML one. Small bug fixes and refinements.
  • 2.0 Compatibility with Flat UI Pro (Less instead of Sass), Bootstrap upgraded to 2.3.1, grids refinements, various Less compiler bugfixes, Video module bugfix, various small bugfixes.
  • 2.1 Bootstrap upgraded to 3.0, better box model, update html5 video player to version 4.1, added components documentation and sturt-up template, various small bugfixes.
  • 2.1.1 Typography improved (new global variables, padding and margins changed for basic elements, global default font-size now is 18px, with a line-height of 1.722, added support for ,
    , ,
    , right-aligned 
    ), Buttons module completely rewritten (new global variables, buttons now require a .btn-default for the standard version, added support for .btn-link), fixed some bugs in .navbar, mixins updated (added standard mixins from Bootstrap 3), layout updated for stylized select and dropdown menu, various small bugfixes.

Authors

Sergey Shmidt

Sergii Iurevych

Typeface

Flat UI Free is made using the Lato typeface, which can be downloaded for free here: http://www.google.com/webfonts/specimen/Lato

How to Use UI Kits, Beginners Video Tips: http://designmodo.com/how-to-use/

UI Kit Benefits: http://designmodo.com/benefits/

Create a Website using UI Packs (PSD to HTML) – Day 1: http://designmodo.com/create-website-day-1

Create a Website using UI Packs (PSD to HTML) – Day 2: http://designmodo.com/create-website-day-2

Create a Website using UI Packs (PSD to HTML) – Day 3: http://designmodo.com/create-website-day-3

Create a Website Design using The Bricks UI: http://designmodo.com/website-design-bricks-ui/

What is UI Kit and Why You Should Use it: http://designmodo.com/ui-kit-use

How Companies can Save Time and Money Using UI Kits: http://designmodo.com/save-time-money-using-ui-kits

UI Kits for Developers – Prototyping and Homemade Design: http://designmodo.com/ui-kits-developers

Our Shop:

http://designmodo.com/shop/

Tutorials:

http://designmodo.com/tutorials/

Freebies:

http://designmodo.com/freebies/

Affiliate Program (earn money):

http://designmodo.com/affiliates/

Social Media:

Twitter: http://www.twitter.com/designmodo

Facebook: http://www.facebook.com/designmodo

RSS: http://feeds.feedburner.com/designmodo

Google+: https://www.google.com/+DesignModo

changelog

Changelog

2.4.0

  • conversion LESS code to SCSS;
  • migration to GULP from GRUNT;
  • update of BOWER and NPM modules to the last current versions;
  • integration of LIBSASS module for a fast PRE processor compiling;
  • update of file directory;
  • update to Bootstrap 4;
  • optimisation of images;
  • update of all FLAT UI components according to the Bootstrap 4 version;
  • javascript and jquery libraries updates;
  • responsive version for all components;
  • update of Component and Template pages;
  • update of Documentation;
  • update of Getting-Start page.

2.2.1

2.2.0

Misc

  • Bootstrap upgraded to v3.2.0;
  • jQuery upgraded to v1.11.1;
  • Bower support added (all dependencies are set as packages using bower);
  • Grunt support added: now, you can use assembly and testing process automation tools for less/js files, launch a local server or watch process for less compilation on-the-fly (grunt modules: concat, uglify, jshint, jscs, csslint, autoprefixer, csscomb, cssmin, etc.);
  • Added 101 template, compiled and minimized js/less file versions are now located in /dist directory, you can use them for quick start;
  • Documentation is moved to /docs folder;
  • More examples added (docs/examples);

CSS

Misc:

  • Video player, pagination and tooltip modules remade and updated;
  • Helper classes for huge margin/padding .mha, .pha (https://github.com/designmodo/Flat-UI/issues/128);
  • Add a variable for .dl-horizontal's offset;
  • Add variables for .pager;
  • Various small bugfixes and improvements.

Mixins:

Glyphicons:

  • All glyphicons updated;
  • New 27 social and 50 other icons added;
  • Selection.json file added – now, you can again edit the font with icons using Icomoon service;

Buttons:

Forms:

JS

  • Checkbox and radio plugin improved: now, a single plugin is used for both types of elements, more methods and have been added, and the plugin no longer conflicts with AngularJS, css-only styling;
  • Fix .noConflict() mode for radiocheck plugin (https://github.com/twbs/bootstrap/pull/11966);
  • Select improved, now, select2 library is used instead of bootstrap-select;
  • Switch redesigned, bootstrap-switch updated to v3.0.2;
  • Instead of jquery-tags-input, bootstrap-tagsinput v0.4.2 is now being used.

2.1.3

2.1.2

  • Bootstrap upgraded to v3.0.3;
  • Navbar completely rewriten, added new states (default, inverse, embossed, large, fixed-top, fixed-bottom, static-top), now you can use basic navbar elements: .navbar-form, .navbar-btn, .navbar-text, .navbar-link;
  • Forms: added support for legend, .help-block, fixed rounded search form on iOS, fixed disabled input background and opacity, added support for input-groups;
  • Slider: added vertical orientation;
  • Various small bugfixes and improvements.

2.1.1

  • Typography improved (new global variables, padding and margins changed for basic elements, global default font-size now is 18px, with a line-height of 1.722, added support for <abbr>, <address>, <code>, <pre>, right-aligned <blockquote>);
  • Buttons module completely rewritten (new global variables, buttons now require a .btn-default for the standard version, added support for .btn-link);
  • Fixed some bugs in .navbar;
  • Mixins updated (added standard mixins from Bootstrap 3);
  • Layout updated for stylized select and dropdown menu;
  • Various small bugfixes and improvements.

2.1

  • Bootstrap upgraded to v3.0;
  • Added support for better box model;
  • Update html5 video player to version 4.1;
  • Added components documentation and startup template;
  • Various small bugfixes and improvements.

2.0

  • Compatibility with Flat UI Pro (Less instead of Sass), Bootstrap upgraded to 2.3.1, grids refinements, various Less compiler bugfixes, Video module bugfix, various small bugfixes.

1.1

  • New icons, Login screen implemented to a real HTML one. Small bug fixes and refinements.

1.0

  • Fixed several small IE bugs