diff --git a/assets/scss/Left side navigation.scss b/assets/scss/Left side navigation.scss deleted file mode 100644 index fee562e2..00000000 --- a/assets/scss/Left side navigation.scss +++ /dev/null @@ -1,179 +0,0 @@ -// -// Left side navigation -// -.td-sidebar-nav { - $_max-height: calc(100vh - 8.5rem); - - padding-right: 0.5rem; - margin-right: -15px; - margin-left: -15px; - - @include media-breakpoint-up(md) { - @supports (position: sticky) { - max-height: $_max-height; - overflow-y: auto; - } - } - - // Adjust height and padding when sidebar_search_disable is true, but only for - // >= `lg` views, because on tablet (`md`) and mobile (<= `sm`), the search - // box is displayed regardless of the value of sidebar_search_disable: - &.td-sidebar-nav--search-disabled { - @include media-breakpoint-up(lg) { - // There's no search box so add top padding - // and adjust max-height: - padding-top: 1rem; - - @supports (position: sticky) { - max-height: calc(#{$_max-height} + 4.5rem); - } - } - } - - @include media-breakpoint-up(md) { - display: block !important; - } - - &__section { - li { - list-style: none; - } - - &.ul-0, ul { - padding: 0; - margin: 0; - } - - @include media-breakpoint-up(md) { - & .ul-1 ul { - padding-left: 1.5em; - } - } - - padding-left: 0; - } - - &__section-title { - display: block; - font-weight: $font-weight-medium; - - .active { - font-weight: $font-weight-bold; - } - - a { - color: $primary; - } - } - - .td-sidebar-link { - display: block; - padding-bottom: 0.375rem; - - &__page { - color: $gray-400; - font-weight: $font-weight-light; - } - } - - a { - &:hover { - color: $white; - text-decoration: none; - } - - &.active { - font-weight: $font-weight-bold; - } - } - - .dropdown { - a { - color: $gray-700; - } - - .nav-link { - padding: 0 0 1rem; - } - } - - & > .td-sidebar-nav__section { - padding-left: 1.5rem; - } - - li i { - // Layout of icons - padding-right: 0.5em; - &:before { - display: inline-block; - text-align: center; - min-width: 1em; - } - } - - .td-sidebar-link.tree-root { - font-weight: $font-weight-bold; - color: $td-sidebar-tree-root-color; - border-bottom: 1px $td-sidebar-tree-root-color solid; - margin-bottom: 1rem; - } - } - - .td-sidebar { - @include media-breakpoint-up(md) { - padding-top: 5rem; - background-color: $td-sidebar-bg-color; - padding-right: 1rem; - border-right: 1px solid $td-sidebar-border-color; - } - - padding-bottom: 1rem; - - &__toggle { - line-height: 1; - color: $gray-900; - margin: 1rem; - } - - &__search { - padding: 1rem 0; - } - - &__inner { - order: 0; - - @include media-breakpoint-up(md) { - @supports (position: sticky) { - position: sticky; - top: 4rem; - padding-top: 3rem; - z-index: 10; - height: calc(100vh - 5rem); - } - } - - @include media-breakpoint-up(xl) { - flex: 0 1 320px; - } - - .td-search-box { - width: 100%; - } - } - - #content-desktop { - display: block; - } - #content-mobile { - display: none; - } - - @include media-breakpoint-down(lg) { - #content-desktop { - display: none; - } - #content-mobile { - display: block; - } - } - } \ No newline at end of file diff --git a/assets/scss/43.scss b/assets/scss/_content_project.scss similarity index 100% rename from assets/scss/43.scss rename to assets/scss/_content_project.scss diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index f965b5fe..e8cb2084 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -1,4 +1,5 @@ @import 'fonts'; +@import 'content_project'; .navbar-brand { margin: 1.5rem; @@ -74,23 +75,63 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover { text-decoration: none; } // Taxonomy - -.taxonomy-label { - color: $gray-900; -} .taxonomy-term { - color: $black; - background-color: $primary; - & :hover { - background-color: $secondary; + background: $gray-600; + border-width: 0; + border-radius: 0 3px 3px 0; + color: $white; + display: inline-block; + font-size: 1em; + line-height: 1.5em; + min-height: 1.5em; + max-width: 100%; + padding: 0 0.5em 0 1em; + position: relative; + margin: 0 0.5em 0.2em 0; + text-decoration: none; + -webkit-transition: color 0.2s; + -webkit-clip-path: polygon(100% 0, 100% 100%, 0.8em 100%, 0 50%, 0.8em 0); + clip-path: polygon(100% 0, 100% 100%, 0.8em 100%, 0 50%, 0.8em 0); + + .taxonomy-count { + color: $dark !important; + } + &:hover { + background-color: $primary; + color: $white; + + .taxonomy-count { + color: $dark !important; + } + } + + &:hover::before { + background: $primary; + } } -} + .article-teaser { + &.card { + padding: 1em; + margin-bottom: 1.5em; + background-color: $dark; + } + + .breadcrumb { + margin-bottom: 0em; + font-size: 0.85rem; + } + + .article-meta { + margin-bottom: 0em; + } + } + + // Footer .td-footer { background-color: $black; bottom: 0%; - position: absolute; width: 100%; z-index: 5; @@ -145,6 +186,23 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover { } } +.td-toc { + margin-top: 2rem; + #TableOfContents { + > ul > li > ul > li > a { + } + + a { + color: $lightslategray; + + &:hover { + color: $white; + text-decoration: none; + } + } + } +} + // pageinfo .pageinfo { font-weight: $font-weight-medium; diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss index 3ff5ba82..17c28663 100644 --- a/assets/scss/_variables_project.scss +++ b/assets/scss/_variables_project.scss @@ -54,6 +54,7 @@ $bs-link-color: $danger; $link-decoration: none !default; $link-shade-percentage: 30% !default; $link-color: $white !default; + // Fonts $td-enable-google-fonts: false; diff --git a/assets/scss/tax.scss b/assets/scss/tax.scss index a2a1b291..1c819b00 100644 --- a/assets/scss/tax.scss +++ b/assets/scss/tax.scss @@ -332,6 +332,7 @@ &.card { padding: 1em; margin-bottom: 1.5em; + background-color: $dark; } .breadcrumb { diff --git a/content/en/Cloud/Concepts/_index.md b/content/en/Cloud/Concepts/_index.md index daf22321..9c950081 100644 --- a/content/en/Cloud/Concepts/_index.md +++ b/content/en/Cloud/Concepts/_index.md @@ -12,3 +12,9 @@ This is a placeholder page that shows you how to use this template site. For many projects, users may not need much information beyond the information in the [Overview](/docs/overview/), so this section is **optional**. However if there are areas where your users will need a more detailed understanding of a given term or feature in order to do anything useful with your project (or to not make mistakes when using it) put that information in this section. For example, you may want to add some conceptual pages if you have a large project with many components and a complex architecture. Remember to focus on what the user needs to know, not just what you think is interesting about your project! If they don’t need to understand your original design decisions to use or contribute to the project, don’t put them in, or include your design docs in your repo and link to them. Similarly, most users will probably need to know more about how features work when in use rather than how they are implemented. Consider a separate architecture page for more detailed implementation and system design information that potential project contributors can consult. + + +{{ $context := . }} +{{ range $taxo, $taxo_map := .Site.Taxonomies }} + {{ partial "taxonomy_terms_article.html" (dict "context" $context "taxo" $taxo ) }} +{{ end }} diff --git a/content/en/_index.md b/content/en/_index.md index 2421c446..b34e622b 100644 --- a/content/en/_index.md +++ b/content/en/_index.md @@ -23,6 +23,15 @@ title: Layer5
Expect More from Your Infrastructure
+
+
Cloud of Categories
+ +
@@ -30,7 +39,15 @@ title: Layer5 {{< /blocks/cover >}} -