Change underscores in CSS classes to hyphens

These were triggering a warning from scss-lint.
This commit is contained in:
Kristina Lim
2019-07-03 04:43:35 +08:00
parent 691d7d735b
commit 3e37c8a3f1
4 changed files with 11 additions and 11 deletions

View File

@@ -14,17 +14,17 @@ nav.top-bar {
}
@media #{$large-only} {
.top-bar__menu-item-with-icon span {
.top-bar--menu-item-with-icon span {
display: none;
}
.top-bar__current-hub-prefix,
.top-bar__current-hub-name {
.top-bar--current-hub-prefix,
.top-bar--current-hub-name {
display: inline-block;
vertical-align: middle;
}
.top-bar__current-hub-name {
.top-bar--current-hub-name {
max-width: 10em;
overflow: hidden;
text-overflow: ellipsis;
@@ -32,12 +32,12 @@ nav.top-bar {
}
}
.top-bar-section ul li > a.top-bar__menu-item-with-icon {
.top-bar-section ul li > a.top-bar--menu-item-with-icon {
display: inline;
}
.top-bar__menu-item-with-icon i,
.top-bar__menu-item-with-icon img {
.top-bar--menu-item-with-icon i,
.top-bar--menu-item-with-icon img {
line-height: $topbar-height;
}

View File

@@ -1,5 +1,5 @@
%li.language-switcher.has-dropdown
%a{href: '#', class: "top-bar__menu-item-with-icon"}
%a{href: '#', class: "top-bar--menu-item-with-icon"}
%i.ofn-i_071-globe
%span= t 'language_name'
%ul.dropdown

View File

@@ -29,9 +29,9 @@
%li.current_hub{"ng-controller" => "CurrentHubCtrl", "ng-show" => "CurrentHub.hub.id", "ng-cloak" => true}
%a{href: main_app.shop_path}
%span{ class: "top-bar__current-hub-prefix" }
%span{ class: "top-bar--current-hub-prefix" }
= t 'label_shopping'
= '@'
%span{ class: "top-bar__current-hub-name" } {{ CurrentHub.hub.name | truncate:25 }}
%span{ class: "top-bar--current-hub-name" } {{ CurrentHub.hub.name | truncate:25 }}
%li.cart{"ng-cloak" => true}
= render partial: "shared/menu/cart"

View File

@@ -6,7 +6,7 @@
%li.user-menu.has-dropdown.not-click
%a{href: "#", class: "top-bar__menu-item-with-icon"}
%a{href: "#", class: "top-bar--menu-item-with-icon"}
%img{ src: "/assets/menu/icn-profile.svg" }
%span
= t '.profile'