[incubator-flagon] branch FLAGON-344 updated: [FLAGON-372] change senssoft.scss->flagon.scss

[po...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

poorejc pushed a commit to branch FLAGON-344
in repository https://gitbox.apache.org/repos/asf/incubator-flagon.git


The following commit(s) were added to refs/heads/FLAGON-344 by this push:
     new a7a3273  [FLAGON-372] change senssoft.scss->flagon.scss
a7a3273 is described below

commit a7a3273d626836e61ea382329bfdea2904c867d8
Author: poorejc <po...@apache.org>
AuthorDate: Tue Apr 16 21:20:11 2019 -0400

    [FLAGON-372] change senssoft.scss->flagon.scss
---
 site/_sass/_flagon.scss | 88 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 88 insertions(+)

diff --git a/site/_sass/_flagon.scss b/site/_sass/_flagon.scss
new file mode 100644
index 0000000..4b4dbc7
--- /dev/null
+++ b/site/_sass/_flagon.scss
@@ -0,0 +1,88 @@
+body {
+  display: flex;
+  flex-direction: column;
+}
+
+.site-header {
+  flex: 0 0;
+}
+
+.main-wrapper {
+  flex: 1 0;
+  height: auto;
+  padding-top: 50px;
+}
+
+.footer {
+  flex: 0 0;
+  width: 100%;
+  text-align: center;
+}
+
+#main-menu {
+  height: 50px !important;
+}
+
+.page-wrapper {
+  padding: 2em 0 2em 0;
+}
+
+#main-masthead {
+  padding: 10em;
+  background-image: url("/images/header.svg");
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.blank-masthead {
+  padding: 10em !important;
+}
+
+.image-masthead {
+  padding: 6.8em !important;
+}
+
+.docs-wrapper {
+  display: flex;
+}
+
+.docs-sidebar {
+  flex: 1 0 180px;
+  padding: 2em;
+  background-color: $grey;
+  min-height: calc(100vh - 50px);
+}
+
+.docs-content {
+  flex: 8;
+  padding: 2em;
+}
+
+.docs-list {
+  margin-left: 3em !important;
+}
+
+.docs-list > a.item:before {
+  color: $white !important;
+}
+
+.component-image {
+  max-width: 100%;
+  max-height: 170px;
+}
+
+.site-title {
+  white-space: nowrap;
+}
+
+.segment-image {
+  max-width: 100%;
+}
+
+.feature-description {
+  color: $white;
+}
+
+.indented {
+  padding-left: 2em;
+}