63 lines
1.1 KiB
SCSS
63 lines
1.1 KiB
SCSS
//
|
|
// Crafting Guide - element.scss
|
|
//
|
|
// Copyright © 2014-2016 by Redwood Labs
|
|
// All rights reserved.
|
|
//
|
|
|
|
.view__element {
|
|
display : flex;
|
|
align-items: center;
|
|
|
|
background: $color-white;
|
|
padding: $size-margin-xsmall $size-margin-medium;
|
|
|
|
& > * {
|
|
margin-right: $size-margin-medium;
|
|
}
|
|
|
|
& > :last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
img {
|
|
flex : 0 0 auto;
|
|
|
|
height : $size-minecraft-block;
|
|
width : $size-minecraft-block;
|
|
}
|
|
|
|
.name {
|
|
flex : 1 1 100%;
|
|
|
|
color : $color-text;
|
|
font-family : $font-family-text;
|
|
font-size : $font-size-large;
|
|
}
|
|
|
|
.modName {
|
|
flex : 0 0 auto;
|
|
|
|
color : $color-text-secondary;
|
|
font-family : $font-family-text;
|
|
font-size : $font-size-small;
|
|
}
|
|
|
|
&:nth-child(even) {
|
|
background : $color-gray-faint;
|
|
}
|
|
|
|
&.selected {
|
|
flex : 0 0 auto;
|
|
background : $color-active-hover;
|
|
|
|
.name {
|
|
color : $color-text-light;
|
|
}
|
|
|
|
.modName {
|
|
color : $color-text-light;
|
|
}
|
|
}
|
|
}
|