mirror of
https://github.com/kremalicious/portfolio.git
synced 2025-02-14 21:10:41 +01:00
45 lines
778 B
CSS
45 lines
778 B
CSS
.projectNav {
|
|
composes: fullWidth from '../Layout.module.css';
|
|
white-space: nowrap;
|
|
overflow-y: hidden;
|
|
overflow-x: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
padding-bottom: var(--spacer);
|
|
}
|
|
|
|
.projectNav::-webkit-scrollbar,
|
|
.projectNav::-moz-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.projectNav::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
.projectNav::-webkit-scrollbar-thumb {
|
|
background: var(--text-color);
|
|
}
|
|
|
|
.projectNav::-webkit-scrollbar-track {
|
|
background: var(--box-background-color);
|
|
}
|
|
|
|
.item {
|
|
display: inline-block;
|
|
width: 60vw;
|
|
margin-left: var(--spacer);
|
|
}
|
|
|
|
.item:last-child {
|
|
margin-right: calc(var(--spacer) * 2);
|
|
}
|
|
|
|
@media (min-width: 30em) {
|
|
.item {
|
|
width: 40vw;
|
|
max-width: 500px;
|
|
margin-left: calc(var(--spacer) * 2);
|
|
}
|
|
}
|