diff --git a/assets/css/index.css b/assets/css/index.css index 99ab625d09..b98799bbcf 100644 --- a/assets/css/index.css +++ b/assets/css/index.css @@ -20,16 +20,19 @@ } .prose h1, -.prose h2, .prose h3, .prose h4, .prose h5, .prose h6 { - @apply font-semibold text-midnight-700 tracking-[-0.04em]; + @apply font-normal; +} + +.prose h2 { + @apply text-lg font-medium pb-3 border-b border-b-redis-pen-700 border-opacity-50; } .prose p, .prose ol, .prose ul { - @apply text-redis-neutral-800; + @apply text-sm; } .prose pre { @@ -41,7 +44,7 @@ } .prose h1 { - @apply text-3xl; + @apply text-4xl; } .prose h1[id], @@ -50,7 +53,7 @@ .prose h4[id], .prose h5[id], .prose h6[id] { - @apply mt-11 scroll-mt-6; + @apply mt-16 scroll-mt-6; } .prose p:empty, @@ -63,12 +66,19 @@ content: ""; } -.prose :where(a):not(:where([class~="not-prose"] *)) { - @apply text-indigo-500 decoration-transparent; +.prose :where(a):not(:where([class~="not-prose"] *)):hover { + @apply text-redis-red-500; } -.prose :where(a):not(:where([class~="not-prose"] *)):hover { - @apply text-indigo-700 decoration-indigo-400; +.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)), +.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), +.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) +{ + @apply my-0; +} + +.prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { + @apply text-redis-ink-900; } select { @@ -81,16 +91,16 @@ select { } #TableOfContents a { - @apply relative block hover:text-indigo-600 py-0.5 pl-4 transition-colors leading-6; + @apply relative block text-redis-pen-600 hover:text-redis-pen-300 py-0.5 pl-6 transition-colors leading-6; } #TableOfContents a:before { content: ''; - @apply w-[3px] h-full bg-slate-100 absolute left-0 top-0 rounded-xl transition; + @apply w-1 h-full bg-redis-pencil-250 absolute left-0 top-0 rounded-sm transition; } #TableOfContents a.active { - @apply text-indigo-600 before:bg-indigo-600 pointer-events-none; + @apply text-redis-ink-900 before:bg-redis-ink-900 pointer-events-none; } /* search */ @@ -195,24 +205,24 @@ select { .child-list:before { content: ''; - @apply w-[3px] h-full bg-slate-300/30 absolute left-0 top-0 rounded-xl transition; + @apply w-1 h-full bg-redis-pencil-250 absolute left-0 top-0 rounded-sm transition; } -.child-list .child-list { - @apply ml-4; +.child-list { + @apply ml-6; } .child-list a { - @apply relative flex hover:text-indigo-600 py-0.5 pl-4 transition-colors leading-6; + @apply relative flex hover:text-redis-ink-900/30 transition-colors leading-6; } .child-list a:before { content: ''; - @apply w-[3px] h-full bg-transparent absolute left-0 top-0 rounded-xl transition; + @apply w-1 h-full bg-transparent absolute left-0 top-0 rounded-xl transition; } .child-list a.active { - @apply before:bg-indigo-600 pointer-events-none; + @apply before:bg-redis-ink-900 pointer-events-none; } #search-cancel { @@ -393,14 +403,6 @@ select { color: inherit; } -.page-feedback { - @apply flex flex-col mx-12; -} - -.feedback-submit { - @apply grid gap-2; -} - .star-rating { @apply flex flex-row-reverse justify-around text-center text-xl items-center; } @@ -410,16 +412,29 @@ select { } .star-rating label { - @apply cursor-pointer text-neutral-400; + @apply cursor-pointer text-white; + /* + From https://owumaro.github.io/text-stroke-generator/ + Currently, there is not great way to text-stroke that works across browsers + Alternative is to replace star character with SVG + */ + text-shadow: + rgb(92, 112, 122) 1px 0px 0px, + rgb(92, 112, 122) 0.540302px 0.841471px 0px, + rgb(92, 112, 122) -0.416147px 0.909297px 0px, + rgb(92, 112, 122) -0.989993px 0.14112px 0px, + rgb(92, 112, 122) -0.653644px -0.756803px 0px, + rgb(92, 112, 122) 0.283662px -0.958924px 0px, + rgb(92, 112, 122) 0.96017px -0.279416px 0px; } .star-rating :checked ~ label { - @apply text-orange-400; + @apply text-redis-pen-600; } .star-rating label:hover, .star-rating label:hover ~ label { - @apply text-yellow-400; + @apply text-redis-red-500; } .codetabs .label { @@ -594,16 +609,6 @@ main.download:after { @apply w-80 h-80 fixed right-0 bottom-0 z-[-1] bg-contain bg-no-repeat bg-center; } -main.docs:before, -main.download:before { - background-image: url("/images/dots.svg"); -} - -main.docs:after, -main.download:after { - background-image: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, .875), rgba(255, 255, 255, .35)); -} - #alpha-filter-container .active { @apply bg-indigo-50 text-indigo-600 border-indigo-200; } diff --git a/assets/icons/chevron.svg b/assets/icons/chevron.svg new file mode 100644 index 0000000000..9c6e9fc10f --- /dev/null +++ b/assets/icons/chevron.svg @@ -0,0 +1,3 @@ + + + diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index b24a9537eb..b12f608d65 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,5 +1,5 @@ - + diff --git a/layouts/develop/list.html b/layouts/develop/list.html index b7dc209899..ed555c16d7 100644 --- a/layouts/develop/list.html +++ b/layouts/develop/list.html @@ -3,15 +3,12 @@ {{ end }} {{ define "main" }} -
+
{{ partial "docs-nav.html" . }} -
+
{{ partial "breadcrumbs" . }} -
+

- {{ if and (isset .Params "stack") (eq .Params.stack true)}} - {{ partial "icons/logo-stack.html" (dict "context" . "class" "stack-logo-inline") }} - {{ end }} {{ .Title }}

diff --git a/layouts/develop/single.html b/layouts/develop/single.html index cdefefbfe4..9127affad0 100644 --- a/layouts/develop/single.html +++ b/layouts/develop/single.html @@ -3,15 +3,12 @@ {{ end }} {{ define "main" }} -
+
{{ partial "docs-nav.html" . }} -
+
{{ partial "breadcrumbs" . }} -
+

- {{ if and (isset .Params "stack") (eq .Params.stack true)}} - {{ partial "icons/logo-stack.html" (dict "context" . "class" "stack-logo-inline") }} - {{ end }} {{ .Title }}

{{ with .Params.description }}

{{ . | markdownify }}

{{ end }} diff --git a/layouts/partials/breadcrumbs.html b/layouts/partials/breadcrumbs.html index c66d60b9d2..16556bb9d7 100644 --- a/layouts/partials/breadcrumbs.html +++ b/layouts/partials/breadcrumbs.html @@ -1,5 +1,6 @@ -