.events--component { .event--container { border-top: 1px solid #eee; .event { padding: $sm-space 0; .event--info { time, p { font-size: 16px; line-height: 19px; } } } } } .calendar--page { .calendarpage--location { p { font-family: "Lato Bold"; margin-bottom: 10px; } } .calendarpage--time { p { font-family: "Lato Bold"; margin-bottom: 10px; } } .spin { transform: rotate(360); } .button-small { cursor: pointer; p { margin-bottom: 0px; } .material-icons { margin-bottom: 0px; animation-name: spin; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; } } [v-cloak] { display: none; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } }