Skip to content

Tylopilus/aem-grid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AEM Grid with true css grid

How to use

  1. Install the grid.zip package on your author environment
  2. install aem grid npm package with npm install aem-grid
  3. In your main.scss file, add the following line:
@import 'aem-grid';

// define breakpoints
$breakpoints: (
  'phone': 650px,
  'tablet': 1200px,
);
// define columns
$columns: 12;
// define gutter padding
$gutter: 16px;
// define if mobile should inherit desktop adjustments
$mobile-inherit: false;

@include aem-Grid(12, 16px, $breakpoints, $mobile-inherit);

About

AEM Grid implementation using real css grid

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published