rancher
/
ui
mirror of https://github.com/rancher/ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

btn group fix

This commit is contained in:
lvuch 2017-02-22 15:34:46 -07:00
parent fe4936d81b
commit e49b91af61
1 changed files with 50 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

106
app/styles/components/_button.scss
View File

@ -1,8 +1,8 @@
// -----------------------------------------------------------------------------
// This file contains all styles related to the button component.
// -----------------------------------------------------------------------------
.btn, button {
.btn,
button {
display: inline-block;
text-align: center;
white-space: nowrap;
@ -18,111 +18,105 @@
letter-spacing: .5px;
border-radius: 2px;
line-height: 1.5;
&.bg-transparent {
color: $link-color;
color: $link-color;
}
&:hover {
text-decoration: none;
}
}
//button group
.btn-group {
[class*="btn-group-"] {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
.btn {
position: relative;
display: inline-block;
border-radius: 0;
// margin-left: -4px;
// border: solid 1px $accent;
&:first-child {
border-radius: 3px 0 0 3px;
margin-left: 0;
}
&:last-child {
border-radius: 0 3px 3px 0;
}
&.active {
@extend .bg-primary;
@extend .bg-primary;
}
&:focus {
z-index: 2;
z-index: 2;
}
}
&.action-menu {
.btn {
// padding: 10px 15px;
font-size: .75em;
margin-left: -6px;
.dropdown {
&:first-child {
margin-left: 0;
&:first-child {
margin-left: 0;
}
&:last-child {
position: relative;
&:before {
content: "";
background: rgba(0, 0, 0, .5);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
}
}
&:last-child {
position: relative;
&:before {
content: "";
background: rgba(0,0,0,.5);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
}
}
}
}
}
//dropdown button
.dropdown-menu {
max-width: 250px;
&.hidden {
display: none;
}
li {
a {
text-decoration: none;
max-width: 250px;
&.hidden {
display: none;
}
li {
a {
text-decoration: none;
}
}
}
}
//btn sizes
.btn-xs, .btn-group-xs > .btn, .btn-group-xs > .btn {
padding: 2px 3px;
line-height: initial;
font-size: .65em;
.btn-xs,
.btn-group-xs > .btn,
.btn-group-xs > .btn {
padding: 2px 3px;
line-height: initial;
font-size: .65em;
}
.btn-sm, .btn-group-sm .btn {
padding: 5px 10px;
font-size: 0.87em;
.btn-sm,
.btn-group-sm .btn {
padding: 5px 10px;
font-size: 0.87em;
margin-left: -3px;
}
.btn-lg, .btn-group-lg > .btn {
padding: 18px 30px;
font-size: 1.25em;
.btn-lg,
.btn-group-lg > .btn {
padding: 18px 30px;
font-size: 1.25em;
}
//diabled
.btn-disabled, .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
.btn-disabled,
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
@extend .bg-disabled;
cursor: not-allowed;
}
}