www/static/css-src/_artwork.scss (40 lines of code) (raw):
.artwork {
.iconset {
padding: 100px 0;
.images {
background-color: rgb(223, 223, 223);
border: 3px dashed white;
padding: 20px;
img {
max-width: 100%;
}
}
}
.button {
display: block;
background: url("{{ site.baseurl }}/static/img/sprite.png") no-repeat;
background-color: #4cc2e4;
background-position: 100% -171px;
width: 310px;
padding: 16px;
color: #fff;
font-size: 24px;
text-decoration: none;
-webkit-transition: background 0.1s linear;
-moz-transition: background 0.1s linear;
transition: background 0.1s linear;
label {
display: block;
font-size: 0.5em;
height: 16px;
}
}
.button:hover {
background-color: #4cd6fc;
color: #fff;
text-decoration: none;
}
.button a:hover {
color: #4cc2e4;
}
}