Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add reusable button grouping styles

pull/10616/head
Alex P 2018-06-26 01:32:43 -07:00
parent 68eb506687
commit 2092833942
1 changed files with 39 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
ui/src/style/theme/_buttons.scss
View File

@ -423,3 +423,42 @@ button.btn-link-alert {
$c-thunder
);
}
/*
Buttons Groups
-----------------------------------------------------------------------------
*/
.btn-group--left,
.btn-group--center,
.btn-group--right {
display: flex;
align-items: center;
}
.btn-group--left > .btn {
margin-right: 4px;
&:last-child {
margin-right: 0;
}
}
.btn-group--center > .btn {
margin-left: 2px;
margin-right: 2px;
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
}
.btn-group--right > .btn {
margin-left: 4px;
&:first-child {
margin-left: 0;
}
}