mirror of
https://github.com/penpot/penpot.git
synced 2025-02-24 07:46:13 -05:00
🎉 Font size adjustemts
This commit is contained in:
parent
5de2ff40d8
commit
7199ab7cbe
20 changed files with 51 additions and 51 deletions
|
@ -63,7 +63,7 @@ a {
|
|||
}
|
||||
|
||||
p {
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
margin-bottom: 1rem;
|
||||
line-height: $base-lh-sm;
|
||||
|
||||
|
|
|
@ -21,7 +21,7 @@ $fs21: 1.315rem;
|
|||
$fs22: 1.375rem;
|
||||
$fs24: 1.5rem;
|
||||
$fs26: 1.625rem;
|
||||
$fs28: 1.75rem;
|
||||
$fs24: 1.75rem;
|
||||
$fs30: 1.875rem;
|
||||
$fs32: 2rem;
|
||||
$fs34: 2.125rem;
|
||||
|
|
|
@ -14,7 +14,7 @@
|
|||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
height: 30px;
|
||||
justify-content: center;
|
||||
min-width: 25px;
|
||||
|
@ -555,7 +555,7 @@ input.element-name {
|
|||
border: 1px solid $color-gray-40;
|
||||
border-radius: $br-small;
|
||||
color: $color-gray-60;
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
margin: 0px;
|
||||
padding: 3px;
|
||||
width: 100%;
|
||||
|
@ -713,7 +713,7 @@ input[type=radio]:checked + label:before{
|
|||
position: absolute;
|
||||
left: 3.2px;
|
||||
top: 0;
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
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;
|
||||
color: $color-gray-60;
|
||||
content: attr(alt);
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
font-weight: bold;
|
||||
padding: $size-1;
|
||||
position: absolute;
|
||||
|
@ -1175,7 +1175,7 @@ input[type=range]:focus::-ms-fill-upper {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: $fs15;
|
||||
font-size: $fs14;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -40,7 +40,7 @@
|
|||
.activity-input {
|
||||
border-bottom: 1px solid $color-gray-10;
|
||||
display: flex;
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
padding: $size-2;
|
||||
width: 100%;
|
||||
|
||||
|
@ -70,7 +70,7 @@
|
|||
|
||||
.activity-time {
|
||||
color: $color-gray-20;
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -280,14 +280,14 @@
|
|||
margin: 0;
|
||||
border: 1px solid $color-gray-10;
|
||||
border-radius: 2px;
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
height: 1.5rem;
|
||||
padding: 0 $size-1;
|
||||
color: $color-gray-40;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -434,7 +434,7 @@
|
|||
|
||||
.input-text {
|
||||
color: $color-gray-60;
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
width: 100%;
|
||||
|
@ -484,7 +484,7 @@
|
|||
position: relative;
|
||||
|
||||
.color-name {
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
margin: 5px 6px 0px 6px;
|
||||
}
|
||||
|
||||
|
@ -500,7 +500,7 @@
|
|||
margin: 5px 0 0 0;
|
||||
padding: 0 $size-1;
|
||||
width: 84px;
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
|
||||
&:focus {
|
||||
border-color: $color-primary !important;
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
box-sizing: border-box;
|
||||
box-shadow: 0px 4px 4px rgba($color-black, 0.25);
|
||||
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
|
@ -69,7 +69,7 @@
|
|||
|
||||
textarea {
|
||||
font-family: "worksans", sans-serif;
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
min-height: 32px;
|
||||
outline: none;
|
||||
overflow: hidden;
|
||||
|
@ -120,7 +120,7 @@
|
|||
.fullname {
|
||||
font-weight: 700;
|
||||
color: $color-gray-60;
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
|
||||
@include text-ellipsis;
|
||||
width: 174px;
|
||||
|
|
|
@ -104,7 +104,7 @@
|
|||
h3 {
|
||||
border: 1px solid transparent;
|
||||
color: $color-gray-60;
|
||||
font-size: $fs15;
|
||||
font-size: $fs14;
|
||||
font-weight: 400;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
|
@ -129,7 +129,7 @@
|
|||
padding: 0px;
|
||||
height: 25px;
|
||||
color: $color-gray-60;
|
||||
font-size: $fs15;
|
||||
font-size: $fs14;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
@ -163,7 +163,7 @@
|
|||
|
||||
span {
|
||||
color: $color-gray-60;
|
||||
font-size: $fs15;
|
||||
font-size: $fs14;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
|
|
@ -41,7 +41,7 @@
|
|||
ul {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: $fs15;
|
||||
font-size: $fs14;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
|
|
@ -141,7 +141,7 @@
|
|||
}
|
||||
}
|
||||
.text {
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -139,7 +139,7 @@
|
|||
|
||||
.name {
|
||||
margin-top: 10px;
|
||||
font-size: $fs28;
|
||||
font-size: $fs24;
|
||||
color: $color-black;
|
||||
@include text-ellipsis;
|
||||
margin-right: 90px;
|
||||
|
|
|
@ -40,7 +40,7 @@
|
|||
|
||||
h2 {
|
||||
cursor: pointer;
|
||||
font-size: 15px;
|
||||
font-size: $fs14;
|
||||
line-height: 1rem;
|
||||
font-weight: 500;
|
||||
color: $color-black;
|
||||
|
@ -52,7 +52,7 @@
|
|||
}
|
||||
|
||||
.info {
|
||||
font-size: 15px;
|
||||
font-size: $fs14;
|
||||
line-height: 1rem;
|
||||
font-weight: unset;
|
||||
color: $color-gray-30;
|
||||
|
@ -78,7 +78,7 @@
|
|||
}
|
||||
|
||||
.recent-files-row-title-info {
|
||||
font-size: $fs15;
|
||||
font-size: $fs14;
|
||||
}
|
||||
|
||||
.dashboard-table {
|
||||
|
|
|
@ -48,7 +48,7 @@
|
|||
justify-content: space-between;
|
||||
|
||||
> button {
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
}
|
||||
> button:not(:first-child) {
|
||||
margin-left: 25px;
|
||||
|
@ -562,7 +562,7 @@
|
|||
.header-item {
|
||||
cursor: pointer;
|
||||
color: $color-gray-40;
|
||||
font-size: $fs15;
|
||||
font-size: $fs14;
|
||||
|
||||
&.active {
|
||||
color: $color-gray-60;
|
||||
|
@ -597,7 +597,7 @@
|
|||
|
||||
.section-title {
|
||||
color: $color-black;
|
||||
font-size: $fs15;
|
||||
font-size: $fs14;
|
||||
padding: 0 $size-4;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
@ -737,7 +737,7 @@
|
|||
|
||||
.modal-title h2 {
|
||||
color: $color-black;
|
||||
font-size: $fs28;
|
||||
font-size: $fs24;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
|
@ -770,7 +770,7 @@
|
|||
.skip {
|
||||
cursor: pointer;
|
||||
font-family: "worksans", sans-serif;
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
margin-left: $size-5;
|
||||
|
||||
&:hover {
|
||||
|
|
|
@ -36,7 +36,7 @@
|
|||
|
||||
.btn-primary,
|
||||
.btn-warning {
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
margin-bottom: .5rem;
|
||||
padding: 8px $size-2;
|
||||
width: 90%;
|
||||
|
@ -64,7 +64,7 @@
|
|||
}
|
||||
|
||||
span {
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
|
|
|
@ -64,7 +64,7 @@
|
|||
.share-link-section {
|
||||
margin-top: 12px;
|
||||
label {
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
color: $color-black;
|
||||
}
|
||||
|
||||
|
|
|
@ -126,7 +126,7 @@
|
|||
|
||||
.selected-count {
|
||||
color: $color-primary;
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
}
|
||||
|
||||
.listing-option-btn {
|
||||
|
@ -164,7 +164,7 @@
|
|||
.asset-title {
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
text-transform: uppercase;
|
||||
|
||||
& .num-assets {
|
||||
|
@ -291,7 +291,7 @@
|
|||
.editable-label-input {
|
||||
border: 1px solid $color-gray-20;
|
||||
border-radius: 3px;
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
height: unset;
|
||||
|
|
|
@ -65,7 +65,7 @@
|
|||
.element-set-title {
|
||||
color: $color-gray-20;
|
||||
display: flex;
|
||||
font-size: $fs13;
|
||||
font-size: $fs14;
|
||||
padding: $size-1;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
|
@ -254,7 +254,7 @@
|
|||
|
||||
.element-set-subtitle {
|
||||
color: $color-gray-20;
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
width: 64px;
|
||||
|
||||
&.wide {
|
||||
|
@ -562,7 +562,7 @@
|
|||
font-size: $fs12;
|
||||
|
||||
span {
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1010,7 +1010,7 @@
|
|||
}
|
||||
|
||||
.element-set-label {
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
padding: 0.5rem;
|
||||
color: $color-gray-10;
|
||||
}
|
||||
|
@ -1157,7 +1157,7 @@
|
|||
|
||||
.multiple-typography-text,
|
||||
.multiple-typography-button {
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
@ -1457,7 +1457,7 @@
|
|||
justify-content: flex-start;
|
||||
|
||||
.input-select {
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
margin: 0 $size-1;
|
||||
}
|
||||
|
||||
|
@ -1477,7 +1477,7 @@
|
|||
}
|
||||
|
||||
.fix-when {
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
cursor: pointer;
|
||||
|
||||
span {
|
||||
|
@ -1501,7 +1501,7 @@
|
|||
border-bottom-color: $color-gray-40;
|
||||
color: $color-gray-10;
|
||||
cursor: pointer;
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
margin: $size-1;
|
||||
overflow: hidden;
|
||||
padding: $size-1;
|
||||
|
|
|
@ -40,7 +40,7 @@
|
|||
}
|
||||
|
||||
.action-summary {
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
color: $color-gray-20;
|
||||
}
|
||||
}
|
||||
|
@ -53,7 +53,7 @@
|
|||
|
||||
.element-label {
|
||||
color: $color-gray-20;
|
||||
font-size: $fs11;
|
||||
font-size: $fs12;
|
||||
width: 64px;
|
||||
}
|
||||
|
||||
|
|
|
@ -93,7 +93,7 @@ $width-settings-bar: 16rem;
|
|||
|
||||
span {
|
||||
color: $color-gray-10;
|
||||
font-size: $fs13;
|
||||
font-size: $fs14;
|
||||
}
|
||||
|
||||
span.tool-badge {
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
justify-content: space-between;
|
||||
|
||||
a {
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
}
|
||||
|
||||
.main-icon {
|
||||
|
@ -72,7 +72,7 @@
|
|||
|
||||
> span {
|
||||
color: $color-gray-10;
|
||||
font-size: $fs13;
|
||||
font-size: $fs14;
|
||||
margin-right: $size-1;
|
||||
}
|
||||
|
||||
|
|
|
@ -175,7 +175,7 @@
|
|||
text-overflow: ellipsis;
|
||||
|
||||
span {
|
||||
font-size: $fs13;
|
||||
font-size: $fs12;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue