39 lines
596 B
CSS
39 lines
596 B
CSS
.page {
|
|
margin-bottom: calc(60rem / 16);
|
|
}
|
|
|
|
.controls {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.controls > *:first-child {
|
|
margin-right: calc(20rem / 16);
|
|
}
|
|
|
|
.palette {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(calc(150rem / 16), 1fr));
|
|
row-gap: calc(20rem / 16);
|
|
column-gap: calc(40rem / 16);
|
|
}
|
|
|
|
.palette > * {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.colorSelector {
|
|
height: calc(75rem / 16);
|
|
}
|
|
|
|
.colorReset {
|
|
margin-bottom: calc(10rem / 16);
|
|
transition-duration: unset;
|
|
}
|
|
|
|
.colorName {
|
|
text-align: center;
|
|
}
|