/*Passes*/ .passes{ .gameFields { white-space: nowrap; .generic-field3d{ margin: 10px 0; padding: 0 10px; } > .homeTeam, > .awayTeam { display: inline-block; height: 100%; img.img-responsive{ width: 100%; } } .awayTeam{ &:after{ .G_divider; } } } .leyend{ width: 50%; margin: 10px auto 20px; border: 1px solid darken(@bg, 30%); box-shadow: 0px 0px 1px darken(@bg, 30%); text-align: center; span{ font-size: 19px; padding: 20px 10px; display: block; font-family: @type_Special; color: @bg_type; } } .players{ margin:20px 0; .itemsRanking { .dataBox{ background: #000000; font-size: 10px; border-radius: 18%; height: 40%; float: left; color:@color01_type; line-height: 18px; padding: 0 5px; margin: -3px 0 0 2%; .correct{ color:@refColor05_type; } .incorrect{ color:@refColor06_type; } } .away{ &:after{ .G_divider; } } } } .tooltip{ .tooltip-inner{ text-align: left; .name{ float: none; } span{ display: inline-block; text-align: left; &.passes{ display: block; .details{ display: inline-block; padding-left: 5px; color:@refColor05_type; small{ font-size: 10px; color: @refColor06_type; } } } } } } &.maxSize-991 { .players{ .itemsRanking { .G_barsRanking{ width: 84%; } } } .caption{ &.nav{ display: block; } } } &.maxSize-767 { .players{ .itemsRanking { .G_barsRanking{ width: 78%; } .num{ font-size: 15px; margin-left: 6%; } } } .teamComparison { .comparing { .num{ width: 10%; } .bar{ width: 80%; } } } .leyend{ width: 95%; } } &.maxSize-479 { .gameFields { > .homeTeam, > .awayTeam { width: 100%; } } .players{ .itemsRanking { .G_barsRanking{ width: 60%; } .num{ margin-left: 10%; } } } .blockCards{ .content{ .colRight { .position{ margin: 0 auto; width: 65%; } } .colLeft { .position{ margin: 0 auto; width: 65%; } } } } .teamComparison { .comparing { .num{ width: 10%; } .bar{ width: 80%; } } } .leyend{ width: 95%; span{ font-size: 11px; } } } } /*Fin Passes*/