Created
June 7, 2022 23:49
-
-
Save LuN4t1k0/79f66c99721ec6a68107dc47366787ee to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $color: green; | |
| .grid { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap : 10px; | |
| } | |
| div { | |
| @extend .grid; | |
| background-color : $color; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <link rel="stylesheet" href="style.css"> | |
| <title>Document</title> | |
| </head> | |
| <body> | |
| <div> | |
| <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, qui iure, in perferendis quam quae amet voluptatum rem magnam voluptatibus consequatur molestiae expedita iste minus exercitationem ex porro quas debitis.</p> | |
| <p>Vero quas mollitia, debitis dolores optio eligendi. Voluptatum optio ad iusto fugiat ut est, asperiores vel at fuga, obcaecati numquam animi laboriosam labore sequi maiores. Exercitationem tempore totam eaque id.</p> | |
| <p>Amet laboriosam labore veritatis architecto est velit tempore nihil! Quis nesciunt velit quos a, ullam quidem repellat veritatis ipsa enim nihil possimus soluta similique, autem porro corporis rem culpa eaque.</p> | |
| <p>Nesciunt, iure? Minima tempore dignissimos, officia quas dolor qui. Alias sequi voluptates obcaecati, assumenda aliquam suscipit? Excepturi suscipit maxime officia officiis ea dolores reiciendis? Voluptates quisquam consequuntur alias assumenda est.</p> | |
| </div> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .grid, div { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: 10px; | |
| } | |
| div { | |
| background-color: green; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "sass": { | |
| "compiler": "dart-sass/1.32.12", | |
| "extensions": {}, | |
| "syntax": "SCSS", | |
| "outputStyle": "expanded" | |
| }, | |
| "autoprefixer": false | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment