33 lines
694 B
SCSS
33 lines
694 B
SCSS
@use 'vars' as *;
|
|
|
|
@keyframes cursor-blink {
|
|
50% { opacity: 0; }
|
|
}
|
|
|
|
.preview {
|
|
margin-left: $sidebar-width;
|
|
padding: 2rem;
|
|
min-height: calc(100vh - $footer-height);
|
|
width: 100%;
|
|
background: $bg-light;
|
|
|
|
.terminal-preview {
|
|
font-family: monospace;
|
|
color: $text-color;
|
|
background: $bg-dark;
|
|
font-size: 14px;
|
|
height: 4rem;
|
|
padding: 1.5rem;
|
|
border-radius: 8px;
|
|
//width: 100%;
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
|
&::after {
|
|
content: "█";
|
|
color: $cursor-color;
|
|
display: inline-block;
|
|
margin-left: 2px;
|
|
animation: cursor-blink 1s step-start infinite;
|
|
}
|
|
}
|
|
padding-bottom: calc($footer-height + 2rem);
|
|
} |