Added Grunt to compile SASS and JS files; added navbar
This commit is contained in:
65
assets/styles/nardah.scss
Normal file
65
assets/styles/nardah.scss
Normal file
@ -0,0 +1,65 @@
|
||||
$primary-color: navy;
|
||||
$primary-color-highlight: lighten($primary-color, 10%);
|
||||
|
||||
$nav-height: 65px;
|
||||
|
||||
body{
|
||||
margin: 0;
|
||||
padding: $nav-height 0 0;
|
||||
background: white;
|
||||
}
|
||||
|
||||
a{
|
||||
color: $primary-color;
|
||||
transition: all 230ms ease-in-out;
|
||||
&:hover{
|
||||
color: $primary-color-highlight;
|
||||
}
|
||||
}
|
||||
|
||||
#main-nav{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: $nav-height;
|
||||
background: $primary-color;
|
||||
color: #eee;
|
||||
font-size: 2rem;
|
||||
|
||||
ul{
|
||||
list-style: none;
|
||||
li{
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-left{
|
||||
float: left;
|
||||
}
|
||||
.nav-right{
|
||||
float: right;
|
||||
}
|
||||
|
||||
a{
|
||||
display: inline-block;
|
||||
padding: 15px 10px;
|
||||
color: #eee;
|
||||
text-decoration: none;
|
||||
&:hover{
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.site-logo{
|
||||
margin-left: 25px;
|
||||
margin-right: 25px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
#main-wrapper{
|
||||
max-width: 1180px;
|
||||
margin-top: 15px;
|
||||
padding: 15px 20px;
|
||||
}
|
Reference in New Issue
Block a user