diff options
Diffstat (limited to 'web/sass-files/sass/base')
-rw-r--r-- | web/sass-files/sass/base/_module.scss | 3 | ||||
-rw-r--r-- | web/sass-files/sass/base/_structure.scss | 57 | ||||
-rw-r--r-- | web/sass-files/sass/base/_typography.scss | 27 |
3 files changed, 87 insertions, 0 deletions
diff --git a/web/sass-files/sass/base/_module.scss b/web/sass-files/sass/base/_module.scss new file mode 100644 index 000000000..987b9200b --- /dev/null +++ b/web/sass-files/sass/base/_module.scss @@ -0,0 +1,3 @@ +// Only for combining all the files in this folder +@import 'typography'; +@import 'structure'; diff --git a/web/sass-files/sass/base/_structure.scss b/web/sass-files/sass/base/_structure.scss new file mode 100644 index 000000000..56888f8dc --- /dev/null +++ b/web/sass-files/sass/base/_structure.scss @@ -0,0 +1,57 @@ +@charset 'UTF-8'; + +html, +body { + height: 100%; +} + +body { + width: 100%; + height: 100%; + background: $bg--gray; + position: relative; + + &.sticky { + background: $bg--white; + + > .container-fluid { + overflow: auto; + } + + .inner-wrap { + > .row.content { + min-height: 100%; + margin-bottom: -89px; + } + } + } +} + +.inner-wrap { + height: 100%; + + > .row.main { + height: 100%; + position: relative; + } +} + +.container-fluid { + @include legacy-pie-clearfix; + height: 100%; + position: relative; +} + +.channel-view { + @include clearfix; + height: 100%; + position: relative; +} + +img { + max-width: 100%; + + &.rounded { + @include border-radius(100%); + } +} diff --git a/web/sass-files/sass/base/_typography.scss b/web/sass-files/sass/base/_typography.scss new file mode 100644 index 000000000..676a2c405 --- /dev/null +++ b/web/sass-files/sass/base/_typography.scss @@ -0,0 +1,27 @@ +@charset 'UTF-8'; + +b, +strong { + font-weight: 600; +} + +a { + cursor: pointer; + text-decoration: none; + word-break: break-word; + color: $color--primary; +} + +a:focus, +a:hover { + color: $color--primary--hover; +} + +body { + font-family: 'Open Sans', sans-serif; + -webkit-font-smoothing: antialiased; +} + +.word-break--all { + word-break: break-all; +} |