beathaven/app/assets/stylesheets/artist.css.scss

75 lines
1.4 KiB
SCSS
Raw Permalink Normal View History

2012-08-27 03:53:30 +04:00
.artist-page {
h1 {
2012-09-10 03:47:36 +04:00
font: {
family: "Lobster Two", $helvetica;
weight: 700;
size: 42px;
}
2012-09-10 20:45:17 +04:00
line-height: 48px;
2012-08-27 03:53:30 +04:00
letter-spacing: 1px;
2012-09-01 21:55:01 +04:00
text-shadow: 0 0 1px rgba(0, 0, 0, .3);
2012-08-27 03:53:30 +04:00
}
.artist-info {
2012-09-10 20:45:17 +04:00
min-height: 300px;
2012-09-01 21:55:01 +04:00
margin-bottom: 20px;
2012-08-27 03:53:30 +04:00
.pic {
img {
2012-09-10 20:45:17 +04:00
width: 100%;
2012-09-01 21:55:01 +04:00
margin-top: 5px;
2012-09-10 03:47:36 +04:00
border: {
size: 1px;
style: solid;
color: rgba(255, 255, 255, .2);
radius: 5px;
}
2012-09-01 21:55:01 +04:00
@include box-shadow(0 0 3px 1px hsla(0, 0%, 0%, 0.3));
2012-08-27 03:53:30 +04:00
}
}
.bio {
2012-09-10 03:47:36 +04:00
font-family: "Source Sans Pro", $helvetica;
2012-08-27 03:53:30 +04:00
font-size: 22px;
line-height: 26px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
}
}
.album {
2012-09-01 21:55:01 +04:00
min-height: 280px;
2012-08-27 03:53:30 +04:00
margin-bottom: 30px;
h2 {
2012-09-10 03:47:36 +04:00
font: {
family: "Lobster Two", $helvetica;
weight: 700;
2012-09-10 20:45:17 +04:00
size: 28px;
2012-09-10 03:47:36 +04:00
}
2012-09-10 20:45:17 +04:00
margin: 5px 0;
2012-09-01 21:55:01 +04:00
text-shadow: 0 0 1px rgba(0, 0, 0, .3);
2012-08-27 03:53:30 +04:00
}
.pic {
text-align: center;
img {
background-color: #a0a0a0;
2012-09-10 20:45:17 +04:00
width: 100%;
2012-09-01 21:55:01 +04:00
margin-top: 5px;
2012-09-10 03:47:36 +04:00
border: {
size: 1px;
style: solid;
color: rgba(255, 255, 255, .2);
radius: 5px;
}
2012-09-01 21:55:01 +04:00
@include box-shadow(0 0 3px 1px hsla(0, 0%, 0%, 0.3));
2012-08-27 03:53:30 +04:00
margin-bottom: 10px;
}
}
2012-09-01 21:55:01 +04:00
& > .title {
2012-08-27 03:53:30 +04:00
margin-left: 270px;
margin-bottom: 10px;
}
}
}