maggicl/theshell.ch
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

home: hide nav menu on mobile devices

Browse source 
git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@287 a672b425-5310-4d7a-af5c-997e18724b81
This commit is contained in:
bevilj 2018-11-20 13:54:12 +00:00
parent f2f914132b
commit becd3959a0
3 changed files with 21 additions and 13 deletions

8
site/_sass/_header.scss
View file

@ -127,9 +127,15 @@ header{
}
}
@media screen and (max-width: 600px) {
.nav-menu {
display: none;
}
}
@keyframes cursor {
from, to { border-color: transparent }
20% { border-color: orange; }
}

14
site/_sass/_home.scss
View file

@ -6,8 +6,9 @@
.home-tile {
text-align: center;
font-size: 1.5rem;
margin: .5em;
font-size: 3rem;
font-weight: bolder;
margin: .25em;
transition: all .2s ease-in-out;
padding: 2rem 0;
}
@ -51,6 +52,7 @@
text-decoration: none;
flex: 0 0 calc(33.33%);
box-sizing: border-box;
font-family: 'Helvetica', 'Arial', sans-serif;
}
.home-tile-title-2 {
@ -69,10 +71,10 @@
opacity:0;
}
@media screen and (max-width: 800px) {
@media screen and (max-width: 1024px) {
.home-tile {
font-size: 1.25rem;
font-size: 2.5rem;
}
.home-tile-title {
@ -88,10 +90,10 @@
}
}
@media screen and (max-width: 500px) {
@media screen and (max-width: 600px) {
.home-tile {
font-size: 1rem;
font-size: 2rem;
}
.home-tile-title {

12
site/index.html
View file

@ -13,37 +13,37 @@ title: Home page
<a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/cmd/basic.html">
<article class="home-tile home-tile-white">
<h2>Basic</h2>
Basic
</article>
</a>
<a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/cmd/intermediate.html">
<article class="home-tile home-tile-green">
<h2>Intermediate</h2>
Intermediate
</article>
</a>
<a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/cmd/advanced.html">
<article class="home-tile home-tile-grey">
<h2>Advanced</h2>
Advanced
</article>
</a>
<a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/fs.html">
<article class="home-tile home-tile-grey">
<h2>FileSystem</h2>
FileSystem
</article>
</a>
<a class="home-tile-title home-tile-title-2" href="{{ site.baseurl }}/pages/topic/scripts.html">
<article class="home-tile home-tile-white">
<h2>Scripting</h2>
Scripting
</article>
</a>
<a class="home-tile-title home-tile-title-3" href="{{ site.baseurl }}/pages/topic/about.html">
<article class="home-tile home-tile-green">
<h2>About</h2>
About
</article>
</a>