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/timeline/timeline-ui.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/timeline/timeline-ui.sass')
| -rw-r--r-- | Timeline/ClientApp/src/timeline/timeline-ui.sass | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/Timeline/ClientApp/src/timeline/timeline-ui.sass b/Timeline/ClientApp/src/timeline/timeline-ui.sass new file mode 100644 index 00000000..8f0da6a4 --- /dev/null +++ b/Timeline/ClientApp/src/timeline/timeline-ui.sass @@ -0,0 +1,18 @@ +.info-card-container
+ .info-card-collapse-button
+ z-index: 1
+ position: relative
+
+ .info-card-content
+ width: 100%
+ position: absolute
+ transform-origin: right top
+ transition: transform 0.5s
+
+ & [data-collapse='true']
+ .info-card-content
+ transform: scale(0)
+
+.timeline-page-container
+ transition: margin-top 0.5s
+
|