diff options
author | crupest <crupest@outlook.com> | 2020-06-04 16:11:03 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2020-06-04 16:11:03 +0800 |
commit | 84efc7812457a10074ea8b55534abc4948e5ae1c (patch) | |
tree | 057a8a357254ca0e05e934c53b704d304dd97b99 /Timeline/ClientApp/src/common/common.sass | |
parent | 79c60b556cd3efe66b159ffda690a12c7f6bea17 (diff) | |
download | timeline-84efc7812457a10074ea8b55534abc4948e5ae1c.tar.gz timeline-84efc7812457a10074ea8b55534abc4948e5ae1c.tar.bz2 timeline-84efc7812457a10074ea8b55534abc4948e5ae1c.zip |
refactor(front): Refactor scss to sass and refactor timeline styles.
Diffstat (limited to 'Timeline/ClientApp/src/common/common.sass')
-rw-r--r-- | Timeline/ClientApp/src/common/common.sass | 33 |
1 files changed, 33 insertions, 0 deletions
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
|