Created
January 5, 2021 00:53
-
-
Save KirillOsenkov/1bb9f42686745cb040a0f8bf81e035bc to your computer and use it in GitHub Desktop.
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
// Variable definition | |
$base-color: #c6538c; | |
// Variable definition and reference | |
$border-dark: rgba($base-color, 0.88); | |
.alert { | |
// Variable reference | |
border: 1px solid $border-dark; | |
} | |
// Mixin declaration | |
@mixin reset-list { | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
// Mixin declaration | |
@mixin horizontal-list { | |
// Mixin reference | |
@include reset-list; | |
li { | |
display: inline-block; | |
margin: { | |
left: -2px; | |
right: 2em; | |
} | |
} | |
} | |
nav ul { | |
// Mixin reference | |
@include horizontal-list; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment