sms-pager/app/assets/stylesheets/main.scss

67 lines
920 B
SCSS
Raw Normal View History

2015-09-20 13:26:45 -05:00
// maybe this? => https://color.adobe.com/Theme-1-color-theme-6893131/edit/?copy=true
$white: #F2E8DF;
$light: #C7C9CD;
$grey: #8E969D;
$dark: #646267;
@mixin inline-ul {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
li {
display: inline-block;
float: left;
margin: 0;
padding: 0;
a {
display: inline-block;
padding: 15px;
text-decoration: none;
}
}
}
html {
color: $dark;
background-color: $white;
margin: 0;
padding: 0;
}
body {
margin: 15px;
padding: 0;
}
.nav {
@include inline-ul;
background-color: $dark;
color: $light;
margin: -15px -15px 15px;
width: calc(100% + 30px);
li {
&:hover {
background-color: $grey;
}
a {
color: $light;
}
}
}
.sub-nav {
@include inline-ul;
margin: -19px -15px 0;
a {
color: $dark;
&:hover {
background-color: $light;
}
}
}