mirror of
https://github.com/phuoc-ng/csslayout.git
synced 2025-10-23 10:46:13 +02:00
56 lines
963 B
SCSS
56 lines
963 B
SCSS
.voting {
|
|
border: 1px solid #d1d5db;
|
|
border-radius: 0.25rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 8rem;
|
|
}
|
|
|
|
.voting__button {
|
|
/* Reset */
|
|
background: none;
|
|
border: none;
|
|
cursor: pointer;
|
|
|
|
/* Center the content */
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
|
|
/* Size */
|
|
height: 1rem;
|
|
|
|
/* Position the triangle */
|
|
position: relative;
|
|
}
|
|
|
|
.voting__triangle {
|
|
border-style: solid;
|
|
|
|
/* Size */
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.voting__triangle--up {
|
|
border-color: transparent transparent #d1d5db;
|
|
border-width: 0 0.5rem 0.5rem;
|
|
}
|
|
|
|
.voting__triangle--down {
|
|
border-color: #d1d5db transparent transparent;
|
|
border-width: 0.5rem 0.5rem 0px;
|
|
}
|
|
|
|
.voting__number {
|
|
/* Take the available height */
|
|
flex: 1;
|
|
|
|
/* Center the number */
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
|
|
/* Spacing */
|
|
padding: 0.25rem;
|
|
} |