a new idea
This commit is contained in:
75
source/assets/css/kinda_crafty.scss
Normal file
75
source/assets/css/kinda_crafty.scss
Normal file
@ -0,0 +1,75 @@
|
||||
@charset "utf-8";
|
||||
|
||||
@import "settings";
|
||||
@import "imports";
|
||||
|
||||
// div {border: 1px dashed orange;}
|
||||
|
||||
body {
|
||||
background: $offwhite url(/assets/img/bg/subtle_white_feathers.png);
|
||||
color: $dark;
|
||||
font-family: $main_font;
|
||||
}
|
||||
|
||||
header{
|
||||
background: $dark;
|
||||
color: $offwhite;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
header nav{
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
margin: 10px 0 0 0;
|
||||
padding: 13px 0px;
|
||||
}
|
||||
|
||||
header ul{
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header ul li{
|
||||
float: left;
|
||||
margin-left: 0;
|
||||
font-size: 16px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
header ul.social{
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
right: 0px;
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
|
||||
header a {
|
||||
text-decoration: none;
|
||||
color: $offwhite;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
header a:hover {
|
||||
color: $offwhite;
|
||||
text-decoration: none;
|
||||
border-bottom: 4px solid $accent_color;
|
||||
}
|
||||
|
||||
.social a:hover {
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
color: $accent_color;
|
||||
}
|
||||
|
||||
footer {
|
||||
// background: $grey;
|
||||
padding: 50px 0;
|
||||
color: $offwhite;
|
||||
}
|
||||
footer a, footer a:hover{
|
||||
color: $offwhite;
|
||||
text-decoration: none;
|
||||
}
|
Reference in New Issue
Block a user