app/assets/stylesheets/scoreboards/_edit.scss
.match-controls {
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
@include clearfix;
}
.match-controls-home-player,
.match-controls-away-player,
.match-controls-additional-stuff {
font-size: modular-scale(2);
text-align: center;
float: left;
}
.match-controls-home-player-name,
.match-controls-away-player-name {
font-size: modular-scale(1);
}
.match-controls-home-player-score,
.match-controls-away-player-score {
font-size: modular-scale(4);
}
.match-controls-home-player,
.match-controls-away-player {
width: 50%;
&.has-service {
background-color: $blue;
border-bottom: 6px solid darken($blue, 5);
color: $off-white;
}
}
.match-controls-additional-stuff {
width: 100%;
}
.match-controls-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba($dark-grey, 0.95);
display: none;
&.active {
display: block;
}
}
.match-controls-overlay-inner {
position: absolute;
width: 100%;
top: 50%;
@include transform(translate(0%, -50%));
padding: modular-scale(0);
text-align: center;
#{$all-buttons} {
width: 100%;
font-size: modular-scale(2);
color: $off-white;
border: 3px solid $off-white;
border-radius: 9px;
margin: modular-scale(0) 0;
display: none;
&.active {
display: block;
}
}
}
.match-controls-overlay-text {
color: $off-white;
font-size: modular-scale(1);
}