alfresco-ng2-components/lib/core/pagination/pagination.component.scss
dependabot[bot] 28bdab1146
Bump stylelint from 13.13.1 to 14.2.0 (#7431)
* Bump stylelint from 13.13.1 to 14.2.0

Bumps [stylelint](https://github.com/stylelint/stylelint) from 13.13.1 to 14.2.0.
- [Release notes](https://github.com/stylelint/stylelint/releases)
- [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md)
- [Commits](https://github.com/stylelint/stylelint/compare/13.13.1...14.2.0)

---
updated-dependencies:
- dependency-name: stylelint
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* upgrade to newest stylelint

* fix style issues

* fix color function rules to match old Angular

* rollback modern color func

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Denys Vuika <denys.vuika@gmail.com>
2022-01-05 09:21:09 +00:00

91 lines
1.8 KiB
SCSS

@import '~@angular/flex-layout/mq';
$adf-pagination-height: 48px !default;
$adf-pagination-icon-button-size: 32px !default;
$adf-pagination-border: none !default;
$adf-pagination-empty-height: 48px !default;
$adf-pagination-empty-border: none !default;
.adf-pagination {
display: flex;
border-top: $adf-pagination-border;
height: $adf-pagination-height;
line-height: 20px;
color: var(--theme-text-fg-color);
&__block {
display: flex;
align-items: center;
padding: 0 8px;
border-right: $adf-pagination-border;
&:first-child {
flex: 1 1 auto;
padding-left: 24px;
}
&:last-child {
border-right-width: 0;
}
}
@include layout-bp(lt-sm) {
& {
flex-wrap: wrap;
padding: 0 16px;
justify-content: space-between;
}
&__range-block,
&__perpage-block {
display: none;
}
&__actualinfo-block {
border-right: none;
}
&__controls-block {
padding-right: 0;
}
}
&__max-items {
margin-left: 10px;
}
&__max-items,
&__current-page {
margin-right: 5px;
&,
& + button {
color: var(--theme-text-fg-color);
}
& + button {
margin-left: -10px;
}
}
&__previous-button,
&__next-button {
margin: 0 5px;
}
&__page-selector {
max-height: 250px !important;
}
&.adf-pagination__empty {
border-top: $adf-pagination-empty-border;
height: $adf-pagination-empty-height;
}
button[mat-icon-button] {
width: $adf-pagination-icon-button-size;
height: $adf-pagination-icon-button-size;
line-height: $adf-pagination-icon-button-size;
}
}