diff options
| author | Marcia Ramos <virtua.creative@gmail.com> | 2018-01-17 19:12:57 +0300 |
|---|---|---|
| committer | Marcia Ramos <virtua.creative@gmail.com> | 2018-01-17 19:12:57 +0300 |
| commit | 58539b4797c8109a09df7673ec1ba2cfe0e45967 (patch) | |
| tree | 30079be2bff7ef0f304e3b5cb639e214f224fcef /content | |
| parent | 2b0d403465cb66789bd5b2ef6bb860109005512c (diff) | |
tweak css to try to add a custom order to flex items
Reference for flex:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Diffstat (limited to 'content')
| -rw-r--r-- | content/assets/stylesheets/stylesheet.scss | 25 |
1 files changed, 15 insertions, 10 deletions
diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss index ac52ff3a..e49be1df 100644 --- a/content/assets/stylesheets/stylesheet.scss +++ b/content/assets/stylesheets/stylesheet.scss @@ -164,6 +164,8 @@ h6 { padding: 20px 40px; position: relative; width: auto; + display: flex; + flex-direction: column; max-width: 900px; box-shadow: 0 3px 3px $main-box-shadow; background: $main-background-color; @@ -247,6 +249,7 @@ h6 { .breadcrumbs { margin: 0; + order: 1; li { margin-top: 20px; @@ -406,6 +409,18 @@ h6 { } } +// Articles layout +.article-metadata { + color: $article-metadata; + display: block; + order: 2; +} + +// Override bootstrap's alert color +.alert { + color: inherit; +} + // Home page // .landing { @@ -551,16 +566,6 @@ h6 { visibility: hidden; } -.article-metadata { - color: $article-metadata; - display: block; -} - -// Override bootstrap's alert color -.alert { - color: inherit; -} - // // Algolia search for mobile // https://github.com/algolia/docsearch/issues/181#issuecomment-301730219 |