@ozdao/prometheus-framework 0.1.30 → 0.1.31

package/src/styles/layout.scss

@@ -60,6 +60,44 @@ body {
 // //////////////////////////////////////// 
 // TRANSITIONS
 // //////////////////////////////////////// 
+.TransitionTranslateY-enter-active,
+.TransitionTranslateY-leave-active {
+	transform: translateY(0px);  
+	opacity: 1;
+	z-index: 1;
+	transition: all 0.5s ease;
+}
+.TransitionTranslateY-enter-from,
+.TransitionTranslateY-leave-to {
+	opacity: 0;
+	z-index: 0;
+	position: absolute;
+	width: inherit;
+	height: inherit;
+	display: block;
+	transform: translateY(-30px); 
+	transition: all 0.5s ease;
+}
+
+.TransitionTranslateY-small-enter-active,
+.TransitionTranslateY-small-leave-active {
+	// transform: translateY(0px);  
+	opacity: 1;
+	z-index: 1;
+	transition: all 0.5s ease;
+}
+.TransitionTranslateY-small-enter-from,
+.TransitionTranslateY-small-leave-to {
+	opacity: 0;
+	z-index: 0;
+	position: absolute;
+	width: inherit;
+	height: inherit;
+	display: block;
+	transform: scale(0.5); 
+	transition: all 0.5s ease;
+}
+
 .fadeIn-enter-active,
 .fadeIn-leave-active {
 	transition: all 0.5s 'ease-in-out';
@@ -164,66 +202,4 @@ body {
 			} 
 		}
 	}
-}
-
-
-// ////////////////////////////////////////
-// NOT REFACTORED
-// //////////////////////////////////////// 
-
-.pageheader {
-	padding: 40px 80px; 
-	background: white; 
-	border-bottom: 1px 
-	solid rgba(0, 0, 0, 0.1);
-
-	.title {
-		display: flex;
-		align-items: center;
-		flex-direction: row;
-		width: 100;
-		h1 { margin-right: 1rem;}
-		.round-stat {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			width: 2.5rem;
-			height: 2.5rem;
-			margin-top: 1rem;
-			border-radius: 2rem;
-			background: rgba(0,0,0,0.1);
-			color: black;
-			font-size: 1.5rem;
-			line-height: 2rem;
-			text-align: center;
-		} 
-	}
-}
-
-.titlePage {
-	display: flex;
-	align-items: center;
-	flex-direction: row;
-	width: 100;
-	h1 { margin-right: 1rem;}
-	.round-stat {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		margin-top: 1rem;
-		border-radius: 2rem;
-		background: rgba(0,0,0,0.1);
-		color: black;
-		font-size: 1.5rem;
-		line-height: 2rem;
-		text-align: center;
-	}
-}
-
-
-
-
-
-
+}

package/src/styles/theme.scss

@@ -5,7 +5,6 @@
 // @import './components/input';
 @import './components/item';
 @import './components/line';
-@import './components/popup';
 
 @import './config';
 @import './reset';

package/src/styles/components/popup.scss

@@ -1,55 +0,0 @@
-// //////////////////////////////////////// 
-// POPUPS
-// //////////////////////////////////////// 
-// POPUPS
-.popup-wrapper {
-	display: flex;
-	position: fixed;
-
-	align-items: center;
-	justify-content: center;
-
-	width: 100%;
-	height: 100%;
-
-	left: 0;
-	top: 0;
-
-	z-index: 40;
-
-	.popup {
-		position: absolute;
-		height: auto;
-		padding: 2rem;
-		min-width: 24rem;
-		border-radius: 2rem;
-		overflow: hidden;
-
-		color: white;
-		background: black;
-
-		z-index: 40;
-	}
-}
-
-.color-overlay {
-	display: block;
-	position: fixed;
-	left: 0;
-	top: 0;
-
-	width: 100%;
-	height: 100%;
-
-	background: rgba(0,0,0,0.0);
-	pointer-events: none;
-
-	transform: scale(1.5);
-
-	transition: all 0.5s cubic-bezier(.31,.79,.24,.92);
-
-	&.active {
-		background: rgba(#000,0.25);
-		pointer-events: all;
-	}
-}