@asi-ngtools/lib
Version:
This project is a little components library, simple to use, which will help you to simplify your project.
49 lines • 1.11 kB
text/less
asi-pagination, .asi-pagination {
display: flex;
flex: 1 1 auto;
flex-direction: row;
justify-content: center;
margin: 10px;
.action-panel {
display: flex;
flex-direction: row;
height: 30px;
.disabled {
.paginate-boutton {
background-color: lightgrey;
box-shadow: none;
}
}
> div {
display: flex;
flex-direction: row;
}
}
.paginate-boutton {
height: 20px;
width: 17px;
box-sizing: content-box;
background-color: @asi-pagination-boutton-background-color;
border: @asi-pagination-boutton-border;
text-align: center;
padding: 6px 7px 3px;
margin: 0px 3px 0px 3px;
box-shadow: @asi-pagination-box-shadow;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
&:hover {
cursor: pointer;
}
&.selected {
background-color: @asi-pagination-selected-background-color;
color: @asi-pagination-selected-text-color;
}
&.action {
height: 20px;
box-sizing: content-box;
padding: 6px 7px 3px;
}
}
}