Sha256: 5be22e009ebef1a2c62d59be7e0131333f2d1f340778d0ba0357f1c9d2cf41b1
Contents?: true
Size: 1.75 KB
Versions: 28
Compression:
Stored size: 1.75 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){
ul{
overflow-x: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
display: flex;
align-items: center;
}
ul::-webkit-scrollbar{
display: none;
}
li{
display: inline-block;
margin-right: 1.5rem;
}
.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{
display: block;
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
28 entries across 28 versions & 2 rubygems