moar styleguide
This commit is contained in:
24
site/assets/scss/components/_styleguide.scss
Normal file
24
site/assets/scss/components/_styleguide.scss
Normal file
@ -0,0 +1,24 @@
|
||||
|
||||
|
||||
.color-samples {
|
||||
> div {
|
||||
display: flex;
|
||||
margin: $gutter 0;
|
||||
height: 100px;
|
||||
|
||||
div { flex: 1 1 auto; }
|
||||
|
||||
:nth-child(1) { background-color: $white; }
|
||||
:nth-child(2) { background-color: $light; }
|
||||
:nth-child(3) { background-color: $light-grey; }
|
||||
:nth-child(4) { background-color: $dark-grey; }
|
||||
:nth-child(5) { background-color: $black; }
|
||||
|
||||
:nth-child(6) { background-color: $dark-blue; }
|
||||
:nth-child(7) { background-color: $blue; }
|
||||
:nth-child(8) { background-color: $red; }
|
||||
:nth-child(9) { background-color: $orange; }
|
||||
:nth-child(10) { background-color: $yellow; }
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user