smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

scope css under name space excalidraw (#1983)

Browse source
This commit is contained in:
Aakansha Doshi 2020-09-26 02:48:45 +05:30 • committed by GitHub
parent 403576861c
commit a61b212220
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
33 changed files with 1706 additions and 1559 deletions
Download patch file Download diff file Expand all files Collapse all files

142
src/components/LibraryUnit.scss
View file

@ -1,77 +1,79 @@
.library-unit {
align-items: center;
border: 1px solid var(--button-gray-2);
display: flex;
justify-content: center;
position: relative;
width: 63px;
height: 63px; // match width
}
.library-unit__dragger {
display: flex;
height: 100%;
width: 100%;
}
.library-unit__dragger > svg {
filter: var(--appearance-filter);
flex-grow: 1;
max-height: 100%;
max-width: 100%;
}
.library-unit__removeFromLibrary,
.library-unit__removeFromLibrary:hover,
.library-unit__removeFromLibrary:active {
align-items: center;
background: none;
border: none;
color: var(--icon-fill-color);
display: flex;
justify-content: center;
margin: 0;
padding: 0;
position: absolute;
right: 5px;
top: 5px;
}
.library-unit__removeFromLibrary > svg {
height: 16px;
width: 16px;
}
.library-unit__pulse {
transform: scale(1);
animation: library-unit__pulse-animation 1s ease-in infinite;
}
.library-unit__adder {
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
pointer-events: none;
}
.library-unit__active {
cursor: pointer;
}
@keyframes library-unit__pulse-animation {
0% {
transform: scale(0.95);
.excalidraw {
.library-unit {
align-items: center;
border: 1px solid var(--button-gray-2);
display: flex;
justify-content: center;
position: relative;
width: 63px;
height: 63px; // match width
}
50% {
.library-unit__dragger {
display: flex;
height: 100%;
width: 100%;
}
.library-unit__dragger > svg {
filter: var(--appearance-filter);
flex-grow: 1;
max-height: 100%;
max-width: 100%;
}
.library-unit__removeFromLibrary,
.library-unit__removeFromLibrary:hover,
.library-unit__removeFromLibrary:active {
align-items: center;
background: none;
border: none;
color: var(--icon-fill-color);
display: flex;
justify-content: center;
margin: 0;
padding: 0;
position: absolute;
right: 5px;
top: 5px;
}
.library-unit__removeFromLibrary > svg {
height: 16px;
width: 16px;
}
.library-unit__pulse {
transform: scale(1);
animation: library-unit__pulse-animation 1s ease-in infinite;
}
100% {
transform: scale(0.95);
.library-unit__adder {
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
pointer-events: none;
}
.library-unit__active {
cursor: pointer;
}
@keyframes library-unit__pulse-animation {
0% {
transform: scale(0.95);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.95);
}
}
}