CJPATOILO.COM

milligram.github.io

Utilities | Milligram - A minimalist CSS framework.

http://milligram.github.io/utilities.html

Milligram has some functional classes to improve the performance and productivity everyday. You can view more examples of using Milligram. Designed with by CJ Patoilo. Licensed under the MIT License.

milligram.github.io

Grids | Milligram - A minimalist CSS framework.

http://milligram.github.io/grids.html

The Grid is a fluid system with a max width of. That shrinks with the browser/device at smaller sizes. The max width can be changed with one line of CSS and all columns will resize accordingly. Milligram is different than most because of its use of the CSS Flexible Box Layout Module standard. The Grid system also supports specifying column widths as a ratio of the parent row's width. Append one of the percentages listed below to a column- class to achieve the desired layout. Designed with by CJ Patoilo.

milligram.github.io

Tables | Milligram - A minimalist CSS framework.

http://milligram.github.io/tables.html

The Table element represents data in two dimensions or more. We encourage the use of proper formatting with. The code becomes cleaner without disturbing understanding. Los Angeles, CA. Los Angeles, CA. You can view more examples of using Milligram. Designed with by CJ Patoilo. Licensed under the MIT License.

milligram.github.io

Blockquotes | Milligram - A minimalist CSS framework.

http://milligram.github.io/blockquotes.html

The Blockquote represents a section that is quoted from another source. You can view more examples of using Milligram. Designed with by CJ Patoilo. Licensed under the MIT License.

milligram.github.io

Getting Started | Milligram - A minimalist CSS framework.

http://milligram.github.io/getting-started.html

There are some ways to get started. First, see all download options available below, then choose the most suitable option for your need. Now you should add the main file of the Milligram and the CSS Reset in the header of your project. Just that! Milligram is available to install using Bower. Milligram is also available to install using npm. Milligram is also available to install using Yarn. Once downloaded, extract the compressed folder to see the main file in the uncompressed and minified version.

milligram.github.io

Lists | Milligram - A minimalist CSS framework.

http://milligram.github.io/lists.html

The List is a very versatile and common way to display items. Milligram has three types of lists: The unordered list use. Element will be marked with a outline circles, the ordered list use. Element and your items will be marked with numbers, the description list use. Element and your items will not be marking, only spacings. Unordered list item 1. Unordered list item 2. Ordered list item 1. Ordered list item 2. Description list item 1. Description list item 1.1. Unordered list item 1. Ordered list item 1.

milligram.github.io

Tips | Milligram - A minimalist CSS framework.

http://milligram.github.io/tips.html

Tips, techniques, and best practice on using Cascading Style Sheets. The Mobile First is the design strategy that takes priority development for mobile devices like smartphones and tablets. It means all styles outside of a media queries apply to all devices, then larger screens are targeted for enhancement. This prevents small devices from having to parse tons of unused CSS. Milligram use some breakpoints like these:. Screen: 40.0rem (640px). Screen: 80.0rem (1280px). Screen: 120.0rem (1920px).

milligram.github.io

Buttons | Milligram - A minimalist CSS framework.

http://milligram.github.io/buttons.html

The Button, an essential part of any user experience. Buttons come in three basic styles in Milligram: The. Element has flat color by default, whereas. Has a simple outline around, and. You can view more examples of using Milligram. Designed with by CJ Patoilo. Licensed under the MIT License.

milligram.github.io

Forms | Milligram - A minimalist CSS framework.

http://milligram.github.io/forms.html

The Form has never been exactly fun, and it can be downright painful on a mobile device with its on-screen keyboard. Milligram help to make this much easier with design focused on the user experience. Send a copy to yourself. Send a copy to yourself. You can view more examples of using Milligram. Designed with by CJ Patoilo. Licensed under the MIT License.