Select Git revision
0179_rename_text_districtcontactpage_text_backup.py
-
Alexa Valentová authoredAlexa Valentová authored
switch.pcss 1.51 KiB
.switch {
@apply py-5 mx-auto;
}
.switch__item, .switch__item--elections, .switch__item--program {
@apply whitespace-nowrap cursor-pointer px-5 py-2 mb-2 font-normal text-center duration-200;
&:not(:last-child) {
@apply mr-2;
}
}
.switch__item {
@apply bg-white text-black;
&:hover {
@apply no-underline bg-pirati-yellow;
}
&.switch__item--active,
&.switch__item--active:hover {
@apply bg-pirati-yellow;
}
}
.switch__item--program {
@apply bg-grey-150 text-black;
&:hover {
@apply no-underline bg-grey-200;
}
&.switch__item--active,
&.switch__item--active:hover {
@apply bg-pirati-yellow;
}
}
.switch__item--elections {
@apply bg-black text-white;
&:hover {
@apply no-underline bg-grey-600;
}
&.switch__item--active,
&.switch__item--active:hover {
@apply bg-grey-350;
}
}
@responsive {
@screen xl {
.switch__item {
@apply px-5 py-2;
}
}
}
/* HORIZONTAL SCROLLABLE */
.horizontal-scrolling {
display: block;
margin-left: -15px;
margin-right: -15px;
max-width: calc(100vw - 50px);
overflow-x: scroll;
overflow-y: hidden;
text-align: center;
white-space: nowrap;
@screen xl {
max-width: calc(100% + 30px);
}
}
.horizontal-scrolling.draggable {
cursor: grab;
}
.horizontal-scrolling.draggable.active, .horizontal-scrolling.draggable.active a {
cursor: grabbing;
}
.no-scrollbars {
-ms-overflow-style: -ms-autohiding-scrollbar;
scrollbar-width: none;
}
.no-scrollbars::-webkit-scrollbar {
display: none;
}