Created
August 23, 2019 05:32
-
-
Save KimJoyFox/497e6f9b8f0042cfcd5d83c0ddcc267a to your computer and use it in GitHub Desktop.
Simple SASS / CSS comparison
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
| /* SIMPLE CSS */ | |
| header nav { color:#000; background-color:#fff; } | |
| header nav li { color: #000; font-weight:500; } | |
| header nav li a { padding:5px; border-right:1px solid #f9f9f9; } | |
| header nav li a:last-child { border-right:0px; } | |
| /* SASS - the same code, uncompiled (as a programmer would write it) */ | |
| header nav { color:#000; background-color:#fff; | |
| li { color: #000; font-weight:500; | |
| a { padding:5px; border-right:1px solid #f9f9f9; | |
| &:last-child { border-right:0px; } | |
| } | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment