Reset, reset
This commit is contained in:
@ -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;
|
||||
}
|
||||
}
|
@ -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%;
|
||||
}
|
||||
}
|
@ -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;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user