scss
This commit is contained in:
Lorin Werthen
parent
47dcd2453a
commit
b3579498dc
11 changed files with 32 additions and 81 deletions
|
|
@ -1,4 +0,0 @@
|
|||
.img-center {
|
||||
display:block;
|
||||
margin:auto;
|
||||
}
|
||||
|
|
@ -31,25 +31,8 @@ $sel: '';
|
|||
}
|
||||
}
|
||||
|
||||
// Definition list is not defined in bulma
|
||||
dl {
|
||||
dt {
|
||||
display: inline;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
dd {
|
||||
display: inline;
|
||||
|
||||
&::after {
|
||||
content: "\A";
|
||||
white-space: pre;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes lineAnimation {
|
||||
100% {
|
||||
to {
|
||||
width: 80px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
|
@ -83,6 +66,7 @@ dl {
|
|||
}
|
||||
}
|
||||
|
||||
// Under title line
|
||||
&::after {
|
||||
content: '';
|
||||
opacity: 0;
|
||||
|
|
@ -96,12 +80,14 @@ dl {
|
|||
background: $zeus-orange;
|
||||
|
||||
animation: lineAnimation 2s ease-in-out 1 normal forwards;
|
||||
animation-delay: 0.5s;
|
||||
}
|
||||
}
|
||||
|
||||
.blog-preview {
|
||||
position: relative;
|
||||
|
||||
// Fadeout
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@
|
|||
|
||||
#cammie-ctrls {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
|
@ -14,7 +13,6 @@
|
|||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
.columns {
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -1,17 +1,3 @@
|
|||
.google-maps {
|
||||
position: relative;
|
||||
height: 400px;
|
||||
overflow: hidden;
|
||||
|
||||
iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100% !important;
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
.banner-image{
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
|
|
@ -35,7 +21,6 @@
|
|||
}
|
||||
|
||||
.header-text {
|
||||
float: left;
|
||||
padding: 20px;
|
||||
|
||||
&.light-background {
|
||||
|
|
|
|||
|
|
@ -1,10 +1,3 @@
|
|||
.divider {
|
||||
align-items:flex-start;
|
||||
border: 1px solid lighten(gray, 45%);
|
||||
width: 67%;
|
||||
margin: 0 30% 0 3%;
|
||||
}
|
||||
|
||||
.box.event-preview {
|
||||
border-radius: 0px;
|
||||
display: flex;
|
||||
|
|
@ -13,10 +6,7 @@
|
|||
padding:20px;
|
||||
padding-top:0px;
|
||||
|
||||
// border-top: 1px solid lighten(gray, 40%);
|
||||
|
||||
.image-holder {
|
||||
//border-radius: 50%;
|
||||
padding: 10px;
|
||||
border: 1px solid lighten(gray, 30%);
|
||||
width: 15%;
|
||||
|
|
@ -24,7 +14,6 @@
|
|||
}
|
||||
|
||||
.image {
|
||||
//border-radius: 50%;
|
||||
vertical-align: baseline;
|
||||
border: 1px solid gray;
|
||||
}
|
||||
|
|
@ -35,7 +24,8 @@
|
|||
box-shadow : none;
|
||||
width: 60%;
|
||||
//for better spacing on mobile
|
||||
@media screen and (max-width: 768px) {
|
||||
|
||||
@include mobile {
|
||||
width: 100%;
|
||||
}
|
||||
.title {
|
||||
|
|
@ -74,8 +64,6 @@
|
|||
border-radius: 0px;
|
||||
box-shadow: none;
|
||||
height: 8em;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
|
||||
ul {
|
||||
padding-left: .7em;
|
||||
|
|
|
|||
|
|
@ -152,3 +152,8 @@ footer.footer {
|
|||
float: right;
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
// Bold definition types in <dl></dl>
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,6 +18,7 @@ a.box {
|
|||
|
||||
.centering {
|
||||
display: flex;
|
||||
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
|
@ -34,9 +35,6 @@ a.box {
|
|||
}
|
||||
}
|
||||
}
|
||||
#quote{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.icon a{
|
||||
color:$tile-orange;
|
||||
|
|
@ -44,60 +42,59 @@ a.box {
|
|||
|
||||
#gamification-coders {
|
||||
display: flex;
|
||||
|
||||
justify-content: center;
|
||||
|
||||
table {
|
||||
position: relative;
|
||||
|
||||
tr:first-child {
|
||||
height: $top_coder_size;
|
||||
width: $top_coder_size;
|
||||
.picture img {
|
||||
height: $top_coder_size;
|
||||
.picture img {
|
||||
width: $top_coder_size !important;
|
||||
height: $top_coder_size;
|
||||
box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,0.2);
|
||||
}
|
||||
}
|
||||
td {
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
&.picture {
|
||||
width: $top_coder_size !important;
|
||||
}
|
||||
&.score {
|
||||
text-align: right;
|
||||
padding-right: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.picture img {
|
||||
height: 40px;
|
||||
width: 40px !important;
|
||||
vertical-align: middle;
|
||||
margin: 10px 0;
|
||||
border-radius: 50px;
|
||||
z-index: 1;
|
||||
margin: 10px 0;
|
||||
width: 40px !important;
|
||||
height: 40px;
|
||||
border-radius: 50px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#blokmap-tile {
|
||||
position: relative;
|
||||
|
||||
height: 200px;
|
||||
//background-image: url("https://i.imgur.com/PMaIG7X.jpg");
|
||||
background-image: url("https://cldup.com/-FmSDFbd07.jpg");
|
||||
|
||||
background-position: center;
|
||||
|
||||
.overlay {
|
||||
left: 0;
|
||||
top: 0;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -29,7 +29,6 @@ body.site {
|
|||
@import "includes/blogpost";
|
||||
@import "includes/general";
|
||||
@import "includes/eventpage";
|
||||
@import "includes/404";
|
||||
@import "includes/projects";
|
||||
@import "includes/navbar";
|
||||
@import "includes/search";
|
||||
|
|
|
|||
|
|
@ -2,6 +2,10 @@
|
|||
navigable: true
|
||||
title: Cammie
|
||||
---
|
||||
<% content_for :scripts do %>
|
||||
<%= asset :js, :cammie %>
|
||||
<% end %>
|
||||
|
||||
<section id="cammie-section">
|
||||
<div id="cammie-body">
|
||||
<figure class="image is-16by9">
|
||||
|
|
@ -59,6 +63,3 @@ title: Cammie
|
|||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
|
||||
<%= asset :js, :cammie %>
|
||||
|
|
|
|||
|
|
@ -68,11 +68,7 @@
|
|||
<div class="content has-text-justified is-medium-responsive">
|
||||
<%= yield %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="google-maps column is-8 is-offset-2">
|
||||
<iframe style="border:0" src="<%= locationlink item[:locationlink] %>" allowfullscreen> </iframe>
|
||||
<iframe height="400" style="width:100%" src="<%= locationlink item[:locationlink] %>" allowfullscreen> </iframe>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -7,6 +7,6 @@
|
|||
"license": "MIT",
|
||||
"repository": "https://github.com/ZeusWPI/zeus.ugent.be",
|
||||
"dependencies": {
|
||||
"bulma": "0.4.0"
|
||||
"bulma": "0.4.1"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue