mirror of
https://github.com/penpot/penpot.git
synced 2025-08-04 00:49:02 +02:00
✨ New text typographies palette
This commit is contained in:
parent
b26cbeccca
commit
5cac5eb26b
6 changed files with 188 additions and 25 deletions
|
@ -9,7 +9,9 @@
|
|||
align-items: center;
|
||||
background-color: $color-gray-50;
|
||||
border-top: 1px solid $color-gray-60;
|
||||
display: flex;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: auto auto 1fr auto auto;
|
||||
|
||||
z-index: 11;
|
||||
|
||||
|
@ -252,7 +254,7 @@
|
|||
ul.palette-menu {
|
||||
left: 8px;
|
||||
top: auto;
|
||||
bottom: 4.5rem;
|
||||
bottom: var(--height);
|
||||
color: $color-black;
|
||||
|
||||
li {
|
||||
|
|
24
frontend/resources/styles/main/partials/text-palette.scss
Normal file
24
frontend/resources/styles/main/partials/text-palette.scss
Normal file
|
@ -0,0 +1,24 @@
|
|||
.typography-item {
|
||||
padding: 0 1rem;
|
||||
margin-right: 1rem;
|
||||
cursor: pointer;
|
||||
|
||||
& > * {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
& .typography-name {
|
||||
color: $color-white;
|
||||
}
|
||||
|
||||
& .typography-font, & .typography-data {
|
||||
font-size: 16px;
|
||||
color: #7B7D85;
|
||||
}
|
||||
|
||||
.no-text & {
|
||||
& .typography-font, & .typography-data {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue