Sha256: d723b6b121efd93d0640f9f0d939231cc09f81a1ac6a07881b0803403bec0e29
Contents?: true
Size: 1.93 KB
Versions: 5
Compression:
Stored size: 1.93 KB
Contents
nav#Menu.admin section {
@include display(flex);
height: 100%;
}
nav#Menu.admin {
@include display(flex);
@include align-content(flex-start);
@include align-items(center);
@include justify-content(space-between);
@include flex-wrap(wrap);
height: 3em;
font-family: $fonts;
font-size: 16px;
font-weight: bold;
padding: 0 2em;
z-index: 10;
background-color: lighten($gray-blue, 25%);
color: darken($gray-blue, 30%);
border-bottom: 1px solid darken($gray-blue, 75%);
.button {
@include display(flex);
@include flex(0 0 auto);
@include align-items(center);
@include justify-content(center);
border-radius: 0;
border: none;
background: none;
height: 100%;
text-decoration: none;
padding: 4px 2em;
margin: 0;
font-size: 0.8em;
text-transform: uppercase;
font-weight: lighter;
color: inherit;
text-shadow: none;
&.selected {
color: lighten($navy-blue, 100%);
}
&:hover:not(.selected) {
text-decoration: underline;
box-shadow: none;
}
&:active:not(.selected) {
color: lighten($navy-blue, 100%);
text-decoration: underline;
box-shadow: none;
}
}
}
nav#Menu.admin form.logout {
@include display(flex);
@include flex(0 0 auto);
@include align-items(center);
@include justify-content(center);
margin: 0;
height: 100%;
input {
@include transition(box-shadow 0.1s ease, background-color 0.1s ease);
background-color: lighten($red, 15%);
color: darken($red, 25%);
cursor: pointer;
outline: none;
padding: 6px 10px;
margin: 0;
border: none;
border-radius: 2px;
font-size: 0.9em;
font-family: inherit;
font-weight: bold;
box-shadow: 0 1px 1px 0 transparent;
&:hover {
box-shadow: 0 0.5px 0.5px 0 darken($red, 15%);
}
&:active {
box-shadow: 0 1px 1px 0 transparent;
background-color: darken($red, 5%);
}
}
}
Version data entries
5 entries across 5 versions & 1 rubygems