Skip to content

M
makura-2025
Commit d4b4792f by Arjun Jhukal
Options

updated the filter for the case study filter

parent a0a2f7d9
Showing with 34 additions and 28 deletions
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/sass/pages/case-study/_case-study-filter.scss
.case-study-filter {
ul {
margin-bottom: 0;
gap: 44px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
&.nav {
margin-bottom: 0;
// gap: 44px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding: 0 !important;
li {
list-style-type: none;
li {
list-style-type: none;
a {
display: inline-block;
color: var(--white);
padding: 24px 0;
position: relative;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.4px;
a,
button {
display: inline-block;
color: var(--white) !important;
padding: 24px 0 !important;
position: relative;
font-size: 16px !important;
line-height: 24px !important;
letter-spacing: -0.4px !important;
font-weight: 400;
&::after {
content: "";
width: 16px;
height: 16px;
background-color: var(--white);
transform: translateX(-50%) rotate(45deg);
position: absolute;
top: calc(100% - 8px);
left: 50%;
opacity: 0;
}
&::after {
content: "";
width: 16px;
height: 16px;
background-color: var(--white);
transform: translateX(-50%) rotate(45deg);
position: absolute;
top: calc(100% - 6px);
left: 50%;
opacity: 0;
}
&.active {
font-weight: 600;
&.active {
font-weight: 600;
color: var(--white) !important;
&::after {
opacity: 1;
&::after {
opacity: 1;
}
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment