mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-15 02:14:00 +02:00
Code Issues Releases Wiki Activity

Grid system columns for extra small screens

Browse Source
This commit is contained in:
Angelos Chalaris
2016-10-21 14:12:20 +03:00
parent 691a568996
commit 67a6e6c7ec
7 changed files with 239 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/v2/DEVLOG.md
View File

@@ -148,3 +148,5 @@
- Read a lot of the spec, decided on browser support, coded the `row` basis for the grid system.
- Updated breaking changes issue with more information.
- Added some comments and moved the notes in the flavor file.
- Added set of variables for class names, prefixes, columns, breakpoints etc for grid system.
- Added definitions for extra small screen sizes, using loops etc. Optimized accordingly, tested on local demo.

25
docs/v2/index.html
View File

@@ -53,5 +53,30 @@
<progress class="tertiary" value="60" max="100"></progress>
<br>
<progress class="nano" value="35" max="100" style="position: fixed; top:0; left:0;"></progress>
<style>.box-row { border: 1px solid black; border-radius: 2px; }</style>
<div class="container">
<div class="row">
<div class="col-xs">
<div class="box-row">col-xs</div>
</div>
<div class="col-xs-2">
<div class="box-row">col-xs-2</div>
</div>
<div class="col-xs-3 col-xs-offset-1">
<div class="box-row">col-xs-3 col-xs-offset-1</div>
</div>
<div class="col-xs">
<div class="box-row">col-xs</div>
</div>
</div>
<div class="row">
<div class="col-xs">
<div class="box-row">col-xs: The first JavaScript engine. Coffeescript is a JavaScript program could then interrogate and manipulate to dynamically generate Web pages. The name is by far the most common host environment. JavaScript programmers. Facebook for building user interfaces. </div>
</div>
<div class="col-xs">
<div class="box-row">col-xs: I/O, such as Self and Scheme. Javascript NoSQL database. AngularJS, and Node. ECMAScript 3 compliant. Coffeescript is a package manager for front-end dependencies. JSX is an assertion library used with a JavaScript checker and optimizer. PhantomJS is a community-driven attempt at explaining the loads of buzzwords making the current JavaScript ecosystem in a few simple words. ECMAScript ES is the standardized specification of the desired DOM is a software design pattern used to speed up the setup and installation process of a function that gets called immediately after declaration Jasmine is a JavaScript web framework that allows rapid prototypic web development. LocalForage is a structural framework for dynamic web apps. ECMAScript language specification. JavaScript ecosystem in a user's browser rather than on a Web form to make it happen. The name is by analogy to an architectural facade. ES is the only language that the *revealing module pattern* was engineered as a way to ensure that all methods and variables are kept private until they are explicitly exposed. SJSJ is a generator builder to speed up consecutive function calls by caching the result of calls with identical input.</div>
</div>
</div>
</div>
</body>
</html>