0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-17 23:44:39 -05:00

File structure cleanup

This commit is contained in:
Paul Adam Davis 2014-10-24 15:12:22 +01:00
parent bffd372b3f
commit 4ae81799c3
8 changed files with 40 additions and 37 deletions

View file

@ -1,5 +1,14 @@
// ------------------------------------------------------------
// Animations
// //
// Fade in // Keyframe animations used through Ghost
//
// * Define animations
// * Classed to use these animations
// ------------------------------------------------------------
//
// Define animations
// -------------------------------------------------- // --------------------------------------------------
@keyframes fade-in { @keyframes fade-in {
@ -10,10 +19,6 @@
opacity: 1; opacity: 1;
} }
} }
.fade-in {
animation: fade-in 0.2s;
animation-fill-mode: forwards;
}
@keyframes fade-in-snap { @keyframes fade-in-snap {
to { to {
@ -21,10 +26,6 @@
} }
} }
//
// Fade in scale up
// --------------------------------------------------
@keyframes fade-in-scale { @keyframes fade-in-scale {
from { from {
transform: scale(0.8); transform: scale(0.8);
@ -35,15 +36,6 @@
opacity: 1; opacity: 1;
} }
} }
.fade-in-scale {
animation: fade-in-scale 0.2s;
animation-fill-mode: forwards;
}
//
// Fade out
// --------------------------------------------------
@keyframes fade-out { @keyframes fade-out {
from { from {
@ -53,15 +45,6 @@
opacity: 0; opacity: 0;
} }
} }
.fade-out {
animation: fade-out 0.5s;
animation-fill-mode: forwards;
}
//
// Fade out inset box shadow for content page keyboard focus
// --------------------------------------------------
@keyframes keyboard-focus-style-fade-out { @keyframes keyboard-focus-style-fade-out {
from { from {
@ -70,4 +53,24 @@
to { to {
box-shadow: none; box-shadow: none;
} }
}
//
// Classed to use these animations
// --------------------------------------------------
.fade-in {
animation: fade-in 0.2s;
animation-fill-mode: forwards;
}
.fade-in-scale {
animation: fade-in-scale 0.2s;
animation-fill-mode: forwards;
}
.fade-out {
animation: fade-out 0.5s;
animation-fill-mode: forwards;
} }

View file

@ -1,25 +1,25 @@
// //
// Helpers: Sass Utilities // Modules: Mixins, variables, and utilities
// -------------------------------------------------- // --------------------------------------------------
@import "helpers/variables"; @import "modules/variables";
@import "helpers/mixins"; @import "modules/mixins";
@import "helpers/icons"; @import "modules/icons";
@import "helpers/animations"; @import "modules/animations";
// //
// Libraries: Code by Other Homies // Libraries: Code by other Homies
// -------------------------------------------------- // --------------------------------------------------
@import "../../../../bower_components/normalize-scss/_normalize"; // via Bower @import "../../../../bower_components/normalize-scss/_normalize"; // via Bower
@import "lib/nprogress"; @import "vendor/nprogress";
@import "lib/codemirror"; @import "vendor/codemirror";
@import "lib/nanoscroller"; @import "vendor/nanoscroller";
// //
// Patterns: Groups of Styles // Patterns: Groups of styles
// -------------------------------------------------- // --------------------------------------------------
@import "patterns/global"; @import "patterns/global";