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 | ae19c40c795e14e8793744b7520e103523f6bda4 (patch) | |
| tree | 0c8e94645a4d1c72e0daaf422aa9e745da092a68 /Timeline/ClientApp/src/common/common.sass | |
| parent | 5fc36fd7f7dbaa19ae4e8cc3f180ef5d57fc1cf6 (diff) | |
| download | timeline-ae19c40c795e14e8793744b7520e103523f6bda4.tar.gz timeline-ae19c40c795e14e8793744b7520e103523f6bda4.tar.bz2 timeline-ae19c40c795e14e8793744b7520e103523f6bda4.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
|