Download the PHP package candygs/candy-grid-system without Composer
On this page you can find all versions of the php package candygs/candy-grid-system. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download candygs/candy-grid-system
More information about candygs/candy-grid-system
Files in candygs/candy-grid-system
Package candy-grid-system
Short Description The simple and intuitive grid, configurable layout for your every need... Designed and optimized to improve the development of a website. You can choose for 12, 16 or 24 columns.
License MIT
Homepage http://candygridsystem.com
Informations about the package candy-grid-system
Candy grid system
Quick start
- Download the latest release.
- Download dist css.
- Clone the repo:
git clone https://github.com/andreamariotti83/candy-grid-system.git
. - Install with Composer:
composer require candygs/candy-grid-system
.
HTML:
To use the Grid, you need to include the file with Grid number 12, 16 or 24 that you want to use in the section <head>
of the page.
candygs : This class is required to use to set the values of the grids.
fluid : This class is required to have a fluid layout, setting the width of the container to 100%.
container : It has a default width for each resolution - 720px - 960px - 1200px - 1560px - 1920px
It is possible to set a minimum width and / or maximum container
-
min-widht container :
- min-sm : Set up a min-width to the container, which will be no smaller than 720px
- min-md : Set up a min-width to the container, which will be no smaller than 960px
- max-widht container :
- max-sm : Set up a max-width to the container, which will be no larger than 720px
- max-md : Set up a max-width to the container, which will be no larger than 960px
- max-lg : Set up a max-width to the container, which will be no larger than 1200px
- max-xl : Set up a max-width to the container, which will be no larger than 1560px
Now you can set the grids depending on your needs.
You can also choose different values, depending on the screen resolution.
- grid- : For all resolutions
- grid-xs- : Only for mobile
@media (max-width: 767px)
- grid-sm- :
@media (min-width: 768px)
- grid-md- :
@media (min-width: 992px)
- grid-lg- :
@media (min-width: 1200px)
- grid-xl- :
@media (min-width: 1560px)
- grid-xxl- :
@media (min-width: 1920px)
In additon to the class grid-, you can select:
- prefix-
- suffix-
- push-
- pull-
Depending on your needs, choose the same variables as the grid-.
LESS:
Coming soon
SASS:
Coming soon
PSD:
Author
Created by Andrea Mariotti. See the official site for more info: http://candygridsystem.com
Copyright and license
Code and documentation copyright 2016 Andrea Mariotti Code released under the MIT license.