PNG %k25u25%fgd5n!
//
// Calendar
//
.fc-event {
border-radius: 2px;
border: none;
cursor: move;
font-size: 13px;
margin: 5px;
padding: 7px 5px;
text-align: center;
background-color: rgba($primary, 0.18);
color: $primary;
}
.fc {
.fc-header-toolbar{
&.fc-toolbar {
.fc-toolbar-chunk{
h2{
font-size: 16px;
text-transform: uppercase;
color: $primary;
}
}
}
}
.fc-toolbar{
&.fc-header-toolbar{
margin-bottom: $card-spacer-y;
}
}
.fc-col-header-cell-cushion{
padding: 10px 0;
color: var(--#{$prefix}body-color);
}
.fc-button{
font-size: $font-size-base;
}
.fc-button-primary{
background: transparent;
border: 1px solid var(--#{$prefix}border-color);
color: $gray-600;
text-transform: capitalize;
text-shadow: none;
box-shadow: none;
&:hover{
background: $primary;
color: $white;
border-color: var(--#{$prefix}border-color);
}
&.active,
&:focus,
&:active{
text-shadow: none;
box-shadow: none;
}
&:disabled {
background: rgba($primary, 0.1);
color: $primary;
border-color: var(--#{$prefix}border-color);
opacity: 1;
}
&:not(:disabled):active,
&:not(:disabled).fc-button-active{
background: $primary;
color: $white;
border-color: var(--#{$prefix}border-color);
&:focus{
box-shadow: none;
}
}
}
.fc-daygrid-day-number{
color: var(--#{$prefix}body-color);
font-weight: 500;
}
.fc-daygrid-day {
&.fc-day-today {
background-color: transparent;
padding: 4px;
border-radius: 24px;
.fc-daygrid-day-frame {
background-color: rgba($primary, 0.18);
border-radius: 8px;
.fc-daygrid-day-number {
font-size: 16px;
font-weight: 800;
}
}
}
}
}
.fc-license-message{
display: none;
}
.fc-theme-standard {
.fc-scrollgrid,
td,
th{
border: 1px solid var(--#{$prefix}border-color);
}
}
.fc-day-other{
background-image: linear-gradient(-45deg, $card-bg 25%, transparent 25%, transparent 50%, $card-bg 50%, rgba($gray-700, 0.2) 75%, transparent 75%, transparent);
background-size: 10px 10px;
}
.fc-h-event {
.fc-event-main{
color: $primary;
font-weight: 500;
}
}
.fc-daygrid-dot-event {
.fc-event-title{
font-weight: 500;
}
}
.fc-direction-ltr,
.fc-direction-rtl{
.fc-daygrid-event{
&.fc-event-start,
&.fc-event-end{
background-color: var(--#{$prefix}card-bg);
box-shadow: $box-shadow-sm;
color: $primary;
border-radius: 4px;
}
}
}