GridShelf for Vtex

Tutorials of (Gridshelf for vtex) by Ze luiz rodrigues

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>GridShelf for Vtex</title>
  
  
  <link rel='stylesheet prefetch' href='css/https___raw_githubusercon.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <ul>
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
	<li>Item 4</li>
	<li>Item 5</li>
</ul>
  
  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
@total-width: 100%;
* {
	margin: 0;
	padding: 0;
	outline: none;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	&:before, &:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}
html {
	height: 100%;

	body {
		width: 100%;
		height: 100%;
	}
}
ul {
	li {
		width: 100%;
		height: auto;
		overflow: hidden;
		background: red;
		&:first-child {
			.column(3);
		}
		.column(2);
	}
}
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( GridShelf for Vtex ) is write by Ze Luiz Rodrigues, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Ze Luiz Rodrigues