app/assets/stylesheets/pageflow/progress_navigation_bar/themes/default.scss in pageflow-progress-navigation-bar-1.0.0 vs app/assets/stylesheets/pageflow/progress_navigation_bar/themes/default.scss in pageflow-progress-navigation-bar-1.1.0
- old
+ new
@@ -13,25 +13,31 @@
$progress-navigation-bar-display-share-button: $navigation-display-share-button !default;
/// Display hide text menu button
$progress-navigation-bar-display-hide-text-button: $navigation-display-hide-text-button !default;
-// Legacy
+/// Chapter Indicator colors
-$nav-color: $main-color;
+$progress-navigation-bar-active-page-color: $main-color !default;
-$nav-active-chapter: desaturate($main-color, 50%);
-$nav-active-page: $main-color;
+$progress-navigation-bar-inactive-chapter-color: #9B9B9B !default;
-$nav-active-chapter-beginning: desaturate($main-color, 40%);
+$progress-navigation-bar-chapter-beginning-color: #afafaf !default;
-$nav-hint-color: #A9A9A9 !default;
+$progress-navigation-bar-active-chapter-color: desaturate($progress-navigation-bar-active-page-color, 50%) !default;
-$nav-chapter-beginning: #afafaf;
-$nav-dot-even: #9B9B9B;
-$nav-dot-odd: #afafaf;
+$progress-navigation-bar-active-chapter-beginning-color: desaturate($progress-navigation-bar-active-page-color, 40%) !default;
+/// @see $default-widget-icon-font-options
+$progress-navigation-bar-icon-font-options: () !default;
+
+// Legacy
+
+$nav-color: $main-color;
+
+$nav-hint-color: #A9A9A9 !default;
+
$nav-bg-color: $basic-background-color;
$bg-color: $nav-bg-color;
$nav-bg-color-transparent: $basic-background-color-transparent;
@import "../mixins";
@@ -47,11 +53,13 @@
@import "./default/typography";
@if $progress-navigation-bar-icons == "sprite" {
@include progress-navigation-bar-icons-sprite;
} @else {
- @include progress-navigation-bar-icons-icon-font;
+ @include progress-navigation-bar-icons-icon-font(
+ widget-icon-font-options($progress-navigation-bar-icon-font-options)...
+ );
}
.navigation_site_detail .thumbnail {
@if $progress-navigation-bar-pictogram-visibility == visible {
@extend %pageflow_page_type_thumbnail;
@@ -193,23 +201,10 @@
.navigation_share_box {
a {
text-align: center;
}
-
- a.active,
- a:hover {
- p {
- color: $nav-color;
- }
-
- .share_google, .share_facebook, .share_twitter {
- &:before {
- color: $nav-color;
- }
- }
- }
}
}
&.js .scroller:after {
background-color: $nav-bg-color-transparent;
@@ -220,49 +215,49 @@
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
- background-color: $nav-dot-even;
+ background-color: $progress-navigation-bar-inactive-chapter-color;
border-bottom: 1px solid $nav-bg-color-transparent;
@include box-sizing(border-box);
&.in_active_chapter {
- background-color: $nav-active-chapter;
+ background-color: $progress-navigation-bar-active-chapter-color;
}
&.active {
cursor: default;
- background-color: $nav-active-page;
+ background-color: $progress-navigation-bar-active-page-color;
img {
- border-left: 5px solid $nav-active-page;
+ border-left: 5px solid $progress-navigation-bar-active-page-color;
}
}
}
li.chapter_beginning a {
- background-color: $nav-chapter-beginning;
+ background-color: $progress-navigation-bar-chapter-beginning-color;
&.in_active_chapter {
- background-color: $nav-active-chapter-beginning;
+ background-color: $progress-navigation-bar-active-chapter-beginning-color;
}
&.active {
- background-color: $main-color;
+ background-color: $progress-navigation-bar-active-page-color;
}
}
img {
display: block;
}
&.no_chapters {
li.chapter_beginning a, li a.in_active_chapter, li.chapter_beginning a.in_active_chapter {
- background-color: $nav-dot-even;
+ background-color: $progress-navigation-bar-inactive-chapter-color;
&.active {
- background-color: $nav-active-page;
+ background-color: $progress-navigation-bar-active-page-color;
}
}
}
}