vendor/assets/stylesheets/furatto/_navigation_bar.scss in furatto-1.2.6 vs vendor/assets/stylesheets/furatto/_navigation_bar.scss in furatto-1.2.7
- old
+ new
@@ -19,10 +19,12 @@
$navigation-bar-font-weight: 300 !default;
$navigation-font-size: px-to-rems(13) !default;
$navigation-fixed-z-index: 1030 !default;
$navigation-bar-border-bottom: transparent !default;
$navigation-bar-divider-color: scale-color($navigation-bar-background, $lightness: 13%) !default;
+$navigation-bar-divider-size: 1px !default;
+$navigation-bar-divider-style: solid !default;
//Brand section
$navigation-bar-brand-section-font-size: px-to-rems(18) !default;
$navigation-bar-brand-section-font-weight: 400 !default;
@@ -63,15 +65,18 @@
$navigation-bar-dropdown-header-font-size: px-to-rems(8) !default;
$navigation-bar-dropdown-divider-height: px-to-rems(1) !default;
$navigation-bar-dropdown-anchor-height: 45px !default;
$navigation-bar-dropdown-anchor-line-height: $navigation-bar-dropdown-anchor-height !default;
$navigation-bar-dropdown-right-position: 0px !default;
+$navigation-bar-dropdown-top-position: $navigation-bar-height !default;
$navigation-bar-dropdown-border: 1px solid lighten($navigation-bar-background, 10%) !default;
$include-navigation-bar-dropdown-top-border: false !default;
$navigation-bar-dropdown-radius: 3px !default;
$navigation-bar-dropdown-background: $navigation-bar-background !default;
$navigation-bar-dropdown-divider-color: $navigation-bar-divider-color !default;
+$navigation-bar-dropdown-divider-size: $navigation-bar-divider-size !default;
+$navigation-bar-dropdown-divider-style: $navigation-bar-divider-style !default;
//Form support
$navigation-bar-with-form-padding: $navigation-bar-height / 4 $navigation-bar-height / 3 !default;
$navigation-bar-with-form-input-height: $navigation-bar-height / 2 !default;
@@ -146,11 +151,11 @@
margin-right: auto;
}
&.divider {
height: auto;
- border-bottom: 1px solid $navigation-bar-divider-color;
+ border-bottom: $navigation-bar-divider-size $navigation-bar-divider-style $navigation-bar-divider-color;
}
}
}
}
@@ -188,10 +193,11 @@
ul.pull-right {
li.with-dropdown {
.dropdown {
right: $navigation-bar-dropdown-right-position;
left: auto;
+ top: $navigation-bar-dropdown-top-position;
}
}
}
ul {
@@ -230,11 +236,11 @@
}
}
&.divider {
height: $navigation-bar-height;
- border-left: 1px solid $navigation-bar-divider-color;
+ border-left: $navigation-bar-divider-size $navigation-bar-divider-style $navigation-bar-divider-color;
}
}
li.with-form {
padding: $navigation-bar-with-form-padding;
@@ -313,10 +319,10 @@
font-size: $navigation-bar-dropdown-header-font-size;
}
&.divider {
height: $navigation-bar-dropdown-divider-height;
- border-top: 1px solid $navigation-bar-dropdown-divider-color;
+ border-top: $navigation-bar-dropdown-divider-size $navigation-bar-dropdown-divider-style $navigation-bar-dropdown-divider-color;
}
}
}
}