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

css-team: completing topics.scss 

git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@90 a672b425-5310-4d7a-af5c-997e18724b81
This commit is contained in:
britea 2018-11-11 10:20:22 +00:00
parent 31040c527b
commit 2b1cd46920
3 changed files with 46 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/_layouts/topic.html
View File

@ -12,7 +12,7 @@ layout: main
<ul>
{% for item in site.pages %}
{% if item.category-page == page.category-page and item.layout == "page" %}
<li class="list-commands"><a href="{{ item.url }}">{{ item.title }}</a></li>
<li class="list-commands"><span id="before-command"><</span><a href="{{ item.url }}">{{ item.title }}<span class="blink"></span></a></li>
{% endif %}
{% endfor %}
</ul>

65
site/_sass/_topics.scss
View File

@ -3,36 +3,59 @@ ul {
width: 50%;
}
.list-commands {
.list-commands {
border-radius: 50px;
margin-bottom: 5px;
transition:500ms;
a{
height:29px;
width:calc(100% - 2em - 20px);
text-decoration: none;
font-size: 2.5vh;
width: calc(100% - 2em - 20px);
text-decoration: none;
font-size: 2.8vh;
font-weight: bold;
display: inline-block;
margin-left:20px;
padding: 4px 0 4px 20px;
}
}
}
.list-commands:before {
content: '>';
background: #6a6;
border-radius: 100%;
padding: 4px 11px;
font-size: 2.8vh;
text-align: center;
display: inline-block;
}
#before-command {
background: #6a6;
border-radius: 100%;
padding: 4px 12px;
font-size: 2.8vh;
transition:500ms;
}
.list-commands:hover{
.list-commands:hover{
background-color: #646464;
}
.list-commands-container {
padding-top: 0.5rem;
}
#before-command{
border-radius:10px;
color:#000;
}
.blink:after{
content:"_";
animation: blink 500ms linear infinite;
}
@keyframes blink{
0% { opacity:1; }
50% { opacity:1; }
50.01% { opacity:0; }
100% { opacity:0; }
}
}
.list-commands-container {
padding-top: 0.5rem;
}
.description-section{
width: 65%;
margin: auto;
line-height: 30px;
border-left: 5px solid #000;
padding: 20px;
margin: 50px 0;
}

2
site/pages/topic/cmd/basic.html
View File

@ -4,4 +4,4 @@ category-page: basic
title: Basic Commands
---
<p>Here we will learn some basic commands...</p>
<p class="description-section">If you are new to Shell or a Beginner who just want to refresh his knowledge this is the section for you. Move your first steps in this interface by learning and trying this selection of Basic Commands which allow you to do routine operations in a different way.</p>