* bump up sizes

This commit is contained in:
Seth Call 2016-02-24 06:56:58 -06:00
parent 18a92e4cc1
commit 0cc2aca908
1 changed files with 74 additions and 6 deletions

View File

@ -31,12 +31,26 @@ body.web.individual_jamtrack {
$cta-color: #e03d04;
$chunkyBorderWidth: 6px;
.logo-home {
@include layout-small {
margin-left:20px !important;
}
}
.full-row {
width: 100%;
@include layout-small {
padding-left:20px !important;
padding-right:20px !important;
}
}
.row {
width: 663px;
@include layout-small {
padding-left:20px !important;
padding-right:20px !important;
}
@include layout-small {
width:auto;
@ -48,7 +62,10 @@ body.web.individual_jamtrack {
.ios-appstore-badge {
display:inline !important;
width:25%;
img {
width:33%;
}
font-size:40pt;
}
}
@ -59,6 +76,11 @@ body.web.individual_jamtrack {
clear: both;
font-size: 20px;
line-height: 175%;
@include layout-small {
font-size:40pt;
line-height:150%;
}
}
}
@ -385,6 +407,10 @@ body.web.individual_jamtrack {
font-size: 30px !important;
padding-top: 0;
margin-left: 35px;
@include layout-small {
font-size:45pt !important;
}
}
h2.original-artist {
@ -393,6 +419,10 @@ body.web.individual_jamtrack {
font-size: 24px;
margin-left: 35px;
@include layout-small {
font-size:40pt !important;
}
@include layout-small {
margin-bottom:20px;
}
@ -587,9 +617,10 @@ body.web.individual_jamtrack {
z-index: 1;
@include layout-small {
margin:20px auto;
margin:20px 20px;
position:static;
max-width:60%;
width:calc(100% - 40px);
max-width:calc(100% - 40px);
}
&.jamclass {
@ -599,7 +630,7 @@ body.web.individual_jamtrack {
.preview-jamtrack-header {
background-color: $cta-color;
color: white;
font-size: 24px;
font-size: 40pt;
text-align: center;
padding: 20px 0;
border-width: 0 0 $chunkyBorderWidth;
@ -623,6 +654,9 @@ body.web.individual_jamtrack {
border-width: 0 0 $chunkyBorderWidth;
@include layout-small {
font-size:20px;
}
&.jam-class {
border-width: 0 0 2px;
p {
@ -648,6 +682,11 @@ body.web.individual_jamtrack {
overflow-y: scroll;
height: 160px;
margin-bottom:10px;
@include layout-small {
max-height:13em;
height:auto;
}
}
.cta-buttons {
@ -699,7 +738,7 @@ body.web.individual_jamtrack {
}
&.ios {
background-color:$cta-color;
font-size:12px;
font-size:40pt;
.ios-appstore-badge {
display:inline-block;
@ -801,6 +840,11 @@ body.web.individual_jamtrack {
line-height: 150%;
color: white;
font-size: 14px;
@include layout-small {
font-size:40pt;
line-height:125%;
}
}
}
@ -820,8 +864,32 @@ body.web.individual_jamtrack {
.jam-track-preview {
font-size:12px;
@include layout-small {
font-size:40pt;
line-height:40pt;
width:100%;
.instrument-part {
width:auto;
}
.instrument-icon{
height:40pt;
width:40pt;
}
.actions {
.play-button, .stop-button {
height:40pt;
width:40pt;
background-size: contain;
}
}
}
.instrument-part {
width:175px
width:175px;
@include layout-small {
width: calc(100% - 100pt);
//font-size: 35px;
}
}
.instrument-name,.part {