polestar-ui-kit/styles/components/date-picker/YearPanel.less

## Install

// .@{calendar-prefix-cls}-year-panel-header {
//   .calendarPanelHeader(~"@{calendar-prefix-cls}-year-panel");
// }


.@{calendar-prefix-cls}-year-panel-header {
 background: @primary-1;
 border-top: @border-width-base @border-style-base @primary-3;
 border-bottom: 0 @border-style-base @primary-3 !important;
 border-right: @border-width-base @border-style-base @primary-3;
 border-left: @border-width-base @border-style-base @primary-3;
}

.@{calendar-prefix-cls}-year-panel-body {
  border-right: @border-width-base @border-style-base @primary-3;
  border-left: @border-width-base @border-style-base @primary-3;
  border-top-width: 0 !important;
}


.@{calendar-prefix-cls}-year-panel-cell {
  border-right: @border-width-base @border-style-base @primary-3 !important;
  border-bottom: @border-width-base @border-style-base @primary-3 !important;

    &:last-child{
        border-right-width: 0 !important;
    }


    &:hover{
        background: @primary-2;
    }
}

.@{calendar-prefix-cls}-year-panel-year {
  &:hover {
    background: none;
    cursor: pointer;
  }
}


.@{calendar-prefix-cls}-year-panel-selected-cell .@{calendar-prefix-cls}-year-panel-year {
  background: none;
  color: @primary-color;

  &:hover {
    background: none;
    color: @text-color-base;
  }
}


.@{calendar-prefix-cls}-year-panel-last-decade-cell,
.@{calendar-prefix-cls}-year-panel-next-decade-cell{
    background: none;

    &:hover{
        background: none;
        cursor: not-allowed;
    }
 }

.@{calendar-prefix-cls}-year-panel-last-decade-cell,
.@{calendar-prefix-cls}-year-panel-next-decade-cell {
.@{calendar-prefix-cls}-year-panel-year {
    background: none;

    &:hover{
        background: none;
        color: @disabled-color;
        cursor: not-allowed;
    }
  }
}