Skip to content

Instantly share code, notes, and snippets.

@chege-kimaru
Created July 4, 2020 22:23
Show Gist options
  • Save chege-kimaru/3285f775cf1182e6718bacd69e396a16 to your computer and use it in GitHub Desktop.
Save chege-kimaru/3285f775cf1182e6718bacd69e396a16 to your computer and use it in GitHub Desktop.
Terminal CSS
.terminal {
position: relative;
width: 80%;
max-width: 600px;
border-radius: 6px;
padding-top: 45px;
margin-top: 8px;
overflow: hidden;
background-color: rgb(15, 15, 16);
}
.terminal::before {
content: "\2022 \2022 \2022";
position: absolute;
top: 0;
left: 0;
height: 4px;
background: rgb(58, 58, 58);
color: #c2c3c4;
width: 100%;
font-size: 2rem;
line-height: 0;
padding: 14px 0;
text-indent: 4px;
}
.terminal pre {
font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
color: white;
padding: 0 1rem 1rem;
margin: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment