Patching thumbnail and button regression

This commit is contained in:
James Barnsley
2018-12-15 22:12:01 +13:00
parent b11b128379
commit d443c259b4
8 changed files with 39 additions and 59 deletions

View File

@ -59,7 +59,8 @@
text-align: center;
font-size: 14px;
font-weight: 600;
color: #FFFFFF;
color: colour(white);
z-index: 2;
}
}

View File

@ -57,7 +57,7 @@
text-align: center;
font-size: 18px;
color: colour(white);
z-index: 1;
z-index: 3;
opacity: 0;
}
@ -73,6 +73,7 @@
right: 0;
border-radius: 3px;
opacity: 0;
z-index: 2;
}
&:hover{

View File

@ -89,22 +89,16 @@ input[type="radio"]{
&:checked + .label:after {
content: ' ';
display: inline-block;
width: 6px;
height: 6px;
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
top: 11px;
left: 7px;
top: 10px;
left: 6px;
background: colour(white);
}
&:focus + .label:before,
&:active + .label:before {
background: rgba(255,255,255,0.3);
}
.light-theme & {
& + .label:before {
background: colour(faint_grey);
}
@ -112,11 +106,11 @@ input[type="radio"]{
&:checked + .label:after {
background: colour(darkest_grey);
}
}
&:focus + .label:before,
&:active + .label:before {
background: colour(grey);
}
&:focus + .label:before,
&:active + .label:before {
background: colour(turquoise) !important;
}
}
@ -142,21 +136,16 @@ input[type="checkbox"]{
content: '\e5ca';
}
&:focus + .label:before,
&:active + .label:before {
background: rgba(255,255,255,0.3);
}
.light-theme & {
& + .label:before {
background: colour(faint_grey);
color: colour(darkest_grey);
}
}
&:focus + .label:before,
&:active + .label:before {
background: colour(grey);
}
&:focus + .label:before,
&:active + .label:before {
background: colour(turquoise) !important;
}
}