Improve styles

package.json

@@ -20,8 +20,6 @@
     "@asciidoctor/core": "~2.2",
     "@asciidoctor/tabs": "1.0.0-beta.3",
     "@docsearch/js": "3",
-    "@fontsource/roboto": "~4.5",
-    "@fontsource/roboto-mono": "~4.5",
     "@springio/asciidoctor-extensions": "1.0.0-alpha.8",
     "algoliasearch": "4",
     "autoprefixer": "~10.4",

preview-src/features/authentication/index.adoc.yml

@@ -1,11 +1,11 @@
 url: /features/authentication/index.html
 component:
   name: security
-version: '6.0.2'
+version: '6.1.0'
 latest:
   url: '/features/authentication/index.html'
-  version: '6.0.2'
-  displayVersion: '6.0.2'
+  version: '6.1.0'
+  displayVersion: '6.1.0'
   title: Spring Security
 previous:
   content: Quickstart

preview-src/features/exploits/index.adoc.yml

@@ -1,11 +1,11 @@
 url: /features/exploits/index.html
 component:
   name: security
-version: '6.0.2'
+version: '6.1.0'
 latest:
   url: '/features/exploits/index.html'
-  version: '6.0.2'
-  displayVersion: '6.0.2'
+  version: '6.1.0'
+  displayVersion: '6.1.0'
   title: Spring Security
 previous:
   content: Quickstart

preview-src/features/index.adoc.yml

@@ -2,11 +2,11 @@ url: /features/index.html
 component:
   name: security
   url: '#'
-version: '6.0.2'
+version: '6.1.0'
 latest:
   url: '/features/index.html'
-  version: '6.0.2'
-  displayVersion: '6.0.2'
+  version: '6.1.0'
+  displayVersion: '6.1.0'
   title: Spring Security
 previous:
   content: Quickstart

preview-src/index.adoc.yml

@@ -1,7 +1,7 @@
 url: /index.html
 component:
   name: security
-version: '6.0.3'
+version: '6.1.0'
 latest:
   url: '/index.html'
 previous:

preview-src/ui-model.yml

@@ -15,8 +15,8 @@ site:
     versions: &security_versions
     - &security_latest_version
       url: '/index.html'
-      version: '6.0.3'
-      displayVersion: '6.0.3'
+      version: '6.1.0'
+      displayVersion: '6.1.0'
       title: *component_title
       versionSegment: '5.6'
     - &security_5_5_version
@@ -48,8 +48,8 @@ shared:
         url: '#'
         versions:
           - url: '/index.html'
-            version: '6.0.3'
-            displayVersion: '6.0.3'
+            version: '6.1.0'
+            displayVersion: '6.1.0'
             title: *component_title
             versionSegment: '5.6'
           - url: '/5.5/index.html'
@@ -58,8 +58,8 @@ shared:
             versionSegment: '5.5'
       componentVersion: *security_5_5_version
       versions:
-        - version: '6.0.3'
-          displayVersion: '6.0.3'
+        - version: '6.1.0'
+          displayVersion: '6.1.0'
           url: '#'
           versionSegment: '5.6'
         - version: '5.5.9'
@@ -78,7 +78,7 @@ shared:
                   url: '#'
                 - content: Protection Against Exploits
                   url: '#'
-    6.0.3:
+    6.1.0:
       home: true
       title: Spring Security
       relativeSrcPath: index.adoc
@@ -89,8 +89,8 @@ shared:
         versions: *security_versions
       componentVersion: *security_latest_version
       versions:
-        - version: '6.0.3'
-          displayVersion: '6.0.3'
+        - version: '6.1.0'
+          displayVersion: '6.1.0'
           url: '#'
           versionSegment: '5.6'
         - version: '5.5.9'

src/css/breadcrumbs.css

@@ -1,16 +1,9 @@
 .breadcrumbs {
-  display: none;
   flex: 1 1;
   padding: 0 0.5rem 0 0.75rem;
   line-height: var(--nav-line-height);
 }
 
-@media screen and (min-width: 1024px) {
-  .breadcrumbs {
-    display: block;
-  }
-}
-
 a + .breadcrumbs {
   padding-left: 0.05rem;
 }

src/css/doc.css

@@ -770,3 +770,14 @@ h1.page + aside.toc.embedded {
 html.dark-theme .doc img {
   filter: invert();
 }
+
+.doc .breadcrumbs,
+.doc .breadcrumbs ul {
+  padding: 0;
+  margin: 0;
+}
+
+.doc .breadcrumbs {
+  padding: 1.5rem 0 1rem;
+  color: var(--doc-font-color);
+}

src/css/fonts.css

@@ -0,0 +1,131 @@
+/* stylelint-disable */
+
+@font-face {
+  font-family: "Metropolis";
+  src: url("../font/metropolis-regular-webfont.woff2") format("woff2"),
+    url("../font/metropolis-regular-webfont.woff") format("woff");
+  font-style: normal;
+  font-weight: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Metropolis";
+  src: url("../font/metropolis-bold-webfont.woff2") format("woff2"),
+    url("../font/metropolis-bold-webfont.woff") format("woff");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Metropolis";
+  src: url("../font/metropolis-extrabold-webfont.woff2") format("woff2"),
+    url("../font/metropolis-extrabold-webfont.woff") format("woff");
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+/* open-sans-regular - latin */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  src: url("../font/open-sans-v17-latin-regular.eot"); /* IE9 Compat Modes */
+  src: url("../font/open-sans-v17-latin-regular.eot?#iefix")
+      format("embedded-opentype"),
+    /* IE6-IE8 */ url("../font/open-sans-v17-latin-regular.woff2")
+      format("woff2"),
+    /* Super Modern Browsers */ url("../font/open-sans-v17-latin-regular.woff")
+      format("woff"),
+    /* Modern Browsers */ url("../font/open-sans-v17-latin-regular.ttf")
+      format("truetype"),
+    /* Safari, Android, iOS */
+      url("../font/open-sans-v17-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */
+  font-display: swap;
+}
+/* open-sans-italic - latin */
+@font-face {
+  font-family: "Open Sans";
+  font-style: italic;
+  font-weight: 400;
+  src: url("../font/open-sans-v17-latin-italic.eot"); /* IE9 Compat Modes */
+  src: url("../font/open-sans-v17-latin-italic.eot?#iefix")
+      format("embedded-opentype"),
+    /* IE6-IE8 */ url("../font/open-sans-v17-latin-italic.woff2")
+      format("woff2"),
+    /* Super Modern Browsers */ url("../font/open-sans-v17-latin-italic.woff")
+      format("woff"),
+    /* Modern Browsers */ url("../font/open-sans-v17-latin-italic.ttf")
+      format("truetype"),
+    /* Safari, Android, iOS */
+      url("../font/open-sans-v17-latin-italic.svg#OpenSans") format("svg"); /* Legacy iOS */
+  font-display: swap;
+}
+/* open-sans-600 - latin */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 600;
+  src: url("../font/open-sans-v17-latin-600.eot"); /* IE9 Compat Modes */
+  src: url("../font/open-sans-v17-latin-600.eot?#iefix")
+      format("embedded-opentype"),
+    /* IE6-IE8 */ url("../font/open-sans-v17-latin-600.woff2") format("woff2"),
+    /* Super Modern Browsers */ url("../font/open-sans-v17-latin-600.woff")
+      format("woff"),
+    /* Modern Browsers */ url("../font/open-sans-v17-latin-600.ttf")
+      format("truetype"),
+    /* Safari, Android, iOS */
+      url("../font/open-sans-v17-latin-600.svg#OpenSans") format("svg"); /* Legacy iOS */
+  font-display: swap;
+}
+/* open-sans-700 - latin */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  src: url("../font/open-sans-v17-latin-700.eot"); /* IE9 Compat Modes */
+  src: url("../font/open-sans-v17-latin-700.eot?#iefix")
+      format("embedded-opentype"),
+    /* IE6-IE8 */ url("../font/open-sans-v17-latin-700.woff2") format("woff2"),
+    /* Super Modern Browsers */ url("../font/open-sans-v17-latin-700.woff")
+      format("woff"),
+    /* Modern Browsers */ url("../font/open-sans-v17-latin-700.ttf")
+      format("truetype"),
+    /* Safari, Android, iOS */
+      url("../font/open-sans-v17-latin-700.svg#OpenSans") format("svg"); /* Legacy iOS */
+  font-display: swap;
+}
+/* work-sans-regular - latin */
+@font-face {
+  font-family: "Work Sans";
+  font-style: normal;
+  font-weight: 400;
+  src: url("../font/work-sans-v5-latin-regular.eot"); /* IE9 Compat Modes */
+  src: url("../font/work-sans-v5-latin-regular.eot?#iefix")
+      format("embedded-opentype"),
+    /* IE6-IE8 */ url("../font/work-sans-v5-latin-regular.woff2")
+      format("woff2"),
+    /* Super Modern Browsers */ url("../font/work-sans-v5-latin-regular.woff")
+      format("woff"),
+    /* Modern Browsers */ url("../font/work-sans-v5-latin-regular.ttf")
+      format("truetype"),
+    /* Safari, Android, iOS */
+      url("../font/work-sans-v5-latin-regular.svg#WorkSans") format("svg"); /* Legacy iOS */
+  font-display: swap;
+}
+/* work-sans-700 - latin */
+@font-face {
+  font-family: "Work Sans";
+  font-style: normal;
+  font-weight: 700;
+  src: url("../font/work-sans-v5-latin-700.eot"); /* IE9 Compat Modes */
+  src: url("../font/work-sans-v5-latin-700.eot?#iefix")
+      format("embedded-opentype"),
+    /* IE6-IE8 */ url("../font/work-sans-v5-latin-700.woff2") format("woff2"),
+    /* Super Modern Browsers */ url("../font/work-sans-v5-latin-700.woff")
+      format("woff"),
+    /* Modern Browsers */ url("../font/work-sans-v5-latin-700.ttf")
+      format("truetype"),
+    /* Safari, Android, iOS */
+      url("../font/work-sans-v5-latin-700.svg#WorkSans") format("svg"); /* Legacy iOS */
+  font-display: swap;
+}

src/css/footer.css

@@ -9,6 +9,7 @@ footer.footer {
 
 .footer p {
   margin: 0.5rem 0;
+  color: var(--footer-link-font-color);
 }
 
 .footer a {
@@ -18,3 +19,7 @@ footer.footer {
 .footer a:hover {
   color: var(--link-font-color);
 }
+
+.footer .has-gray-text {
+  color: #b5b5b5;
+}