From 84efc7812457a10074ea8b55534abc4948e5ae1c Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Thu, 4 Jun 2020 16:11:03 +0800
Subject: refactor(front): Refactor scss to sass and refactor timeline styles.

---
 Timeline/ClientApp/src/common/alert.sass  | 15 ++++++++++++
 Timeline/ClientApp/src/common/alert.scss  | 20 ----------------
 Timeline/ClientApp/src/common/common.sass | 33 +++++++++++++++++++++++++++
 Timeline/ClientApp/src/common/common.scss | 38 -------------------------------
 4 files changed, 48 insertions(+), 58 deletions(-)
 create mode 100644 Timeline/ClientApp/src/common/alert.sass
 delete mode 100644 Timeline/ClientApp/src/common/alert.scss
 create mode 100644 Timeline/ClientApp/src/common/common.sass
 delete mode 100644 Timeline/ClientApp/src/common/common.scss

(limited to 'Timeline/ClientApp/src/common')

diff --git a/Timeline/ClientApp/src/common/alert.sass b/Timeline/ClientApp/src/common/alert.sass
new file mode 100644
index 00000000..c3560b87
--- /dev/null
+++ b/Timeline/ClientApp/src/common/alert.sass
@@ -0,0 +1,15 @@
+.alert-container
+  position: fixed
+  z-index: $zindex-popover
+
+@include media-breakpoint-up(sm)
+  .alert-container
+    bottom: 0
+    right: 0
+
+@include media-breakpoint-down(sm)
+  .alert-container
+    bottom: 0
+    right: 0
+    left: 0
+    text-align: center
diff --git a/Timeline/ClientApp/src/common/alert.scss b/Timeline/ClientApp/src/common/alert.scss
deleted file mode 100644
index 09877727..00000000
--- a/Timeline/ClientApp/src/common/alert.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-.alert-container {
-  position: fixed;
-  z-index: $zindex-popover;
-}
-
-@include media-breakpoint-up(sm) {
-  .alert-container {
-    bottom: 0;
-    right: 0;
-  }
-}
-
-@include media-breakpoint-down(sm) {
-  .alert-container {
-    bottom: 0;
-    right: 0;
-    left: 0;
-    text-align: center;
-  }
-}
diff --git a/Timeline/ClientApp/src/common/common.sass b/Timeline/ClientApp/src/common/common.sass
new file mode 100644
index 00000000..78e6fd14
--- /dev/null
+++ b/Timeline/ClientApp/src/common/common.sass
@@ -0,0 +1,33 @@
+.image-cropper-container
+  position: relative
+  box-sizing: border-box
+  user-select: none
+
+.image-cropper-container img
+  position: absolute
+  left: 0
+  top: 0
+  width: 100%
+  height: 100%
+
+.image-cropper-mask-container
+  position: absolute
+  left: 0
+  top: 0
+  right: 0
+  bottom: 0
+  overflow: hidden
+
+.image-cropper-mask
+  position: absolute
+  box-shadow: 0 0 0 10000px rgba(255, 255, 255, 80%)
+  touch-action: none
+
+.image-cropper-handler
+  position: absolute
+  width: 26px
+  height: 26px
+  border: black solid 2px
+  border-radius: 50%
+  background: white
+  touch-action: none
diff --git a/Timeline/ClientApp/src/common/common.scss b/Timeline/ClientApp/src/common/common.scss
deleted file mode 100644
index 5998c086..00000000
--- a/Timeline/ClientApp/src/common/common.scss
+++ /dev/null
@@ -1,38 +0,0 @@
-.image-cropper-container {
-  position: relative;
-  box-sizing: border-box;
-  user-select: none;
-}
-
-.image-cropper-container img {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.image-cropper-mask-container {
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  overflow: hidden;
-}
-
-.image-cropper-mask {
-  position: absolute;
-  box-shadow: 0 0 0 10000px rgba(255, 255, 255, 80%);
-  touch-action: none;
-}
-
-.image-cropper-handler {
-  position: absolute;
-  width: 26px;
-  height: 26px;
-  border: black solid 2px;
-  border-radius: 50%;
-  background: white;
-  touch-action: none;
-}
-- 
cgit v1.2.3