Skip to content

Instantly share code, notes, and snippets.

@pradyungn
Last active Jun 19, 2020
Embed
What would you like to do?
SOM Scrapbook!
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
body {
background-color: #282a36;
font-family: 'Roboto', sans-serif;
}
.nav-link {
font-weight: 900;
font-style: italic;
text-decoration: none;
color: #ff79c6;
transition: 250ms ease;
}
.nav-link:hover {
color: #bd93f9;
}
.header-title-name {
font-weight: 700;
color: #f8f8f2;
margin-bottom: 5px;
}
.header-link {
color: #f8f8f2;
transition: 250ms ease;
}
.header-link:hover {
transform: scale(1.25, 1.25);
color: #ff79c6;
}
.header-streak {
color: #f8f8f2;
background-color: #282a36;
}
.posts {
border-radius: 0px;
grid-gap: 10px;
overflow: visible !important;
background: none;
}
.post {
/* margin: 1em !important; */
position: relative;
border-radius: 4px !important;
background-color: #44475a;
border: 3px solid #BD93f9;
transition: 250ms ease;
}
.post:hover {
border: 3px solid #ff79c6;
background-color: #282a36;
}
.color-empty{
fill: #44475a !important;
}
.color-1{
fill: #bd93f9 !important;
}
.color-2{
fill: #ff79c6 !important;
}
.color-3{
fill: #50fa7b !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment