gjankowiak/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[css] tweaks

Browse source
This commit is contained in:
Gaspard Jankowiak 2021-12-20 15:43:54 +01:00
parent 0f392bc246
commit da6159618a
1 changed files with 18 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
css/screen.scss
View file

@ -12,7 +12,7 @@ $highlight: #ccc;
$width: 800px; $width: 800px;
$margin: 17px; $margin: 17px;
$in_width: $width - $margin; $in_width: $width - 2*$margin;
$small-width: 500px; $small-width: 500px;
/* reset */ /* reset */
@ -73,9 +73,10 @@ code { font-family: mono; }
code.language-ssh-key { word-wrap: break-word; word-break: break-all; white-space: pre-line; } code.language-ssh-key { word-wrap: break-word; word-break: break-all; white-space: pre-line; }
nav { text-align: center; font-size: 120%; margin: 1em 0; } nav { text-align: center; font-size: 1.2em; margin: 1em 0; }
nav ul li { display: inline; margin: 0; clear: both; padding: 0 10px 0 11px; } nav ul { display: flex; flex-flow: row wrap; list-style: none; justify-content: space-around; }
nav ul li:nth-child(n+2) { border-left: 1px solid $rule; } nav ul li { margin: 0; clear: both; padding: 0 10px 0 11px; }
// nav ul li:nth-child(n+2) { border-left: 1px solid $rule; }
footer { font-size: 75%; padding-bottom: 175px; } footer { font-size: 75%; padding-bottom: 175px; }
@ -102,7 +103,8 @@ ol li:hover { border-right: 3px solid $links; padding-right: 7px; }
.right, .float-right { float: right; margin-left: 1em; } .right, .float-right { float: right; margin-left: 1em; }
.clear { clear: both; } .clear { clear: both; }
.switcher { float: left; } .switcher { text-align: center; font-size: 2em; margin: 0.5em 0; }
.switcher > a:hover { text-decoration: none; }
.credits { color: $dim; } .credits { color: $dim; }
@ -122,9 +124,11 @@ ol li:hover { border-right: 3px solid $links; padding-right: 7px; }
#portrait { margin: 0 15px 15px 0; padding: 23px 0 18px 0; width: 150px; display: inline-block; vertical-align:middle; } #portrait { margin: 0 15px 15px 0; padding: 23px 0 18px 0; width: 150px; display: inline-block; vertical-align:middle; }
#info span { display: inline-block; width: 100%; max-width: 618px; vertical-align: middle; } #info { display: flex; flex-flow: row wrap; width: 100%; justify-content: space-evenly; align-items: center; }
#info a { flex-basis: 160px; }
#resume { flex-basis: 450px; flex-grow: 2; }
#page_subtitle { font-family: "OpenSansLight",sans; font-size: 2em; margin: 1em; text-align: center; } #page_subtitle { font-family: "OpenSansLight",sans; font-size: 2em; margin: 1em; text-align: center; line-height: 1em; }
#main_email { padding: 0.5em; } #main_email { padding: 0.5em; }
@ -132,16 +136,16 @@ ol li:hover { border-right: 3px solid $links; padding-right: 7px; }
@media (max-width: $small-width) { @media (max-width: $small-width) {
body { font-size: 80%; } body { font-size: 80%; }
.switcher { float: none; }
} }
@media (max-width: $width) { @media (max-width: $width) {
#outter-wrapper { width: 100%; } #outter-wrapper { width: 100%; }
header h1 { font-size: 1.2em; } header h1 { font-size: 1.2em; }
header { font-size: 1em; } header { font-size: 1em; }
body { padding: 0 $margin; } nav { font-size: 1.5em; line-height: 1.5em; }
#foot_image { display: none; } body { padding: 0 $margin; }
footer { display: none; } #foot_image { display: none; }
footer { display: none; }
} }
@keyframes clouds { @keyframes clouds {