dylan/gitfolio
1
0
Fork 0
mirror of https://github.com/dilllxd/gitfolio.git synced 2024-08-14 22:28:09 +00:00
Code Issues Projects Releases Wiki Activity

fixed css for project + fork rows and some other (#71)

Browse source
This commit is contained in:
Benjamin Liden 2019-06-04 00:54:01 -04:00 committed by imfunny
parent c772b6b47c
commit aac4592673
1 changed files with 17 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
assets/index.css
View file

@ -245,13 +245,15 @@ body{
font-family: 'Questrial', sans-serif; font-family: 'Questrial', sans-serif;
} }
#about a { #about a,
#username a {
color:#fff !important; color:#fff !important;
text-decoration:none; text-decoration:none;
font-weight:bold; font-weight:bold;
} }
#about a:hover { #about a:hover,
#username a:hover {
text-decoration:underline; text-decoration:underline;
} }
@ -275,11 +277,18 @@ body{
} }
.projects { .projects {
columns:2; margin-left: -15px; /* align section w/ heading above */
}
.projects a {
/* 30px is the gutter size in magic grid */
width: calc(49% - 30px); /* 49% avoids a weird single column on some wide screens */
display: flex;
text-decoration: none;
} }
.projects section { .projects section {
width:85%; width: 100%;
padding:2.5vh 5%; padding:2.5vh 5%;
display:inline-block; display:inline-block;
border-radius:5px; border-radius:5px;
@ -287,7 +296,6 @@ body{
border:1px solid rgb(0, 0, 0, 0.08); border:1px solid rgb(0, 0, 0, 0.08);
box-shadow:0px 0px 0px rgb(0, 0, 0, 0); box-shadow:0px 0px 0px rgb(0, 0, 0, 0);
transition:0.4s ease-in-out; transition:0.4s ease-in-out;
margin:2vh 0px;
transform:scale(1); transform:scale(1);
} }
@ -335,7 +343,6 @@ body{
} }
#blogs { #blogs {
columns:2;
} }
#blogs section { #blogs section {
@ -408,13 +415,15 @@ body{
margin:0px; margin:0px;
} }
.projects { .projects {
columns:1; margin-left: 0; /* remove neg margin to align w/ header */
}
.projects a {
width: 100%;
} }
.projects section { .projects section {
width:88%; width:88%;
} }
#blogs { #blogs {
columns:1;
} }
#blogs section { #blogs section {
width:98%; width:98%;