Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-04-14 07:51:35 -05:00
Code Issues Activity

📎 Fix scss linter issues

Browse source
This commit is contained in:
Andrey Antukh 2023-08-31 09:25:40 +02:00
parent eb2187daf2
commit 63668fb66e
7 changed files with 56 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/resources/styles/common/dependencies/mixin.scss
View file

@ -116,7 +116,9 @@ $bp-min-2556: "(min-width: 2556px)";
$filepath: "/fonts/" + $file;
@font-face {
font-family: "#{$style-name}";
src: url($filepath + ".woff2") format("woff2"), url($filepath + ".ttf") format("truetype");
src:
url($filepath + ".woff2") format("woff2"),
url($filepath + ".ttf") format("truetype");
font-weight: unquote($weight);
font-style: unquote($style);
}

44
frontend/resources/styles/common/framework.scss
View file

@ -632,7 +632,9 @@ input.element-name {
&:before {
border-radius: $br99;
transition: box-shadow 0.2s linear 0s, color 0.2s linear 0s;
transition:
box-shadow 0.2s linear 0s,
color 0.2s linear 0s;
}
}
@ -692,13 +694,17 @@ input[type="radio"]:checked + label:before {
}
label {
transition: border 0.2s linear 0s, color 0.2s linear 0s;
transition:
border 0.2s linear 0s,
color 0.2s linear 0s;
position: relative;
&:before {
top: 1.4px;
border-radius: $br3;
transition: border 0.2s linear 0s, color 0.2s linear 0s;
transition:
border 0.2s linear 0s,
color 0.2s linear 0s;
}
&::after {
@ -709,7 +715,9 @@ input[type="radio"]:checked + label:before {
left: 3.2px;
top: 0;
font-size: $fs12;
transition: border 0.2s linear 0s, color 0.2s linear 0s;
transition:
border 0.2s linear 0s,
color 0.2s linear 0s;
}
&:after {
@ -844,13 +852,17 @@ input[type="range"]::-webkit-slider-runnable-track {
height: 6px;
cursor: pointer;
animate: 0.2s;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
box-shadow:
0px 0px 0px #000000,
0px 0px 0px #0d0d0d;
background: $color-gray-60;
border-radius: $br25;
border: 0px solid #000101;
}
input[type="range"]::-webkit-slider-thumb {
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
box-shadow:
0px 0px 0px #000000,
0px 0px 0px #0d0d0d;
border: 0px solid #000000;
height: 18px;
width: 6px;
@ -868,13 +880,17 @@ input[type="range"]::-moz-range-track {
height: 8px;
cursor: pointer;
animate: 0.2s;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
box-shadow:
0px 0px 0px #000000,
0px 0px 0px #0d0d0d;
background: $color-gray-60;
border-radius: $br25;
border: 0px solid #000101;
}
input[type="range"]::-moz-range-thumb {
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
box-shadow:
0px 0px 0px #000000,
0px 0px 0px #0d0d0d;
border: 0px solid #000000;
height: 24px;
width: 8px;
@ -896,16 +912,22 @@ input[type="range"]::-ms-fill-lower {
background: $color-gray-60;
border: 0px solid #000101;
border-radius: $br50;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
box-shadow:
0px 0px 0px #000000,
0px 0px 0px #0d0d0d;
}
input[type="range"]::-ms-fill-upper {
background: $color-gray-60;
border: 0px solid #000101;
border-radius: $br50;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
box-shadow:
0px 0px 0px #000000,
0px 0px 0px #0d0d0d;
}
input[type="range"]::-ms-thumb {
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
box-shadow:
0px 0px 0px #000000,
0px 0px 0px #0d0d0d;
border: 0px solid #000000;
height: 24px;
width: 8px;

8
frontend/resources/styles/main/partials/colorpicker.scss
View file

@ -232,7 +232,9 @@
border-radius: $br6;
z-index: 1;
border: 1px solid $color-white;
box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset, rgb(0 0 0 / 0.25) 0px 4px 4px inset,
box-shadow:
rgb(255, 255, 255) 0px 0px 0px 1px inset,
rgb(0 0 0 / 0.25) 0px 4px 4px inset,
rgb(0 0 0 / 0.25) 0px 4px 4px;
transform: translate(-6px, -6px);
left: 50%;
@ -381,7 +383,9 @@
border-radius: $br6;
z-index: 1;
border: 1px solid $color-white;
box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset, rgb(0 0 0 / 0.25) 0px 4px 4px inset,
box-shadow:
rgb(255, 255, 255) 0px 0px 0px 1px inset,
rgb(0 0 0 / 0.25) 0px 4px 4px inset,
rgb(0 0 0 / 0.25) 0px 4px 4px;
transform: translate(-6px, -6px);
left: 50%;

4
frontend/resources/styles/main/partials/dashboard-grid.scss
View file

@ -467,7 +467,9 @@
}
&.libs {
background-image: url(/images/ph-left.svg), url(/images/ph-right.svg);
background-position: 15% bottom, 85% top;
background-position:
15% bottom,
85% top;
background-repeat: no-repeat;
align-items: center;
border: 1px dashed #b1b2b5;

4
frontend/resources/styles/main/partials/sidebar-element-options.scss
View file

@ -1204,7 +1204,9 @@
.go-to-lib-button {
color: $color-white;
transition: border 0.3s, color 0.3s;
transition:
border 0.3s,
color 0.3s;
text-align: center;
background: $color-gray-50;
padding: 0.5rem;

5
frontend/src/app/main/ui/workspace/left_toolbar.scss
View file

@ -18,7 +18,10 @@
border-radius: $s-8;
z-index: $z-index-2;
background-color: var(--color-background-primary);
transition: top 0.3s, height 0.3s, opacity 0.3s;
transition:
top 0.3s,
height 0.3s,
opacity 0.3s;
.main-toolbar-options {
position: relative;

5
frontend/src/app/main/ui/workspace/palette.scss
View file

@ -30,7 +30,10 @@
padding: $s-0 $s-0 $s-8 $s-8;
border-radius: $br-8;
background-color: var(--palette-background-color);
transition: right 0.3s, opacity 0.2s, width 0.3s;
transition:
right 0.3s,
opacity 0.2s,
width 0.3s;
&.wide {
width: 100%;
}