/*Passes*/ .passes{ .gameFields { white-space: nowrap; > .homeTeam, > .awayTeam { display: inline-block; width: 50%; height: 100%; } } .players{ margin:20px 0; .itemsRanking { .dataBox{ background: @color02; 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:@refColor01_type; } .incorrect{ color:@refColor04_type; } } .num{ margin-left: 11%; } .away{ &:after{ .G_divider; } } } } @media (max-width: @md) { .players{ .itemsRanking { .G_barsRanking{ width: 75%; } } } } @media (max-width: @sm) { .players{ .itemsRanking { .G_barsRanking{ width: 70%; } .num{ font-size: 15px; margin-left: 6%; } } } } @media (max-width: @xs) { /* .lineUpFull{ .field{ div.gameField{ height: 100px; } .homeTeam{ width: 100%; height:140px; img{ width: 100%; } } .awayTeam{ width: 100%; height: 140px; img{ 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%; } } } } } @media (max-width: 550px) { .players{ .itemsRanking { .G_barsRanking{ width: 65%; } } } } @media (max-width: 390px) { .players{ .itemsRanking { .G_barsRanking{ width: 72%; } } } } @media (max-width: 270px) { .players{ .itemsRanking { .G_barsRanking{ width: 67%; } .num{ margin-left: 8%; } } } } } /*Fin Passes*/