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

🎉 Font size adjustemts

Browse source
This commit is contained in:
elhombretecla 2021-10-05 12:59:00 +02:00 • committed by Andrés Moya
parent 5de2ff40d8
commit 7199ab7cbe
20 changed files with 51 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/resources/styles/common/base.scss
View file

@ -63,7 +63,7 @@ a {
} }
p { p {
font-size: $fs13; font-size: $fs12;
margin-bottom: 1rem; margin-bottom: 1rem;
line-height: $base-lh-sm; line-height: $base-lh-sm;

2
frontend/resources/styles/common/dependencies/fonts.scss
View file

@ -21,7 +21,7 @@ $fs21: 1.315rem;
$fs22: 1.375rem; $fs22: 1.375rem;
$fs24: 1.5rem; $fs24: 1.5rem;
$fs26: 1.625rem; $fs26: 1.625rem;
$fs28: 1.75rem; $fs24: 1.75rem;
$fs30: 1.875rem; $fs30: 1.875rem;
$fs32: 2rem; $fs32: 2rem;
$fs34: 2.125rem; $fs34: 2.125rem;

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

@ -14,7 +14,7 @@
border-radius: 3px; border-radius: 3px;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
font-size: $fs13; font-size: $fs12;
height: 30px; height: 30px;
justify-content: center; justify-content: center;
min-width: 25px; min-width: 25px;
@ -555,7 +555,7 @@ input.element-name {
border: 1px solid $color-gray-40; border: 1px solid $color-gray-40;
border-radius: $br-small; border-radius: $br-small;
color: $color-gray-60; color: $color-gray-60;
font-size: $fs13; font-size: $fs12;
margin: 0px; margin: 0px;
padding: 3px; padding: 3px;
width: 100%; width: 100%;
@ -713,7 +713,7 @@ input[type=radio]:checked + label:before{
position: absolute; position: absolute;
left: 3.2px; left: 3.2px;
top: 0; top: 0;
font-size: $fs11; 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;
} }
@ -969,7 +969,7 @@ input[type=range]:focus::-ms-fill-upper {
border-radius: $br-small; border-radius: $br-small;
color: $color-gray-60; color: $color-gray-60;
content: attr(alt); content: attr(alt);
font-size: $fs11; font-size: $fs12;
font-weight: bold; font-weight: bold;
padding: $size-1; padding: $size-1;
position: absolute; position: absolute;
@ -1175,7 +1175,7 @@ input[type=range]:focus::-ms-fill-upper {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: $fs15; font-size: $fs14;
} }
} }
} }

4
frontend/resources/styles/main/partials/activity-bar.scss
View file

@ -40,7 +40,7 @@
.activity-input { .activity-input {
border-bottom: 1px solid $color-gray-10; border-bottom: 1px solid $color-gray-10;
display: flex; display: flex;
font-size: $fs13; font-size: $fs12;
padding: $size-2; padding: $size-2;
width: 100%; width: 100%;
@ -70,7 +70,7 @@
.activity-time { .activity-time {
color: $color-gray-20; color: $color-gray-20;
font-size: $fs11; font-size: $fs12;
font-style: italic; font-style: italic;
} }
} }

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

@ -280,14 +280,14 @@
margin: 0; margin: 0;
border: 1px solid $color-gray-10; border: 1px solid $color-gray-10;
border-radius: 2px; border-radius: 2px;
font-size: $fs11; font-size: $fs12;
height: 1.5rem; height: 1.5rem;
padding: 0 $size-1; padding: 0 $size-1;
color: $color-gray-40; color: $color-gray-40;
} }
label { label {
font-size: $fs11; font-size: $fs12;
} }
} }
@ -434,7 +434,7 @@
.input-text { .input-text {
color: $color-gray-60; color: $color-gray-60;
font-size: $fs13; font-size: $fs12;
margin: 5px; margin: 5px;
padding: 5px; padding: 5px;
width: 100%; width: 100%;
@ -484,7 +484,7 @@
position: relative; position: relative;
.color-name { .color-name {
font-size: $fs13; font-size: $fs12;
margin: 5px 6px 0px 6px; margin: 5px 6px 0px 6px;
} }
@ -500,7 +500,7 @@
margin: 5px 0 0 0; margin: 5px 0 0 0;
padding: 0 $size-1; padding: 0 $size-1;
width: 84px; width: 84px;
font-size: $fs13; font-size: $fs12;
&:focus { &:focus {
border-color: $color-primary !important; border-color: $color-primary !important;

6
frontend/resources/styles/main/partials/comments.scss
View file

@ -12,7 +12,7 @@
box-sizing: border-box; box-sizing: border-box;
box-shadow: 0px 4px 4px rgba($color-black, 0.25); box-shadow: 0px 4px 4px rgba($color-black, 0.25);
font-size: $fs13; font-size: $fs12;
width: 30px; width: 30px;
height: 30px; height: 30px;
border-radius: 50%; border-radius: 50%;
@ -69,7 +69,7 @@
textarea { textarea {
font-family: "worksans", sans-serif; font-family: "worksans", sans-serif;
font-size: $fs13; font-size: $fs12;
min-height: 32px; min-height: 32px;
outline: none; outline: none;
overflow: hidden; overflow: hidden;
@ -120,7 +120,7 @@
.fullname { .fullname {
font-weight: 700; font-weight: 700;
color: $color-gray-60; color: $color-gray-60;
font-size: $fs13; font-size: $fs12;
@include text-ellipsis; @include text-ellipsis;
width: 174px; width: 174px;

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

@ -104,7 +104,7 @@
h3 { h3 {
border: 1px solid transparent; border: 1px solid transparent;
color: $color-gray-60; color: $color-gray-60;
font-size: $fs15; font-size: $fs14;
font-weight: 400; font-weight: 400;
overflow: hidden; overflow: hidden;
padding: 0; padding: 0;
@ -129,7 +129,7 @@
padding: 0px; padding: 0px;
height: 25px; height: 25px;
color: $color-gray-60; color: $color-gray-60;
font-size: $fs15; font-size: $fs14;
font-weight: 400; font-weight: 400;
} }
} }
@ -163,7 +163,7 @@
span { span {
color: $color-gray-60; color: $color-gray-60;
font-size: $fs15; font-size: $fs14;
} }
&:hover { &:hover {

2
frontend/resources/styles/main/partials/dashboard-header.scss
View file

@ -41,7 +41,7 @@
ul { ul {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: $fs15; font-size: $fs14;
justify-content: center; justify-content: center;
} }

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

@ -141,7 +141,7 @@
} }
} }
.text { .text {
font-size: $fs13; font-size: $fs12;
} }
} }

2
frontend/resources/styles/main/partials/dashboard-team.scss
View file

@ -139,7 +139,7 @@
.name { .name {
margin-top: 10px; margin-top: 10px;
font-size: $fs28; font-size: $fs24;
color: $color-black; color: $color-black;
@include text-ellipsis; @include text-ellipsis;
margin-right: 90px; margin-right: 90px;

6
frontend/resources/styles/main/partials/dashboard.scss
View file

@ -40,7 +40,7 @@
h2 { h2 {
cursor: pointer; cursor: pointer;
font-size: 15px; font-size: $fs14;
line-height: 1rem; line-height: 1rem;
font-weight: 500; font-weight: 500;
color: $color-black; color: $color-black;
@ -52,7 +52,7 @@
} }
.info { .info {
font-size: 15px; font-size: $fs14;
line-height: 1rem; line-height: 1rem;
font-weight: unset; font-weight: unset;
color: $color-gray-30; color: $color-gray-30;
@ -78,7 +78,7 @@
} }
.recent-files-row-title-info { .recent-files-row-title-info {
font-size: $fs15; font-size: $fs14;
} }
.dashboard-table { .dashboard-table {

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

@ -48,7 +48,7 @@
justify-content: space-between; justify-content: space-between;
> button { > button {
font-size: $fs13; font-size: $fs12;
} }
> button:not(:first-child) { > button:not(:first-child) {
margin-left: 25px; margin-left: 25px;
@ -562,7 +562,7 @@
.header-item { .header-item {
cursor: pointer; cursor: pointer;
color: $color-gray-40; color: $color-gray-40;
font-size: $fs15; font-size: $fs14;
&.active { &.active {
color: $color-gray-60; color: $color-gray-60;
@ -597,7 +597,7 @@
.section-title { .section-title {
color: $color-black; color: $color-black;
font-size: $fs15; font-size: $fs14;
padding: 0 $size-4; padding: 0 $size-4;
font-weight: 500; font-weight: 500;
} }
@ -737,7 +737,7 @@
.modal-title h2 { .modal-title h2 {
color: $color-black; color: $color-black;
font-size: $fs28; font-size: $fs24;
font-weight: 900; font-weight: 900;
} }
@ -770,7 +770,7 @@
.skip { .skip {
cursor: pointer; cursor: pointer;
font-family: "worksans", sans-serif; font-family: "worksans", sans-serif;
font-size: $fs13; font-size: $fs12;
margin-left: $size-5; margin-left: $size-5;
&:hover { &:hover {

4
frontend/resources/styles/main/partials/project-bar.scss
View file

@ -36,7 +36,7 @@
.btn-primary, .btn-primary,
.btn-warning { .btn-warning {
font-size: $fs13; font-size: $fs12;
margin-bottom: .5rem; margin-bottom: .5rem;
padding: 8px $size-2; padding: 8px $size-2;
width: 90%; width: 90%;
@ -64,7 +64,7 @@
} }
span { span {
font-size: $fs13; font-size: $fs12;
} }
&:hover, &:hover,

2
frontend/resources/styles/main/partials/share-link.scss
View file

@ -64,7 +64,7 @@
.share-link-section { .share-link-section {
margin-top: 12px; margin-top: 12px;
label { label {
font-size: $fs11; font-size: $fs12;
color: $color-black; color: $color-black;
} }

6
frontend/resources/styles/main/partials/sidebar-assets.scss
View file

@ -126,7 +126,7 @@
.selected-count { .selected-count {
color: $color-primary; color: $color-primary;
font-size: $fs11; font-size: $fs12;
} }
.listing-option-btn { .listing-option-btn {
@ -164,7 +164,7 @@
.asset-title { .asset-title {
display: flex; display: flex;
cursor: pointer; cursor: pointer;
font-size: $fs11; font-size: $fs12;
text-transform: uppercase; text-transform: uppercase;
& .num-assets { & .num-assets {
@ -291,7 +291,7 @@
.editable-label-input { .editable-label-input {
border: 1px solid $color-gray-20; border: 1px solid $color-gray-20;
border-radius: 3px; border-radius: 3px;
font-size: $fs11; font-size: $fs12;
padding: 2px; padding: 2px;
margin: 0; margin: 0;
height: unset; height: unset;

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

@ -65,7 +65,7 @@
.element-set-title { .element-set-title {
color: $color-gray-20; color: $color-gray-20;
display: flex; display: flex;
font-size: $fs13; font-size: $fs14;
padding: $size-1; padding: $size-1;
width: 100%; width: 100%;
align-items: center; align-items: center;
@ -254,7 +254,7 @@
.element-set-subtitle { .element-set-subtitle {
color: $color-gray-20; color: $color-gray-20;
font-size: $fs11; font-size: $fs12;
width: 64px; width: 64px;
&.wide { &.wide {
@ -562,7 +562,7 @@
font-size: $fs12; font-size: $fs12;
span { span {
font-size: $fs11; font-size: $fs12;
} }
} }
} }
@ -1010,7 +1010,7 @@
} }
.element-set-label { .element-set-label {
font-size: $fs11; font-size: $fs12;
padding: 0.5rem; padding: 0.5rem;
color: $color-gray-10; color: $color-gray-10;
} }
@ -1157,7 +1157,7 @@
.multiple-typography-text, .multiple-typography-text,
.multiple-typography-button { .multiple-typography-button {
font-size: $fs13; font-size: $fs12;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -1457,7 +1457,7 @@
justify-content: flex-start; justify-content: flex-start;
.input-select { .input-select {
font-size: $fs11; font-size: $fs12;
margin: 0 $size-1; margin: 0 $size-1;
} }
@ -1477,7 +1477,7 @@
} }
.fix-when { .fix-when {
font-size: $fs11; font-size: $fs12;
cursor: pointer; cursor: pointer;
span { span {
@ -1501,7 +1501,7 @@
border-bottom-color: $color-gray-40; border-bottom-color: $color-gray-40;
color: $color-gray-10; color: $color-gray-10;
cursor: pointer; cursor: pointer;
font-size: $fs11; font-size: $fs12;
margin: $size-1; margin: $size-1;
overflow: hidden; overflow: hidden;
padding: $size-1; padding: $size-1;

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

@ -40,7 +40,7 @@
} }
.action-summary { .action-summary {
font-size: $fs11; font-size: $fs12;
color: $color-gray-20; color: $color-gray-20;
} }
} }
@ -53,7 +53,7 @@
.element-label { .element-label {
color: $color-gray-20; color: $color-gray-20;
font-size: $fs11; font-size: $fs12;
width: 64px; width: 64px;
} }

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

@ -93,7 +93,7 @@ $width-settings-bar: 16rem;
span { span {
color: $color-gray-10; color: $color-gray-10;
font-size: $fs13; font-size: $fs14;
} }
span.tool-badge { span.tool-badge {

4
frontend/resources/styles/main/partials/viewer-header.scss
View file

@ -10,7 +10,7 @@
justify-content: space-between; justify-content: space-between;
a { a {
font-size: $fs13; font-size: $fs12;
} }
.main-icon { .main-icon {
@ -72,7 +72,7 @@
> span { > span {
color: $color-gray-10; color: $color-gray-10;
font-size: $fs13; font-size: $fs14;
margin-right: $size-1; margin-right: $size-1;
} }

2
frontend/resources/styles/main/partials/viewer-thumbnails.scss
View file

@ -175,7 +175,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
span { span {
font-size: $fs13; font-size: $fs12;
} }
} }
} }