[stylesheets] refactoring

This commit is contained in:
Maxim Kadushkin 2021-02-07 00:29:22 +03:00
parent c4c00ae515
commit 3f228da263
4 changed files with 38 additions and 58 deletions

View file

@ -48,3 +48,40 @@ 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;
}
}

View file

@ -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);
}

View file

@ -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);
}

View file

@ -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);
}