Unit switch: rel. to viewport
This commit is contained in:
parent
77d888e20f
commit
7cc8aec7bc
1 changed files with 38 additions and 26 deletions
|
@ -11,6 +11,7 @@ body {
|
|||
height: 100vh;
|
||||
width: 100vw;
|
||||
background-color: #fff;
|
||||
min-width: 1024px;
|
||||
}
|
||||
|
||||
.social {
|
||||
|
@ -33,6 +34,19 @@ p {
|
|||
line-height: 1.2;
|
||||
margin: 0 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color :#727272;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #03A9F4;
|
||||
}
|
||||
|
||||
a i {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/*
|
||||
* PANELS
|
||||
*/
|
||||
|
@ -59,39 +73,32 @@ p {
|
|||
* LANDING PANEL
|
||||
*/
|
||||
|
||||
#container-landing{
|
||||
margin-left:2vw;
|
||||
}
|
||||
|
||||
#greet {
|
||||
margin-bottom: 0;
|
||||
font-size: 7vw;
|
||||
}
|
||||
|
||||
#landing-blurb {
|
||||
overflow: hidden;
|
||||
margin-left:0.4vw;
|
||||
}
|
||||
|
||||
#main-menu {
|
||||
margin-left:3em;
|
||||
}
|
||||
|
||||
#main-menu ul {
|
||||
#container-landing ul {
|
||||
list-style: none;
|
||||
margin-left:-2.3em;
|
||||
font-size: 1.5em;
|
||||
font-size: 4vw;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#main-menu ul li {
|
||||
#container-landing ul li {
|
||||
display: inline;
|
||||
margin: 0 1em;
|
||||
}
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
margin-right: 1vw;
|
||||
|
||||
a {
|
||||
color :#727272;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #03A9F4;
|
||||
}
|
||||
|
||||
a i {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/*
|
||||
|
@ -130,30 +137,35 @@ a i {
|
|||
.projects-row {
|
||||
height: 100px;
|
||||
width: 90vw;
|
||||
margin-left: auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
.projects-cell {
|
||||
width: 20vw;
|
||||
height:100px;
|
||||
background-color: #fff;
|
||||
width: 25vw;
|
||||
height:20vh;
|
||||
background-color: #03A9F4;
|
||||
margin:0.5em 0.5em;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#projects-main {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
/*
|
||||
* MODIFIERS
|
||||
*/
|
||||
|
||||
.large { font-size: 3.0em; }
|
||||
.accentsize { font-size: 1.4em; }
|
||||
.basesize { font-size: 1.2em; }
|
||||
.basesize { font-size: 2vw; }
|
||||
|
||||
.bold { font-weight: bold; }
|
||||
|
||||
.pos-abs { position: absolute; }
|
||||
|
||||
.mt-z { margin-top: 0; }
|
||||
|
||||
.mt2 { margin-top: 0.5em;}
|
||||
.mb-z { margin-bottom: 0; }
|
||||
|
||||
.vcenter {
|
||||
|
|
Loading…
Reference in a new issue