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

✨ Clean up unused selectors / mixins / sass vars

Browse source
This commit is contained in:
Belén Albeza 2024-06-19 15:35:50 +02:00
parent 2d53b96a15
commit 0c3f47b0c3
15 changed files with 70 additions and 501 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -33,7 +33,7 @@ svg#loader-icon {
// btn pencil loader
svg#loader-pencil {
fill: $color-primary-darker;
fill: var(--color-accent-tertiary);
width: 60px;
}

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

@ -1,6 +1,6 @@
.text-editor,
.rich-text {
color: $color-black;
color: var(--app-black);
height: 100%;
font-family: sourcesanspro;

81
frontend/resources/styles/main/partials/workspace.scss
View file

@ -4,6 +4,10 @@
//
// Copyright (c) KALEIDOS INC
// TODO: legacy sass vars. To be removed in favor of DS tokens
$br3: 3px;
$br4: 4px;
$width-left-toolbar: 48px;
$width-settings-bar: 256px;
@ -18,7 +22,7 @@ $height-palette-max: 80px;
width: 100vw;
height: 100%;
user-select: none;
background-color: $color-canvas;
background-color: var(--color-canvas);
display: grid;
grid-template-areas:
"header header header header"
@ -69,7 +73,7 @@ $height-palette-max: 80px;
}
.workspace-content {
background-color: $color-canvas;
background-color: var(--color-canvas);
display: flex;
padding: 0;
margin: 0;
@ -96,7 +100,7 @@ $height-palette-max: 80px;
}
.coordinates {
background-color: $color-dark-bg;
background-color: var(--db-primary);
border-radius: $br3;
bottom: 0px;
padding-left: 5px;
@ -114,16 +118,16 @@ $height-palette-max: 80px;
}
span {
color: $color-white;
color: var(--df-primary);
font-size: $fs12;
padding-right: 5px;
}
}
.cursor-tooltip {
background-color: $color-dark-bg;
background-color: var(--db-secondary-40);
border-radius: $br3;
color: $color-white;
color: var(--df-primary);
font-size: $fs12;
padding: 3px 8px;
transition: none;
@ -208,7 +212,7 @@ $height-palette-max: 80px;
z-index: 13;
rect {
fill: $color-canvas;
fill: var(--color-canvas);
}
path {
stroke: $color-gray-20;
@ -223,7 +227,7 @@ $height-palette-max: 80px;
z-index: 13;
rect {
fill: $color-canvas;
fill: var(--color-canvas);
}
path {
stroke: $color-gray-20;
@ -264,12 +268,11 @@ $height-palette-max: 80px;
z-index: 12;
pointer-events: none;
.path-actions,
.viewport-actions-container {
pointer-events: initial;
display: flex;
flex-direction: row;
background: white;
background: var(--app-white);
border-radius: $br3;
padding: 0.5rem;
border: 1px solid $color-gray-20;
@ -302,62 +305,4 @@ $height-palette-max: 80px;
flex-direction: row;
border-right: 1px solid $color-gray-20;
}
.viewport-actions-entry {
width: 28px;
height: 28px;
margin: 0 0.25rem;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
border-radius: $br3;
svg {
pointer-events: none;
width: 20px;
height: 20px;
}
&:hover svg {
fill: $color-primary;
}
&.is-disabled {
cursor: initial;
svg {
fill: $color-gray-20;
}
}
&.is-toggled {
background: $color-black;
svg {
fill: $color-primary;
}
}
}
.viewport-actions-entry-wide {
width: 27px;
height: 20px;
svg {
width: 27px;
height: 20px;
}
}
.path-actions > :first-child .viewport-actions-entry {
margin-left: 0;
}
.path-actions > :last-child {
border: none;
}
.path-actions > :last-child .viewport-actions-entry {
margin-right: 0;
}
}