<div class="match-stats">
    <opta-widget widget="matchstats" competition="8" season="2020" match="2128322" template="custom" live="false" navigation="tabs_more" default_nav="1" show_match_header="false" show_score="false" show_halftime_score="false" show_crests="false" show_team_formation="false" show_competition_name="true" graph_style="full" show_date="false" date_format="dddd D MMMM YYYY" rounding="1" competition_naming="full" team_naming="full" stats_categories="Category 1|possession,shots,shots_on_target,corners_won,fouls_conceded" show_live="false" show_logo="false" show_title="false" breakpoints="400, 700" sport="football"></opta-widget>
</div>

No notes defined.

/* No context defined. */
  • Content:
    .match-stats {
      .Opta > .Opta_W,
      .Opta > .Opta_W > div,
      .Opta-Stats-Bars {
        padding: 0;
        margin: 0;
        margin-top: 1rem;
      }
      .Opta td,
      .Opta th {
        height: auto;
      }
      .Opta .Opta-Stats-Bars .Opta-Bars-Full {
        background-color: rgba($grey-light, 0.3);
        border-radius: 5rem;
        height: auto;
        padding: 1.2rem 2rem;
      }
      .Opta .Opta-Stats-Bars .Opta-Bars-Full .Opta-Percent {
        height: 4px;
      }
      .Opta .Opta-Stats-Bars .Opta-Bars-Full .Opta-Percent.Opta-Away {
        background-color: $color-secondary;
        border-radius: 0 100px 100px 0;
      }
      .Opta .Opta-Stats-Bars .Opta-Bars-Full .Opta-Percent.Opta-Home {
        background-color: $crest-blue;
        border-radius: 100px 0 0 100px;
      }
      .Opta .Opta-Stats-Bars th {
        padding: 0;
      }
      .Opta-Stats-Bars-Text {
        @include text-xs;
    
        color: $black;
        text-transform: uppercase;
      }
      .Opta .Opta-Stats-Bars td.Opta-Outer {
        @include text-l;
    
        font-size: 2rem;
        line-height: 4.4rem;
        color: $black;
        width: 5rem;
      }
    }
    
  • URL: /components/raw/match-stats/match-stats.scss
  • Filesystem Path: src/library/modules/match-stats/match-stats.scss
  • Size: 1 KB
<div class="match-stats">
  <opta-widget widget="matchstats" competition="8" season="2020" match="2128322" template="custom" live="false"
    navigation="tabs_more" default_nav="1" show_match_header="false" show_score="false" show_halftime_score="false"
    show_crests="false" show_team_formation="false" show_competition_name="true" graph_style="full" show_date="false"
    date_format="dddd D MMMM YYYY" rounding="1" competition_naming="full" team_naming="full"
    stats_categories="Category 1|possession,shots,shots_on_target,corners_won,fouls_conceded" show_live="false"
    show_logo="false" show_title="false" breakpoints="400, 700" sport="football"></opta-widget>
</div>