Skip to content

Instantly share code, notes, and snippets.

@KirillOsenkov
Created January 5, 2021 00:53
Show Gist options
  • Save KirillOsenkov/1bb9f42686745cb040a0f8bf81e035bc to your computer and use it in GitHub Desktop.
Save KirillOsenkov/1bb9f42686745cb040a0f8bf81e035bc to your computer and use it in GitHub Desktop.
// 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