💄 Come true the comments switch button working.
This commit is contained in:
@@ -67,10 +67,6 @@
|
||||
|
||||
.first-comment {
|
||||
color: $first_comment_color;
|
||||
|
||||
@if $two_comments_actived==$first_comment_name {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.second-comment {
|
||||
@@ -82,6 +78,7 @@
|
||||
}
|
||||
|
||||
$switch_btn_bg_color: $first_comment_color;
|
||||
$switch_btn_move_bc: $second_comment_color;
|
||||
|
||||
.switch-btn {
|
||||
position: relative;
|
||||
@@ -100,6 +97,7 @@
|
||||
|
||||
@if $two_comments_actived==$second_comment_name {
|
||||
$switch_btn_bg_color: $second_comment_color;
|
||||
$switch_btn_move_bc: $first_comment_color;
|
||||
}
|
||||
|
||||
background-color: $switch_btn_bg_color;
|
||||
@@ -120,7 +118,11 @@
|
||||
transition: .4s
|
||||
}
|
||||
|
||||
&.move:before {
|
||||
&.move {
|
||||
background-color: $switch_btn_move_bc;
|
||||
}
|
||||
|
||||
&.move:before {
|
||||
-webkit-transform: translateX(20px);
|
||||
-moz-transform: translateX(20px);
|
||||
-o-transform: translateX(20px);
|
||||
@@ -129,6 +131,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user