diff options
author | crupest <crupest@outlook.com> | 2020-05-30 16:23:25 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2020-05-30 16:23:25 +0800 |
commit | 68ca8b0976efe90c0c40bcae69f0825671b98bad (patch) | |
tree | 9333baf56fd4e20e1e98edcc6afbbde9d82dcd3f /Timeline/ClientApp/src/index.scss | |
parent | 7e393559d2883a37b1be0c82cccc06bc97c3d102 (diff) | |
download | timeline-68ca8b0976efe90c0c40bcae69f0825671b98bad.tar.gz timeline-68ca8b0976efe90c0c40bcae69f0825671b98bad.tar.bz2 timeline-68ca8b0976efe90c0c40bcae69f0825671b98bad.zip |
Merge front end to this repo. But I need to wait for aspnet core support for custom port and package manager for dev server.
Diffstat (limited to 'Timeline/ClientApp/src/index.scss')
-rw-r--r-- | Timeline/ClientApp/src/index.scss | 89 |
1 files changed, 89 insertions, 0 deletions
diff --git a/Timeline/ClientApp/src/index.scss b/Timeline/ClientApp/src/index.scss new file mode 100644 index 00000000..9f3d3444 --- /dev/null +++ b/Timeline/ClientApp/src/index.scss @@ -0,0 +1,89 @@ +@import '~bootstrap/scss/bootstrap'; +$fa-font-path: '~@fortawesome/fontawesome-free/webfonts'; +@import '~@fortawesome/fontawesome-free/scss/fontawesome'; +@import '~@fortawesome/fontawesome-free/scss/solid'; +@import '~@fortawesome/fontawesome-free/scss/brands'; + +@import './common/common.scss'; +@import './common/alert.scss'; +@import './home/home.scss'; +@import './about/about.scss'; +@import './timeline/timeline.scss'; +@import './timeline/timeline-ui.scss'; +@import './user/user-page.scss'; + +body { + margin: 0; +} + +#app { + display: flex; + flex-direction: column; +} + +small { + line-height: 1.2; +} + +.width-1px { + width: 1px; +} + +.flex-fix-length { + flex-grow: 0; + flex-shrink: 0; +} + +.position-lt { + left: 0; + top: 0; +} + +.position-rb { + right: 0; + bottom: 0; +} + +.app-bar { + z-index: 1035; +} + +.avatar { + width: 60px; +} + +.avatar.large { + width: 100px; +} + +.avatar.small { + width: 40px; +} + +.mt-appbar { + margin-top: 56px; +} + +.icon-button { + font-size: 20px; +} + +.large-icon { + font-size: 26px; +} + +textarea { + resize: none; +} + +.white-space-no-wrap { + white-space: nowrap; +} + +.cru-card { + @extend .shadow; + @extend .border; + @extend .border-primary; + @extend .rounded; + @extend .bg-light; +} |