rename class for better reusability and refactor

This commit is contained in:
Paul Clarke 2016-04-27 10:58:09 +12:00 committed by Ingo Schommer
parent 5b2d910aeb
commit bcbb0fcc5c
2 changed files with 7 additions and 15 deletions

View File

@ -16,6 +16,12 @@
line-height: 13px;
}
// Gives button a larger icon
.btn--icon-large {
font-size: 20px;
line-height: 20px;
}
// For buttons with icon and no text, removes space after icon
// TODO replace all .no-text classes for .btn--no-text
@ -125,20 +131,6 @@
}
// Trigger for the more options popup
.btn__options {
@extend .btn-secondary;
@extend .btn--no-text;
font-size: 20px;
line-height: 20px;
color: $body-color;
&:hover {
background-color: $btn-secondary-bg;
}
}
// Grouped buttons
.btn-group {
margin-right: $spacer-x * .75; // 12px

View File

@ -30,7 +30,7 @@ class Preview extends SilverStripeComponent {
<a href="" className="cms-content__back-btn font-icon-left-open-big" />
<div className="toolbar--south">
<div className="btn-toolbar">
<button className="btn btn-secondary btn-secondary font-icon-edit" type="button">
<button className="btn btn-secondary-outline btn-secondary font-icon-edit" type="button">
</button>
</div>
</div>