some fresh stylez

This commit is contained in:
Lorin Werthen 2017-12-16 18:12:00 +01:00
parent 100d641544
commit 8fcdf60f8a
No known key found for this signature in database
GPG key ID: F11FFC921E0E08E0
5 changed files with 42 additions and 32 deletions

View file

@ -55,6 +55,13 @@ $sel: '';
.subtitle { .subtitle {
position: absolute; position: absolute;
@include mobile {
text-align: center;
margin-top: 0;
position: relative;
margin-bottom: .2em;
}
} }
.details { .details {
@ -63,6 +70,12 @@ $sel: '';
margin-top: -1.1rem; margin-top: -1.1rem;
line-height: 1; line-height: 1;
text-align: right; text-align: right;
@include mobile {
text-align: center;
margin-top: 0;
position: relative;
}
} }
} }

View file

@ -6,7 +6,17 @@
// Override box styling without round corners // Override box styling without round corners
.box { .box {
margin-bottom:10px; margin-bottom:10px;
border-radius: 0 !important;
transition: all .15s ease;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}
a.box:hover {
color: $blue;
transform: translateY(-1px);
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
} }
// Add some hero attributes to make backgrounds prettier // Add some hero attributes to make backgrounds prettier

View file

@ -1,15 +1,7 @@
$top_coder_size: 80px; $top_coder_size: 80px;
a.box {
&:hover {
box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $blue
}
}
#homepage { #homepage {
.box { .box {
border-radius: 0;
img { img {
width: 100%; width: 100%;
} }
@ -119,10 +111,10 @@ a.box {
} }
#blokmap-tile { #blokmap-tile {
position: relative; position: relative;
height: 200px; height: 200px;
//background-image: url("https://i.imgur.com/PMaIG7X.jpg"); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, .2)), url("https://cldup.com/-FmSDFbd07.jpg");
background-image: url("https://cldup.com/-FmSDFbd07.jpg");
background-position: center; background-position: center;
.overlay { .overlay {

View file

@ -1,5 +1,4 @@
<a href="<%= relative_path_to(post) %>"> <a class="box blog-preview" href="<%= relative_path_to(post) %>">
<article class="box blog-preview">
<div class="content"> <div class="content">
<h3 class="has-text-centered"><%= post[:title] %></h3> <h3 class="has-text-centered"><%= post[:title] %></h3>
<p class="has-text-centered"> <p class="has-text-centered">
@ -14,5 +13,4 @@
<br> <br>
<%= excerptize(post.reps[:text].compiled_content, length: 200).tr("\n", ' ')%> <%= excerptize(post.reps[:text].compiled_content, length: 200).tr("\n", ' ')%>
</div> </div>
</article>
</a> </a>

View file

@ -1,7 +1,5 @@
<div class="tile is-parent is-12"> <div class="tile is-parent is-12">
<div id="blokmap-tile" class="tile is-child box has-content-centered"> <a href="http://blok.ugent.be" id="blokmap-tile" class="tile is-child box has-content-centered">
<a href="http://blok.ugent.be">
<div class="overlay"><!-- EMPTY --></div>
<div class="content is-large has-text-centered"> <div class="content is-large has-text-centered">
<h1> <h1>
<b>Zoek de beste plek om te blokken!</b> <b>Zoek de beste plek om te blokken!</b>
@ -11,5 +9,4 @@
</h2> </h2>
</div> </div>
</a> </a>
</div>
</div> </div>