Sha256: ca97999167f9be8c5017cd77352990cad841565dab82139c7243c515e85823ca
Contents?: true
Size: 1.91 KB
Versions: 23
Compression:
Stored size: 1.91 KB
Contents
/* Variables */
/* Navigation */
.process-nav{
background-color: $white;
border: $border;
padding: .75rem $container-padding-y;
ul{
margin: 0;
list-style: none;
}
.about-link{
font-size: 80%;
}
@include breakpoint(medium){
padding: .25rem;
ul{
overflow-x: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
ul::-webkit-scrollbar{
display: none;
}
ul::after{
display: inline-block;
flex-grow: 1;
content: "";
}
li{
display: inline-block;
margin: .5rem .75rem;
}
.about-link{
float: right;
margin-right: 0;
margin-left: auto;
}
}
}
.process-nav__trigger{
display: block;
width: 100%;
text-align: left;
position: relative;
}
.process-nav__trigger__icon{
position: absolute;
right: .5rem;
top: .55rem;
}
.js .process-nav__content{
@include breakpoint(smallmedium down){
display: none;
}
&.is-active{
display: block;
}
}
.process-nav__content li{
@include breakpoint(smallmedium down){
margin-top: 1rem;
}
&.is-active{
@include breakpoint(smallmedium down){
display: none;
}
}
}
.process-nav__link{
color: $muted;
text-transform: uppercase;
font-weight: 600;
display: flex;
align-items: center;
svg{
margin-right: .4em;
width: 25px;
height: 25px;
fill: $muted;
.stroked-shape{
fill: none;
fill-opacity: 1;
stroke-width: 2.01957917;
stroke-miterlimit: 4;
stroke-dasharray: none;
stroke-dashoffset: 0;
stroke: $muted;
}
}
}
@include breakpoint(medium){
.process-nav__link:hover,
.process-nav__link.is-active{
color: $primary;
svg{
fill: $primary;
.stroked-shape{
stroke: $primary;
}
}
}
}
Version data entries
23 entries across 23 versions & 1 rubygems