TyBs Patterns

Event Day: Default 

<span class="event-day">25</span>
 
<span class="event-day{{event_day_style}}">{{event_day_number}}</span>
 
{
  "event_day_number": "25",
  "event_day_style": ""
}
  • Content: 
    $color-event-day:var(--gray-dark);

.event-day {
  color:$color-event-day;
  display:block;
  font-size:2rem;
  line-height:1;
  margin:0.25rem auto;
  text-align:center;
  &.make-counter {
    display:flex;
    justify-content:center;
    font-size:2rem;
    height:2rem;
    line-height:2rem;
  }
}
  • URL: /components/raw/day/day.scss
  • Filesystem Path: source/patterns/atoms/date/day/day.scss
  • Size: 301 Bytes

There are no notes for this item.