hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Convert tailwind commands to css

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-12-27 16:05:30 +03:00
parent b7823503d0
commit 09c9011aa3
1 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/renderer/components/layout/close-button.module.scss
View File

@ -20,14 +20,33 @@
*/
.closeButton {
@apply w-[35px] h-[35px] grid place-items-center cursor-pointer border-2 rounded-full border-solid border-textDimmed
hover:bg-[#72767d25] active:translate-y-px;
width: 35px;
height: 35px;
display: grid;
place-items: center;
cursor: pointer;
border: 2px solid var(--textColorDimmed);
border-radius: 50%;
&:hover {
background-color: #72767d25;
}
&:active {
transform: translateY(1px);
}
}
.icon {
@apply text-textAccent opacity-60;
color: var(--textColorAccent);
opacity: 0.6;
}
.esc {
@apply text-center mt-3 font-bold text-lg select-none text-textDimmed pointer-events-none;
text-align: center;
margin-top: var(--margin);
font-weight: bold;
user-select: none;
color: var(--textColorDimmed);
pointer-events: none;
}