sigit_design/pagination.css

62 lines
1.1 KiB
CSS
Raw Normal View History

2024-07-25 15:52:20 +00:00
.paginationMain {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.paginationMainInside {
width: auto;
max-width: 500px;
height: 35px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
grid-gap: 10px;
}
.btnMain.paginationMainInsideBtn {
height: 100%;
}
.paginationMainInsideNumbers {
flex-grow: 1;
display: flex;
flex-direction: row;
grid-gap: 5px;
overflow-y: auto;
}
.paginationMainInsideNumbers::-webkit-scrollbar {
display: none;
}
.btnMain.paginationMainInsideNumbersBtn {
transition: ease 0.2s;
background: rgba(0,0,0,0);
color: #232323;
}
.btnMain.paginationMainInsideNumbersBtn:hover {
color: #ffffff;
background: rgb(68,117,146);
}
.btnMain.paginationMainInsideNumbersBtn:active {
background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), linear-gradient(#4c82a3, #4c82a3);
}
.btnMain.paginationMainInsideNumbersBtn.paginationMainInsideNumbersBtnActive {
color: white;
background: #4b81a2;
}
.paginationMainInsideSplitter {
height: 75%;
width: 2px;
background: rgba(0,0,0,0.1);
}