.date { margin-top: 0; } .timebox { margin: 30px 0; .time-container { .content { font-weight: bolder; font-size: 60px; } .divider { margin: 8px 15px; padding: 0 1px; background: linear-gradient($red, $magenta, $blue, $cyan); } } .date-container { margin-top: 2px; } } .cal-box { padding: 0 1rem .2rem; margin: 0 12px 18px; calendar { font-size: 20px; background-color: inherit; padding: .5rem .10rem 0; margin-left: 10px; &>* { border: solid 0 transparent; } &.highlight { padding: 10rem; } } } calendar:selected { color: $cyan; } calendar.header { color: $cyan; font-weight: bold; } calendar.button { color: $cyan; } calendar.highlight { color: $green; font-weight: bold; } calendar:indeterminate { color: $lightblack; }