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

🎉 fix size variables

Browse source
This commit is contained in:
elhombretecla 2021-10-05 10:16:44 +02:00 • committed by Andrés Moya
parent 790d532cee
commit 5de2ff40d8
31 changed files with 218 additions and 225 deletions
Download patch file Download diff file Expand all files Collapse all files

32
frontend/resources/styles/main/partials/modal.scss
View file

@ -664,7 +664,7 @@
.libraries-search {
border: 1px solid $color-gray-20;
margin: $size-4;
padding: $x-small $small;
padding: $size-1 $size-2;
display: flex;
align-items: center;
@ -720,7 +720,7 @@
flex-shrink: 0;
justify-content: center;
overflow: hidden;
padding: $x-big;
padding: $size-6;
width: 230px;
&.welcome {
@ -733,7 +733,7 @@
border-bottom-right-radius: 5px;
display: flex;
flex-direction: column;
padding: $x-big;
padding: $size-6;
.modal-title h2 {
color: $color-black;
@ -746,19 +746,19 @@
color: $color-black;
font-size: $fs12;
font-weight: bold;
margin-top: $small;
padding: 2px $x-small;
margin-top: $size-2;
padding: 2px $size-1;
width: max-content;
}
.modal-content {
border: none;
padding: $big 0;
padding: $size-5 0;
p {
color: $color-black;
font-size: 16px;
margin-top: $small;
margin-top: $size-2;
}
}
@ -771,7 +771,7 @@
cursor: pointer;
font-family: "worksans", sans-serif;
font-size: $fs13;
margin-left: $big;
margin-left: $size-5;
&:hover {
color: $color-black;
@ -789,9 +789,9 @@
background-color: $color-gray-10;
border-radius: 50%;
cursor: pointer;
height: $small;
margin-left: $small;
width: $small;
height: $size-2;
margin-left: $size-2;
width: $size-2;
&.current {
background-color: $color-primary;
@ -824,7 +824,7 @@
}
&.final {
padding: $big 0 0 0;
padding: $size-5 0 0 0;
.modal-left,
.modal-right {
@ -834,12 +834,12 @@
flex: 1;
flex-direction: column;
overflow: visible;
padding: $x-big 40px;
padding: $size-6 40px;
text-align: center;
h2 {
font-weight: 900;
margin-bottom: $big;
margin-bottom: $size-5;
font-size: $fs24;
}
@ -856,7 +856,7 @@
img {
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
border-radius: $br-medium;
margin-bottom: $x-big;
margin-bottom: $size-6;
margin-top: -90px;
width: 150px;
}
@ -872,7 +872,7 @@
margin-top: auto;
.custom-input {
margin-bottom: $medium;
margin-bottom: $size-4;
input {
width: 200px;