Group button icon styles

This commit is contained in:
Paul Clarke 2016-09-30 13:43:11 +13:00
parent 374ef6e0c3
commit b794a40864
2 changed files with 51 additions and 25 deletions

View File

@ -15048,18 +15048,6 @@ fieldset+.btn-toolbar{
background:#0071c4;
}
.btn--top-right{
float:right;
right:0;
margin-right:5px;
margin-top:-2px;
position:absolute;
}
.btn--top-right:before{
color:#66727d;
}
.btn-group{
margin-right:.9231rem;
}
@ -15080,6 +15068,29 @@ fieldset+.btn-toolbar{
outline:none;
}
.close{
font-size:1.8rem;
opacity:.3;
line-height:20px;
display:block;
}
button.close{
padding:.4615rem .7692rem;
}
.btn--top-right{
float:right;
right:0;
margin-right:5px;
margin-top:-2px;
position:absolute;
}
.btn--top-right:before{
color:#66727d;
}
.popover{
box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.1);
font-size:1rem;

View File

@ -180,19 +180,6 @@
}
}
// Apply to things like panel close btn
.btn--top-right {
float: right;
right: 0;
margin-right: 5px;
margin-top: -2px;
position: absolute;
// Temp override JQueryUI color
&::before {
color: $body-color-light;
}
}
// Grouped buttons
.btn-group {
@ -216,3 +203,31 @@
.btn--no-focus:focus {
outline: none;
}
// Close buttons
// Bootstrap close button customizations
.close {
font-size: ($font-size-base * 1.8);
opacity: .3;
line-height: 20px;
display: block;
}
button.close {
padding: $btn-padding-y $btn-padding-x;
}
// Apply to things like panel close btn
.btn--top-right {
float: right;
right: 0;
margin-right: 5px;
margin-top: -2px;
position: absolute;
// Temp override JQueryUI color
&::before {
color: $body-color-light;
}
}