Styles for splitbuttons on editor screen

This commit is contained in:
John O'Nolan 2014-08-06 02:06:36 +03:00
parent 201e827768
commit 73454b86d6
2 changed files with 14 additions and 32 deletions

View File

@ -37,6 +37,15 @@
padding-left: 12px;
padding-right: 12px;
@include border-left-radius(0);
&.btn-sm {
padding-left: 10px;
padding-right: 10px;
}
&.btn-lg {
padding-left: 16px;
padding-right: 16px;
}
// This is the additional dropdown arrow, to the right of the button.

View File

@ -466,41 +466,14 @@ body.zen {
right: -3px;
}
.button-save,
.button-delete {
min-height: 30px;
height: 30px;
line-height: 12px;
padding: 0 10px;
.splitbtn {
margin-top: 5px;
border-top: rgba(255,255,255,0.4) 1px solid;
}
.options {
width: 30px;
min-height: 30px;
height: 30px;
margin-top: 5px;
border-top: rgba(255,255,255,0.4) 1px solid;
}
.splitbutton-save,
.splitbutton-delete{
.button-save,
.button-delete{
@include transition(width 0.25s ease, background-color 0.3s linear);
}
.editor-options{
@extend .dropdown-bottom-right !optional;
bottom: 140%;
right: -3%;
a {
font-size: 14px;
}
.btn {
border-top: rgba(255,255,255,0.3) 1px solid;
}
}
}
.extended-tags { // When the tag bar is exapanded