...
 
Commits (3)
......@@ -72,7 +72,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
<div class="container">
<ul>
<li><a href="#">Desktop e portatili</a></li>
<li><a href="#">Server e cloud</a></li>
<li><a href="#" class="active">Server e cloud</a></li>
<li><a href="#">Derivate</a></li>
</ul>
</div>
......
......@@ -14,7 +14,7 @@
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
@mixin navbar-style($background, $color, $hover_color, $font_size) {
@mixin navbar-style($background, $active_background, $color, $hover_color, $font_size) {
background: $background;
ul li {
......@@ -29,7 +29,7 @@
&:hover, &.active {
color: $hover_color;
background: mix(#fff, $background, 10%);
background: $active_background;
}
}
......@@ -44,7 +44,7 @@
}
nav {
box-shadow: 0 0.15em 0.15em rgba(100, 100, 100, 0.1);
box-shadow: 0 0.15rem 0.15rem rgba(100, 100, 100, 0.1);
font-size: 0;
width: 100%;
......@@ -100,24 +100,22 @@ nav {
@include navbar-style(
mix(#fff, $color_warm_gray, 90%),
mix(#fff, $color_warm_gray, 97%),
mix(#000, $color_warm_gray, 40%),
mix(#000, $color_warm_gray, 60%),
mix(#000, $color_warm_gray, 70%),
1rem,
);
&.main-navbar {
font-weight: 400;
@include navbar-style($color_orange, #fff, #fff, 1rem);
@include navbar-style($color_orange, mix(#fff, $color_orange, 10%), #fff, #fff, 1rem);
}
&.sites-list {
@include navbar-style($color_cool_gray, $color_warm_gray, #fff, 0.8rem);
@include navbar-style($color_cool_gray, $color_cool_gray, $color_warm_gray, #fff, 0.8rem);
ul li a {
padding: 0.5em 0.7em;
&:hover, &.active {
background: $color_cool_gray;
}
}
}
......
......@@ -27,6 +27,13 @@ div.page {
&:first-child {
border-top: 0;
border-top-left-radius: 0.2em;
border-top-right-radius: 0.2em;
}
&:last-child {
border-bottom-left-radius: 0.2em;
border-bottom-right-radius: 0.2em;
}
div.col {
......@@ -66,6 +73,10 @@ div.page {
div.row {
display: block;
&:first-child, &:last-child {
border-radius: 0;
}
div.col {
margin: 2em 0 0 0;
......