summaryrefslogtreecommitdiffstats
path: root/web/sass-files/sass/base
diff options
context:
space:
mode:
Diffstat (limited to 'web/sass-files/sass/base')
-rw-r--r--web/sass-files/sass/base/_module.scss3
-rw-r--r--web/sass-files/sass/base/_structure.scss57
-rw-r--r--web/sass-files/sass/base/_typography.scss27
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;
+}