mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-22 14:05:37 +02:00
rename class for better reusability and refactor
This commit is contained in:
parent
5b2d910aeb
commit
bcbb0fcc5c
@ -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
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user