89 lines
2.0 KiB
SCSS
89 lines
2.0 KiB
SCSS
//
|
|
// Crafting Guide - mod_tile.scss
|
|
//
|
|
// Copyright © 2014-2016 by Redwood Labs
|
|
// All rights reserved.
|
|
//
|
|
|
|
.view__mod_tile {
|
|
min-width : $size-minecraft-block * 9;
|
|
|
|
display : flex;
|
|
justify-content : stretch;
|
|
align-items : stretch;
|
|
|
|
a {
|
|
max-width: 100%;
|
|
|
|
@include floating-panel;
|
|
border : $size-border-medium solid $color-background-panel;
|
|
color : $color-text;
|
|
text-decoration : none;
|
|
|
|
display : flex;
|
|
padding : $size-margin-medium;
|
|
|
|
& > .left {
|
|
flex: 0 0 $size-minecraft-block * 4;
|
|
margin-right: $size-margin-medium;
|
|
|
|
img {
|
|
width: $size-minecraft-block * 4;
|
|
max-height: $size-minecraft-block * 4;
|
|
}
|
|
}
|
|
|
|
& > .right {
|
|
flex : 1 1 100%;
|
|
|
|
overflow : hidden;
|
|
|
|
.title {
|
|
margin-bottom : $size-margin-medium;
|
|
|
|
font-family : $font-family-header;
|
|
font-size : $font-size-xlarge;
|
|
}
|
|
|
|
.description {
|
|
font-family : $font-family-text;
|
|
font-size : $font-size-medium;
|
|
line-height : $font-size-medium * 1.5;
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
background: $color-blue-faint;
|
|
border-color: $color-link-normal;
|
|
|
|
& > .right {
|
|
.title {
|
|
color: $color-link-normal;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&.disabled {
|
|
a {
|
|
& > .left {
|
|
img {
|
|
@include grayscale;
|
|
opacity: 0.25;
|
|
}
|
|
}
|
|
|
|
& > .right {
|
|
.title {
|
|
color: $color-gray-light;
|
|
}
|
|
|
|
.description {
|
|
color: $color-gray-light;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|