3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-04 07:08:21 +02:00
Code Issues Projects Releases Packages Wiki Activity

🎉 Allow masked groups

Browse source
This commit is contained in:
Andrés Moya 2020-10-15 10:59:23 +02:00 • committed by Alonso Torres
parent ad66955a54
commit ee89b2e7f4
14 changed files with 207 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

3
frontend/resources/images/icons/mask.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<path fill-rule="evenodd" clip-rule="evenodd" d="M452 250c0 150-200 250-200 250S52 400 52 250V75L252 0l200 75zM259 388c43 0 80-27 93-63H165c14 36 50 63 94 63zM102 200c9-29 34-50 63-50s53 21 62 50zm238-50c-29 0-54 21-63 50h125c-9-29-33-50-62-50z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 320 B

41
frontend/resources/styles/main/partials/sidebar-layers.scss
View file

@ -144,6 +144,47 @@
}
}
.element-list li.masked {
.element-children {
li:first-child {
position: relative;
&::before {
content: "^";
font-size: $fs18;
font-family: opensans;
font-weight: lighter;
position: absolute;
top: -5px;
left: -5px;
}
}
li:last-child {
border-left: none;
position: relative;
&::before {
content: " ";
border-left: 1px solid $color-gray-40;
height: 1rem;
position: absolute;
top: 0;
left: 0;
}
&::after {
content: " ";
border-bottom: 1px solid $color-gray-40;
width: 0.3rem;
position: absolute;
top: 1rem;
left: 0;
}
}
}
}
.element-icon {
svg {
fill: $color-gray-30;

2
frontend/resources/styles/main/partials/sidebar.scss
View file

@ -158,7 +158,7 @@ $width-settings-bar: 16rem;
ul {
border-left: 9px solid $color-gray-50;
margin: 0;
margin: 0 0 0 0.4rem;
li {
border-left: 1px solid $color-gray-40;