mirror of
https://github.com/penpot/penpot.git
synced 2025-07-24 16:07:21 +02:00
✨ Changes to the margin-item and min/max width/height
This commit is contained in:
parent
40da1c302a
commit
e926b11fef
5 changed files with 108 additions and 82 deletions
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 132.292 132.292">
|
||||
<path d="M11.583 0v11.232h11.306V0H11.583zm23.832 0v11.232h12.32V0h-12.32zm24.847 0v11.232h12.32V0h-12.32zM85.11 0v11.232h12.32V0H85.11zm24.847 0v11.232h11V0h-11zM22.399 22.608V60.45h-.016v11.18l.016.001v38.147h87.557v-87.17H22.399zm-10.816 98.451v11.233H22.89v-11.233H11.583zm98.373 0v11.233h11v-11.233h-11zm-74.541.001v11.233h12.32V121.06h-12.32zm24.847 0v11.233h12.32V121.06h-12.32zm24.847 0v11.233h12.32V121.06h-12.32z"/>
|
||||
</svg>
|
After Width: | Height: | Size: 531 B |
|
@ -1717,13 +1717,17 @@
|
|||
padding: 1px;
|
||||
}
|
||||
|
||||
.gap-group {
|
||||
.gap-group,
|
||||
.margin-item-group {
|
||||
display: flex;
|
||||
margin-top: 3px;
|
||||
margin-bottom: 8px;
|
||||
height: 26px;
|
||||
|
||||
.gap-row,
|
||||
.gap-column,
|
||||
.margin-item-row,
|
||||
.margin-item-column,
|
||||
.padding-row {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
@ -1789,23 +1793,28 @@
|
|||
grid-template-columns: auto 30px;
|
||||
}
|
||||
|
||||
.margin-item-row {
|
||||
grid-template-columns: auto 30px;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.margin-row {
|
||||
grid-template-columns: 65px auto;
|
||||
}
|
||||
|
||||
.padding-row,
|
||||
.margin-row {
|
||||
.margin-item-row {
|
||||
display: grid;
|
||||
height: 26px;
|
||||
.padding-icons,
|
||||
.margin-icons {
|
||||
.margin-item-icons {
|
||||
display: flex;
|
||||
padding: 0;
|
||||
border: 1px solid $color-gray-60;
|
||||
border-radius: 3px;
|
||||
|
||||
.padding-icon,
|
||||
.margin-icon {
|
||||
.margin-item-icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
@ -1832,7 +1841,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.padding-icons {
|
||||
.padding-icons, .margin-item-icons {
|
||||
margin-bottom: 8px;
|
||||
margin-top: 3px;
|
||||
margin-right: 1px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue