forked from Git/hugo-story
Delete 'assets/sass/noscript.scss'
This commit is contained in:
parent
4a6c7c453a
commit
8a2e75ca95
|
@ -1,208 +0,0 @@
|
||||||
@import 'libs/vars';
|
|
||||||
@import 'libs/functions';
|
|
||||||
@import 'libs/mixins';
|
|
||||||
@import 'libs/vendor';
|
|
||||||
@import 'libs/breakpoints';
|
|
||||||
@import 'libs/html-grid';
|
|
||||||
|
|
||||||
/*
|
|
||||||
Hugo Story by CaressOfSteel
|
|
||||||
A (modular, highly tweakable) responsive one-page theme for Hugo.
|
|
||||||
Ported from Story by HTML5UP.
|
|
||||||
This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* Banner (transitions) */
|
|
||||||
|
|
||||||
.banner {
|
|
||||||
|
|
||||||
// Mixin.
|
|
||||||
@mixin transition-banner($event) {
|
|
||||||
$x: null;
|
|
||||||
$y: null;
|
|
||||||
|
|
||||||
@if ($event == 'load') {
|
|
||||||
$x: 'body.is-preload &';
|
|
||||||
$y: _duration(on-load);
|
|
||||||
}
|
|
||||||
@else if ($event == 'scroll') {
|
|
||||||
$x: '&.is-inactive';
|
|
||||||
$y: _duration(on-scroll);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Content.
|
|
||||||
&.on#{$event}-content-fade-up {
|
|
||||||
.content {
|
|
||||||
@include vendor('transition', 'none');
|
|
||||||
}
|
|
||||||
|
|
||||||
#{$x} {
|
|
||||||
.content {
|
|
||||||
@include vendor('transform', 'none');
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.on#{$event}-content-fade-down {
|
|
||||||
.content {
|
|
||||||
@include vendor('transition', 'none');
|
|
||||||
}
|
|
||||||
|
|
||||||
#{$x} {
|
|
||||||
.content {
|
|
||||||
@include vendor('transform', 'none');
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.on#{$event}-content-fade-left {
|
|
||||||
.content {
|
|
||||||
@include vendor('transition', 'none');
|
|
||||||
}
|
|
||||||
|
|
||||||
#{$x} {
|
|
||||||
.content {
|
|
||||||
@include vendor('transform', 'none');
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.on#{$event}-content-fade-right {
|
|
||||||
.content {
|
|
||||||
@include vendor('transition', 'none');
|
|
||||||
}
|
|
||||||
|
|
||||||
#{$x} {
|
|
||||||
.content {
|
|
||||||
@include vendor('transform', 'none');
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.on#{$event}-content-fade-in {
|
|
||||||
.content {
|
|
||||||
@include vendor('transition', 'none');
|
|
||||||
}
|
|
||||||
|
|
||||||
#{$x} {
|
|
||||||
.content {
|
|
||||||
@include vendor('transform', 'none');
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Image.
|
|
||||||
&.on#{$event}-image-fade-up {
|
|
||||||
.image {
|
|
||||||
@include vendor('transition', 'none');
|
|
||||||
|
|
||||||
img {
|
|
||||||
@include vendor('transition', 'none');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#{$x} {
|
|
||||||
.image {
|
|
||||||
@include vendor('transform', 'none');
|
|
||||||
opacity: 1;
|
|
||||||
|
|
||||||
img {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.on#{$event}-image-fade-down {
|
|
||||||
.image {
|
|
||||||
@include vendor('transition', 'none');
|
|
||||||
|
|
||||||
img {
|
|
||||||
@include vendor('transition', 'none');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#{$x} {
|
|
||||||
.image {
|
|
||||||
@include vendor('transform', 'none');
|
|
||||||
opacity: 1;
|
|
||||||
|
|
||||||
img {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.on#{$event}-image-fade-left {
|
|
||||||
.image {
|
|
||||||
@include vendor('transition', 'none');
|
|
||||||
|
|
||||||
img {
|
|
||||||
@include vendor('transition', 'none');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#{$x} {
|
|
||||||
.image {
|
|
||||||
@include vendor('transform', 'none');
|
|
||||||
opacity: 1;
|
|
||||||
|
|
||||||
img {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.on#{$event}-image-fade-right {
|
|
||||||
.image {
|
|
||||||
@include vendor('transition', 'none');
|
|
||||||
|
|
||||||
img {
|
|
||||||
@include vendor('transition', 'none');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#{$x} {
|
|
||||||
.image {
|
|
||||||
@include vendor('transform', 'none');
|
|
||||||
opacity: 1;
|
|
||||||
|
|
||||||
img {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.on#{$event}-image-fade-in {
|
|
||||||
.image {
|
|
||||||
img {
|
|
||||||
@include vendor('transition', 'none');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#{$x} {
|
|
||||||
.image {
|
|
||||||
img {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// On Load.
|
|
||||||
@include transition-banner('load');
|
|
||||||
|
|
||||||
// On Scroll.
|
|
||||||
@include transition-banner('scroll');
|
|
||||||
|
|
||||||
}
|
|
Loading…
Reference in New Issue