Reset, reset

This commit is contained in:
2018-04-28 17:13:56 +10:00
parent 63d1e21b9a
commit 5eb4d7ee4f
124 changed files with 0 additions and 5899 deletions

View File

@ -1,35 +0,0 @@
/*
* Form
* Styles for form elements
*
* Dependencies:
*
* Version:
* 1.0.0 - 2018/03/07
*/
$c-button--shadow-offset: 5px;
$c-button--background: white;
$c-button--border: $s-color--border--default;
$c-button--text: $s-color--text;
.o-button {
display: inline-block;
padding: 0.5em 1em;
border: $c-button--border;
@include t-box-shadow(-$c-button--shadow-offset, $c-button--shadow-offset, 0px, rgba(0, 0, 0, 0.5));
background: $c-button--background;
text-decoration: none;
color: $c-button--text;
transition: all 0.1s $s-animation--ease-out-curve;
&:hover {
text-decoration: none;
color: $c-button--text;
@include t-box-shadow(-0, 0, 0px, rgba(0, 0, 0, 0.5));
@include t-transform(translate(-$c-button--shadow-offset, $c-button--shadow-offset))
}
~ .o-button {
margin-left: $c-button--shadow-offset * 2;
}
}

View File

@ -1,29 +0,0 @@
/*
* Skill Box
* Little skill box.
*
* Dependencies:
*
* Version:
* 1.0.0 - 2018/03/18
*/
.o-skill-box {
width: 100%;
padding: 2em 1em;
}
.o-skill-box__heading,
.o-skill-box__description {
text-align: center;
}
.o-skill-box__container {
@extend %t-flexbox;
@include t-flex-wrap(wrap);
}
@include t-media-query($s-small-up) {
.o-skill-box {
width: 50%;
}
}

View File

@ -1,47 +0,0 @@
/*
* Video Title
* Video title.
*
* Dependencies:
* styles/settings/responsive.scss
* styles/tools/_responsive.scss
* styles/tools/_mixin.absolute-centering.scss
*
* Version:
* 1.0.0 - 2018/03/18
*/
.o-video-title {
width: 100%;
position: relative;
line-height: 0;
display: block;
}
.o-video-title__video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.o-video-title__heading {
color: white;
z-index: 10;
position: relative;
margin: 0;
padding: 2em 0.5em;
font-size: 2em;
}
@include t-media-query($s-xsmall-up) {
.o-video-title__video {
position: relative;
}
.o-video-title__heading {
@include t-absolute-center-y();
left: 5%;
padding: 0;
}
}