Add main navigation bar
Make donations and invitations accessible to everyone
This commit is contained in:
31
app/assets/stylesheets/main_nav.scss
Normal file
31
app/assets/stylesheets/main_nav.scss
Normal file
@@ -0,0 +1,31 @@
|
||||
@import "variables";
|
||||
|
||||
#main-nav {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
background-color: #efefef;
|
||||
|
||||
.wrapper {
|
||||
width: $content-width;
|
||||
max-width: $content-max-width;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
ul {
|
||||
li {
|
||||
display: inline;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
padding: 1.5rem;
|
||||
text-decoration: none;
|
||||
color: $text-color-discreet;
|
||||
|
||||
&.active {
|
||||
color: $text-color-body;
|
||||
border-bottom: 2px solid #ffd000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user