Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-04-12 15:01:28 -05:00
Code Issues Activity

✨ Initial clean up of framework scss

Browse source
This commit is contained in:
Belén Albeza 2024-06-19 14:59:15 +02:00
parent 540875c41e
commit 2d53b96a15
1 changed files with 0 additions and 181 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -56,150 +56,6 @@ input[type="button"][disabled],
pointer-events: none;
}
// Doted list
.doted-list {
li {
align-items: center;
display: flex;
padding: $size-2 0;
&::before {
background-color: $color-complete;
border-radius: 50%;
content: "";
flex-shrink: 0;
height: 10px;
margin-right: 6px;
width: 10px;
}
&.not-included {
text-decoration: line-through;
}
}
}
// Input elements
.input-element {
display: flex;
flex-shrink: 0;
position: relative;
width: 75px;
&::after,
.after {
color: $color-gray-20;
font-size: $fs12;
height: 20px;
position: absolute;
right: $size-2;
text-align: right;
top: 26%;
width: 18px;
pointer-events: none;
max-width: 4rem;
overflow: hidden;
text-overflow: ellipsis;
}
.after {
width: auto;
right: 6px;
}
&.mini {
width: 43px;
}
&.auto {
width: auto;
}
// Input amounts
&.pixels {
& input {
padding-right: 20px;
}
&::after {
content: "px";
}
}
&.percentail {
&::after {
content: "%";
}
}
&.milliseconds {
&::after {
content: "ms";
}
}
&.degrees {
&::after {
content: "dg";
}
}
&.height {
&::after {
content: "H";
}
}
&.width {
&::after {
content: "W";
}
}
&.Xaxis {
&::after {
content: "X";
}
}
&.Yaxis {
&::after {
content: "Y";
}
}
&.maxW {
&::after {
content: attr(alt);
}
}
&.minW {
&::after {
content: attr(alt);
}
}
&.maxH {
&::after {
content: attr(alt);
}
}
&.minH {
&::after {
content: attr(alt);
}
}
&.large {
min-width: 7rem;
}
}
input,
select {
box-sizing: border-box;
@ -329,43 +185,6 @@ input[type="range"]:focus::-ms-fill-upper {
background: $color-gray-60;
}
// Scroll bar (chrome)
::-webkit-scrollbar {
background-color: transparent;
cursor: pointer;
height: 8px;
width: 8px;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: $color-gray-20;
&:hover {
background-color: darken($color-gray-20, 14%);
outline: 2px solid $color-primary;
}
}
.message-inline {
background-color: $color-info;
color: $color-info-darker;
margin-bottom: 1.2rem;
padding: 0.8rem;
text-align: center;
p {
margin: 0;
}
.code {
font-family: monospace;
}
}
[draggable] {
-moz-user-select: none;
-khtml-user-select: none;