[stylesheets] refactoring
This commit is contained in:
parent
c4c00ae515
commit
3f228da263
|
@ -47,4 +47,41 @@ label {
|
|||
textarea {
|
||||
background-color: @background-normal;
|
||||
color: @text-normal
|
||||
}
|
||||
}
|
||||
|
||||
.btn-edit-table,
|
||||
.btn-change-shape {
|
||||
.background-ximage-v2('right-panels/rowscols_icon.png', 84px);
|
||||
margin-right: 2px !important;
|
||||
margin-bottom: 1px !important;
|
||||
}
|
||||
|
||||
.btn-edit-table {
|
||||
background-position: 0 0;
|
||||
|
||||
button.over & {
|
||||
background-position: -28px 0;
|
||||
}
|
||||
|
||||
.btn-group.open &,
|
||||
button.active:not(.disabled) &,
|
||||
button:active:not(.disabled) &
|
||||
{
|
||||
background-position: -56px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-change-shape {
|
||||
background-position: 0 -16px;
|
||||
|
||||
button.over & {
|
||||
background-position: -28px -16px;
|
||||
}
|
||||
|
||||
.btn-group.open &,
|
||||
button.active:not(.disabled) &,
|
||||
button:active:not(.disabled) &
|
||||
{
|
||||
background-position: -56px -16px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -157,25 +157,6 @@
|
|||
background-position: -250px 0;
|
||||
}
|
||||
|
||||
.btn-edit-table,
|
||||
.btn-change-shape {
|
||||
.background-ximage-v2('right-panels/rowscols_icon.png', 84px);
|
||||
margin-right: 2px !important;
|
||||
margin-bottom: 1px !important;
|
||||
}
|
||||
|
||||
.btn-edit-table {background-position: 0 0;}
|
||||
button.over .btn-edit-table {background-position: -28px 0;}
|
||||
.btn-group.open .btn-edit-table,
|
||||
button.active:not(.disabled) .btn-edit-table,
|
||||
button:active:not(.disabled) .btn-edit-table {background-position: -56px 0;}
|
||||
|
||||
.btn-change-shape {background-position: 0 -16px;}
|
||||
button.over .btn-change-shape {background-position: -28px -16px;}
|
||||
.btn-group.open .btn-change-shape,
|
||||
button.active:not(.disabled) .btn-change-shape,
|
||||
button:active:not(.disabled) .btn-change-shape {background-position: -56px -16px;}
|
||||
|
||||
.combo-pattern-item {
|
||||
.background-ximage-v2('right-panels/patterns.png', 112px);
|
||||
}
|
||||
|
|
|
@ -91,25 +91,6 @@
|
|||
background-size: cover;
|
||||
}
|
||||
|
||||
.btn-edit-table,
|
||||
.btn-change-shape {
|
||||
.background-ximage('@{common-image-path}/right-panels/rowscols_icon.png', '@{common-image-path}/right-panels/rowscols_icon@2x.png', 84px);
|
||||
margin-right: 2px !important;
|
||||
margin-bottom: 1px !important;
|
||||
}
|
||||
|
||||
.btn-edit-table {background-position: 0 0;}
|
||||
button.over .btn-edit-table {background-position: -28px 0;}
|
||||
.btn-group.open .btn-edit-table,
|
||||
button.active:not(.disabled) .btn-edit-table,
|
||||
button:active:not(.disabled) .btn-edit-table {background-position: -56px 0;}
|
||||
|
||||
.btn-change-shape {background-position: 0 -16px;}
|
||||
button.over .btn-change-shape {background-position: -28px -16px;}
|
||||
.btn-group.open .btn-change-shape,
|
||||
button.active:not(.disabled) .btn-change-shape,
|
||||
button:active:not(.disabled) .btn-change-shape {background-position: -56px -16px;}
|
||||
|
||||
.combo-pattern-item {
|
||||
.background-ximage('@{common-image-path}/right-panels/patterns.png', '@{common-image-path}/right-panels/patterns@2x.png', 112px);
|
||||
}
|
||||
|
|
|
@ -85,25 +85,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.btn-edit-table,
|
||||
.btn-change-shape {
|
||||
.background-ximage('@{common-image-path}/right-panels/rowscols_icon.png', '@{common-image-path}/right-panels/rowscols_icon@2x.png', 84px);
|
||||
margin-right: 2px !important;
|
||||
margin-bottom: 1px !important;
|
||||
}
|
||||
|
||||
.btn-edit-table {background-position: 0 0;}
|
||||
button.over .btn-edit-table {background-position: -28px 0;}
|
||||
.btn-group.open .btn-edit-table,
|
||||
button.active:not(.disabled) .btn-edit-table,
|
||||
button:active:not(.disabled) .btn-edit-table {background-position: -56px 0;}
|
||||
|
||||
.btn-change-shape {background-position: 0 -16px;}
|
||||
button.over .btn-change-shape {background-position: -28px -16px;}
|
||||
.btn-group.open .btn-change-shape,
|
||||
button.active:not(.disabled) .btn-change-shape,
|
||||
button:active:not(.disabled) .btn-change-shape {background-position: -56px -16px;}
|
||||
|
||||
.combo-pattern-item {
|
||||
.background-ximage('@{common-image-path}/right-panels/patterns.png', '@{common-image-path}/right-panels/patterns@2x.png', 112px);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue