more show, less tell
This commit is contained in:
parent
e57fa8e442
commit
5c3ffd76fd
3 changed files with 37 additions and 6 deletions
|
@ -224,3 +224,11 @@ footer.footer {
|
||||||
font-size: $size-small;
|
font-size: $size-small;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.has-all-small-caps {
|
||||||
|
font-variant: all-small-caps;
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-small-caps {
|
||||||
|
font-variant: small-caps;
|
||||||
|
}
|
||||||
|
|
|
@ -69,6 +69,7 @@ $top_coder_size: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#gamification-coders {
|
#gamification-coders {
|
||||||
|
font-variant: all-small-caps;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
@ -150,3 +151,23 @@ $top_coder_size: 80px;
|
||||||
.backgroundimg{
|
.backgroundimg{
|
||||||
background-position: center;
|
background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.gamification-tile {
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
.tile-header {
|
||||||
|
background-color: $primary;
|
||||||
|
padding: 20px;
|
||||||
|
h1 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
a, a:visited {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#gamification-coders {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -14,13 +14,15 @@
|
||||||
<div class="tile">
|
<div class="tile">
|
||||||
<!--top coders -->
|
<!--top coders -->
|
||||||
<div class="tile is-parent is-4">
|
<div class="tile is-parent is-4">
|
||||||
<div class="tile is-child box ">
|
<div class="tile is-child box gamification-tile">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
<div class="tile-header">
|
||||||
<h1 class="has-text-centered">
|
<h1 class="has-text-centered">
|
||||||
<a href="https://zeus.ugent.be/game">
|
<a href="https://zeus.ugent.be/game">
|
||||||
Top coders this week
|
<i class="fa fa-trophy" aria-hidden="true"></i>
|
||||||
</a>
|
</a>
|
||||||
</h1>
|
</h1>
|
||||||
|
</div>
|
||||||
<div id="gamification-coders" >
|
<div id="gamification-coders" >
|
||||||
<!-- EMPTY -->
|
<!-- EMPTY -->
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue