117 lines
1.9 KiB
SCSS
117 lines
1.9 KiB
SCSS
@import "variables"; // Import variables before anything else
|
|
|
|
|
|
/* @group Fonts */
|
|
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,300,300italic,400italic,700italic");
|
|
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,300italic,400italic,700italic");
|
|
/* @end Fonts */
|
|
|
|
|
|
/* @group Libraries */
|
|
@import "node_modules/bootstrap-sass/assets/stylesheets/_bootstrap";
|
|
@import "node_modules/animate.css/animate";
|
|
@import "node_modules/pygments-css/github";
|
|
|
|
$fa-font-path: "../fonts";
|
|
@import "node_modules/font-awesome/scss/font-awesome";
|
|
/* @end Libraries */
|
|
|
|
|
|
/* @group Other Imports */
|
|
@import "creative/creative";
|
|
@import "homepage";
|
|
@import "footer";
|
|
@import "library-overrides";
|
|
@import "functional";
|
|
/* @end Other Imports */
|
|
|
|
|
|
hr.wide {
|
|
width: 100%;
|
|
max-width: initial;
|
|
}
|
|
|
|
p a {
|
|
text-decoration: underline;
|
|
color: inherit;
|
|
}
|
|
|
|
.btn i {
|
|
margin: 0 3px;
|
|
}
|
|
|
|
.image {
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
}
|
|
|
|
section.image {
|
|
background-attachment: fixed;
|
|
height: 55vh;
|
|
}
|
|
|
|
.container > img,
|
|
.container p > img,
|
|
.row > div > img {
|
|
margin: 10px 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.portfolio-box {
|
|
background-color: $brand-grey-dark;
|
|
max-width: initial;
|
|
min-height: 300px;
|
|
|
|
&.show .portfolio-box-caption {
|
|
opacity: 1;
|
|
}
|
|
|
|
.portfolio-box-caption {
|
|
background-color: transparentize($brand-orange, 0.2);
|
|
}
|
|
}
|
|
|
|
.category-item {
|
|
padding: 1px 0;
|
|
}
|
|
|
|
header#header {
|
|
display: flex;
|
|
align-items: center;
|
|
min-height: 50vh;
|
|
|
|
|
|
&.image .section-heading {
|
|
@extend .text-shadow;
|
|
}
|
|
|
|
@media screen and (max-height: $screen-xs-max) {
|
|
height: 100vh;
|
|
}
|
|
}
|
|
|
|
.highlight.ansi-up {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.media.category {
|
|
.media-left {
|
|
min-width: 100px;
|
|
height: 100px;
|
|
|
|
.image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.github-card-container > iframe {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.protected-mailto {
|
|
cursor: pointer;
|
|
}
|