nfp_sites/app/menu/menu.scss

110 lines
1.9 KiB
SCSS
Raw Normal View History

2019-02-20 16:10:37 +00:00
@import '../_common';
#nav {
display: flex;
flex-direction: column;
.top {
2019-09-14 19:03:38 +00:00
background: $primary-dark-bg;
2019-02-20 16:10:37 +00:00
color: $primary-dark-fg;
2019-09-14 19:03:38 +00:00
padding: 0 10px 0 0;
2019-02-20 16:10:37 +00:00
height: 100px;
display: flex;
2019-09-14 19:03:38 +00:00
a.logo {
background: url('./img/logo.png') 25px center no-repeat transparent;
padding-left: 120px;
display: flex;
color: $primary-dark-fg;
text-decoration: none;
}
2019-02-20 16:10:37 +00:00
h2 {
align-self: center;
font-size: 30px;
}
aside {
2019-09-14 19:03:38 +00:00
flex-grow: 2;
2019-02-20 16:10:37 +00:00
display: flex;
flex-direction: column;
2019-09-14 19:03:38 +00:00
align-items: flex-end;
2019-02-20 16:10:37 +00:00
padding: 10px 0;
p {
font-size: 0.8em;
2019-09-13 13:33:10 +00:00
color: $meta-light-fg;
2019-02-20 16:10:37 +00:00
padding-bottom: 5px;
2019-09-14 19:03:38 +00:00
a {
margin-left: 5px;
}
2019-02-20 16:10:37 +00:00
}
a, a:visited {
font-weight: bold;
text-align: center;
color: $secondary-light-bg;
font-size: 0.8em;
line-height: 1.4em;
text-decoration: none;
}
.adminlinks {
display: flex;
justify-content: center;
max-width: 200px;
flex-wrap: wrap;
a {
padding: 3px 5px;
min-width: 100px;
}
}
2019-02-20 16:10:37 +00:00
}
}
nav {
display: flex;
background: $primary-light-bg;
color: $primary-light-fg;
2019-09-13 13:33:10 +00:00
.hassubmenu {
flex-grow: 2;
flex-basis: 0;
display: flex;
}
2019-02-20 16:10:37 +00:00
a, a:visited {
flex-grow: 2;
flex-basis: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: $primary-light-fg;
padding: 10px;
font-size: 0.9em;
text-decoration: none;
&.active {
border-bottom: 3px solid $secondary-bg;
}
}
}
2019-09-13 13:33:10 +00:00
.loading-spinner {
position: relative;
flex-grow: 2;
flex-basis: 0;
}
.menuerror {
background: $primary-bg;
text-align: center;
padding: 10px;
color: #FFC7C7;
font-weight: bold;
}
2019-02-20 16:10:37 +00:00
}