From 3f1037900cf37bc0aa43375cdbdb88b1d2dab339 Mon Sep 17 00:00:00 2001
From: xdrm-brackets <doowap31@gmail.com>
Date: Wed, 14 Mar 2018 17:43:44 +0100
Subject: [PATCH] moved [container.list] to a new file

---
 webpack/component/ue/manage.vue  |  2 +-
 webpack/scss/container.scss      | 56 ++------------------------------
 webpack/scss/container/list.scss | 54 ++++++++++++++++++++++++++++++
 3 files changed, 58 insertions(+), 54 deletions(-)
 create mode 100644 webpack/scss/container/list.scss

diff --git a/webpack/component/ue/manage.vue b/webpack/component/ue/manage.vue
index 9e08da6..7b95565 100644
--- a/webpack/component/ue/manage.vue
+++ b/webpack/component/ue/manage.vue
@@ -2,7 +2,7 @@
 
 	<div id='CONTAINER' class='card'>
 
-		<div class='card container'>
+		<div class='list container'>
 
 			<section
 				data-anim-incoming='1'
diff --git a/webpack/scss/container.scss b/webpack/scss/container.scss
index 7b125f2..c4ed36a 100644
--- a/webpack/scss/container.scss
+++ b/webpack/scss/container.scss
@@ -34,59 +34,9 @@
 
 /* [1] List style
 ---------------------------------*/
-#CONTAINER > div.list{
-	display: flex;
-
-	// flex properties
-	flex-direction: column;
-	justify-content: flex-start;
-
-	& > *:first-child{ margin-top: 1em; }
-	& > *:last-child{ margin-bottom: 3em; }
-
-	/* (1) List element */
-	& > section{
-
-		display: block;
-
-		margin: .3em 1em;
-		padding: .8em 1em;
-
-		border-radius: 5px / 5px;
-
-		background-color: #fff;
-
-	}
-
-	/* (2) List title */
-	& > h1{
-		display: inline-block;
-
-		margin: 0 1.2em;
-		margin-top: .8em;
-
-		font-size: inherit;
-		color: darken($secondary-color, 5%);
-
-	}
-
-	/* (3) List separator */
-	& > hr{
-		display: block;
-		position: relative;
-
-		margin: 1em 1.5em;
-
-		border: 0;
-		border-bottom: 2px solid darken($bg-color, 5%);
-	}
-
-}
-
-
-
-
-
+@import 'container/list';
 
 
+/* [2] Card style
+---------------------------------*/
 @import 'container/card';
\ No newline at end of file
diff --git a/webpack/scss/container/list.scss b/webpack/scss/container/list.scss
new file mode 100644
index 0000000..f6b9b74
--- /dev/null
+++ b/webpack/scss/container/list.scss
@@ -0,0 +1,54 @@
+@import '../constants';
+
+
+
+/* [3] List style -> container
+---------------------------------*/
+#CONTAINER > div.list{
+	display: flex;
+
+	// flex properties
+	flex-direction: column;
+	justify-content: flex-start;
+
+	& > *:first-child{ margin-top: 1em; }
+	& > *:last-child{ margin-bottom: 3em; }
+
+	/* (1) List element */
+	& > section{
+
+		display: block;
+
+		margin: .3em 1em;
+		padding: .8em 1em;
+
+		border-radius: 5px / 5px;
+
+		background-color: #fff;
+
+	}
+
+	/* (2) List title */
+	& > h1{
+		display: inline-block;
+
+		margin: 0 1.2em;
+		margin-top: .8em;
+
+		font-size: inherit;
+		color: darken($secondary-color, 5%);
+
+	}
+
+	/* (3) List separator */
+	& > hr{
+		display: block;
+		position: relative;
+
+		margin: 1em 1.5em;
+
+		border: 0;
+		border-bottom: 2px solid darken($bg-color, 5%);
+	}
+
+}
\ No newline at end of file