_sass/_components/sticky.scss
.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
&:before,
&:after {
content: '';
display: table;
}
}
.sticky::before,
.sticky::after {
content: '';
display: table;
}
.sticky-subnav {
ul {
background: color('white');
&[aria-hidden="true"] {
display: none;
}
}
@include at-media('tablet') {
ul[aria-hidden="true"] {
display: inline-block;
}
button {
background: color('white');
border-bottom: 1px solid color('gray-cool-10');
&[aria-expanded] {
background: color('white');
}
&:hover,
&:active,
&:focus {
background: color('white');
cursor: default;
}
}
}
}