assets/stylesheets/umi/_override.scss in bootstrap-honoka-rails-3.3.7.5 vs assets/stylesheets/umi/_override.scss in bootstrap-honoka-rails-4.0.0
- old
+ new
@@ -1,70 +1,42 @@
@charset "UTF-8";
-// animation
-a {
- transition-timing-function: ease;
- transition-duration: 0.3s;
- transition-property: all;
+.navbar {
+ .nav-item {
+ .nav-link {
+ position: relative;
+ margin-right: $spacer * .5;
+ &::before {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ width: 0;
+ margin: 0 auto;
+ content: "";
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
+ transition: width .2s;
+ }
+ @include hover-focus {
+ &::before {
+ width: 100%;
+ }
+ }
+ }
+ &.active .nav-link::before {
+ width: 100%;
+ }
+ }
}
-// buttons
-.btn {
- &:active,
- &.active {
- box-shadow: none;
- }
+.navbar-dark {
+ .nav-item .nav-link::before {
+ border-color: $navbar-dark-active-color;
+ }
}
-// navbar
-.navbar-nav {
- @media (min-width: $grid-float-breakpoint) {
- > li {
- > a {
- padding-top: ($navbar-padding-vertical / 4);
- padding-bottom: ($navbar-padding-vertical / 4);
- margin-top: ($navbar-padding-vertical / 4 * 3);
- margin-bottom: ($navbar-padding-vertical / 4 * 3);
- border-radius: $border-radius-large;
- }
- > .dropdown-menu {
- margin-top: (-$navbar-padding-vertical / 4 * 3);
- }
- }
- > li:not(:last-child) {
- margin-right: ($navbar-padding-horizontal / 3);
- }
- }
-}
-
-.navbar-brand {
- margin-right: ($navbar-padding-horizontal / 3);
- font-size: $font-size-large;
-}
-
-// label
-.label {
- vertical-align: 2px;
-}
-
-// フォント指定
-.no-thank-yu,
-.navbar,
-.btn,
-.form-control,
-.input-gruop,
-.breadcrumb,
-.nav-tabs,
-.nav-pills,
-.panel-title,
-.list-group,
-.pagination,
-.pager,
-.alert,
-.label,
-.badge,
-.panel-heading,
-.lead,
-.tooltip,
-.popover {
- font-family: $font-family-sans-serif;
+.navbar-light {
+ .nav-item .nav-link::before {
+ border-color: $navbar-light-active-color;
+ }
}