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

## Install

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

.@{calendar-prefix-cls}-decade-panel-body {
    border-left: @border-width-base @border-style-base @primary-3;
    border-right: @border-width-base @border-style-base @primary-3;
}

.@{calendar-prefix-cls}-decade-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}-decade-panel-decade {
  &:hover {
    background: none;
  }
}

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

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

.@{calendar-prefix-cls}-decade-panel-last-century-cell,
.@{calendar-prefix-cls}-decade-panel-next-century-cell{
    &:hover{
        background: none;
        cursor: not-allowed;
    }
}

.@{calendar-prefix-cls}-decade-panel-last-century-cell,
.@{calendar-prefix-cls}-decade-panel-next-century-cell {
  .@{calendar-prefix-cls}-decade-panel-decade {
      &:hover{
          background: none;
          color: @disabled-color;
          cursor: not-allowed;
      }
  }
}