62 lines
1.5 KiB
SCSS
62 lines
1.5 KiB
SCSS
/*-----------------------------------------------
|
|
| Isotope
|
|
-----------------------------------------------*/
|
|
|
|
.isotope-nav {
|
|
font-weight: $font-weight-bold;
|
|
font-size: $font-size-base;
|
|
color: var(--#{$prefix}secondary-color);
|
|
letter-spacing: 0.02em;
|
|
border: 1px solid transparent;
|
|
padding: map_get($spacers, 2) map_get($spacers, 3);
|
|
background-color: transparent;
|
|
&.active {
|
|
color: var(--#{$prefix}primary);
|
|
border: 1px solid var(--#{$prefix}primary);
|
|
border-radius: 1.2rem;
|
|
}
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
.isotope-item {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.sortable {
|
|
.menu {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
font-family: $font-family-base;
|
|
text-transform: uppercase;
|
|
color: $black;
|
|
text-decoration: none;
|
|
font-weight: $font-weight-normal;
|
|
font-size: map_get($font-sizes, 9);
|
|
letter-spacing: 0.13rem;
|
|
.isotope-nav {
|
|
cursor: pointer;
|
|
padding: map_get($spacers, 1) map_get($spacers, 2);
|
|
margin-bottom: map_get($spacers, 2);
|
|
border: 1px solid transparent;
|
|
// border-radius: $border-radius;
|
|
transition: $transition-base;
|
|
margin-right: map_get($spacers, 1);
|
|
&:last-child {
|
|
margin-right: 0;
|
|
}
|
|
&.active {
|
|
border-color: currentColor;
|
|
color: $black;
|
|
border-radius: $btn-border-radius;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// .sortable-container.sortable-container-gutter-fix {
|
|
// margin-left: -map_get($spacers, 2);
|
|
// margin-right: -map_get($spacers, 2);
|
|
// }
|