stylesheets/components/_button-groups.scss in rapido-css-0.0.1 vs stylesheets/components/_button-groups.scss in rapido-css-0.0.2.1
- old
+ new
@@ -1,8 +1,8 @@
-//
-// Button groups
-// --------------------------------------------------
+// ====================================================================================================================
+// BUTTON GROUPS
+// ====================================================================================================================
@if $button-groups {
.btn-group {
@extend .clearfix;
@include inline-block;
margin-bottom: 0;
@@ -13,15 +13,16 @@
float: left;
list-style-type: none;
display: inline-block;
}
-
// Space multiple inline groups
+ // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+ .btn-group { margin-left: em(5px); }
// Float button and reapply border radius
+ // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
> .btn,
> li .btn {
@include border-radius(0);
float: left;
position: relative;
@@ -47,19 +48,15 @@
@include border-bottom-right-radius($base-border-radius);
}
// On hover/focus/active, bring the proper btn to front
+ // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
> .btn:hover,
> .btn:focus,
> .btn:active,
> .btn.active {
z-index: 2;
}
- // // On active and open, don't show outline
- // .dropdown-toggle:active,
- // &.open .dropdown-toggle {
- // outline: 0;
- // }
}
}
\ No newline at end of file