* bump up sizes
This commit is contained in:
parent
18a92e4cc1
commit
0cc2aca908
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Reference in New Issue