Startseite Erkunden Hilfe
Registrieren Anmelden
wang2365
/
cupper-hugo-theme
1
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Quellcode durchsuchen

safari svg fixes

Heydon Pickering vor 8 Jahren
Ursprung
ba4ab5cc8b
Commit
2931578221
21 geänderte Dateien mit 48 neuen und 6 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. 21 0
      public/css/styles.css
  2. 1 0
      public/index.html
  3. 1 0
      public/patterns/code/code-blocks/index.html
  4. 1 0
      public/patterns/code/codepen-embedding/index.html
  5. 1 0
      public/patterns/code/index.html
  6. 1 0
      public/patterns/code/writing-inline-demos/index.html
  7. 1 0
      public/patterns/index.html
  8. 1 0
      public/patterns/installation/index.html
  9. 1 0
      public/patterns/library-setup/index.html
  10. 1 0
      public/patterns/serving/index.html
  11. 1 0
      public/patterns/writing/expandable-sections/index.html
  12. 1 0
      public/patterns/writing/including-images/index.html
  13. 1 0
      public/patterns/writing/index.html
  14. 1 0
      public/patterns/writing/library-structure/index.html
  15. 1 0
      public/patterns/writing/markdown-and-metadata/index.html
  16. 1 0
      public/patterns/writing/notes-and-warnings/index.html
  17. 1 0
      public/patterns/writing/references/index.html
  18. 2 2
      themes/infusion/layouts/_default/baseof.html
  19. 1 1
      themes/infusion/layouts/shortcodes/principles.html
  20. 1 1
      themes/infusion/layouts/shortcodes/wcag.html
  21. 7 2
      themes/infusion/static/css/styles.css

+ 21 - 0
public/css/styles.css
Datei anzeigen 

@@ -63,6 +63,27 @@ div:not([tabindex]):focus {
 
   outline: none;
 
 }
 
 
+/* skip link */
 
+
 
+[href="#main"] {
 
+  display: block;
 
+  width: 100%;
 
+  padding: 0.75rem;
 
+  color: #fff;
 
+  background: #000;
 
+  position: absolute;
 
+  top: -3rem;
 
+  text-align: center;
 
+  z-index: 1;
 
+}
 
+
 
+[href="#main"]:focus {
 
+  top: 0;
 
+  outline: none;
 
+}
 
+
 
+/* text styles */
 
+
 
 h1, h2, h3, h4 {
 
   font-family: Miriam Libre, serif;
 
   line-height: 1.125;

+ 1 - 0
public/index.html
Datei anzeigen 

@@ -17,6 +17,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 1 - 0
public/patterns/code/code-blocks/index.html
Datei anzeigen 

@@ -16,6 +16,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 1 - 0
public/patterns/code/codepen-embedding/index.html
Datei anzeigen 

@@ -16,6 +16,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 1 - 0
public/patterns/code/index.html
Datei anzeigen 

@@ -16,6 +16,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 1 - 0
public/patterns/code/writing-inline-demos/index.html
Datei anzeigen 

@@ -16,6 +16,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 1 - 0
public/patterns/index.html
Datei anzeigen 

@@ -16,6 +16,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 1 - 0
public/patterns/installation/index.html
Datei anzeigen 

@@ -16,6 +16,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 1 - 0
public/patterns/library-setup/index.html
Datei anzeigen 

@@ -16,6 +16,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 1 - 0
public/patterns/serving/index.html
Datei anzeigen 

@@ -16,6 +16,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 1 - 0
public/patterns/writing/expandable-sections/index.html
Datei anzeigen 

@@ -16,6 +16,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 1 - 0
public/patterns/writing/including-images/index.html
Datei anzeigen 

@@ -16,6 +16,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 1 - 0
public/patterns/writing/index.html
Datei anzeigen 

@@ -16,6 +16,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 1 - 0
public/patterns/writing/library-structure/index.html
Datei anzeigen 

@@ -16,6 +16,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 1 - 0
public/patterns/writing/markdown-and-metadata/index.html
Datei anzeigen 

@@ -16,6 +16,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 1 - 0
public/patterns/writing/notes-and-warnings/index.html
Datei anzeigen 

@@ -16,6 +16,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 1 - 0
public/patterns/writing/references/index.html
Datei anzeigen 

@@ -16,6 +16,7 @@
 
     </title>
 
   </head>
 
   <body>
 
+    <a href="#main">skip to content</a>
 
     <svg style="display: none">
 
   <symbol id="bookmark">
 
    <g transform="translate(2266 3206.2)">

+ 2 - 2
themes/infusion/layouts/_default/baseof.html
Datei anzeigen 

@@ -35,7 +35,7 @@
 
                 {{ range .Pages.ByWeight }}
 
                   <li class="pattern">
 
                     <a href="{{ .RelPermalink }}" {{ if eq $current.Title .Title  }}aria-current="page"{{ end }}>
 
-                      <svg class="bookmark" aria-hidden="true" height="50" width="40" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
 
+                      <svg class="bookmark-icon" aria-hidden="true" height="50" width="40" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
 
                       <span class="text">{{ .Title }}</span>
 
                     </a>
 
                   </li>
 
@@ -47,7 +47,7 @@
 
                       {{ range .Pages.ByWeight }}
 
                         <li class="pattern">
 
                           <a href="{{ .RelPermalink }}" {{ if eq $current.Title .Title  }}aria-current="page"{{ end }}>
 
-                            <svg class="bookmark" aria-hidden="true" height="50" width="40" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
 
+                            <svg class="bookmark-icon" aria-hidden="true" height="50" width="40" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
 
                             <span class="text">{{ .Title }}</span>
 
                           </a>
 
                         </li>

+ 1 - 1
themes/infusion/layouts/shortcodes/principles.html
Datei anzeigen 

@@ -8,7 +8,7 @@
 
       <li>
 
         <strong>
 
           <a href="https://inclusivedesignprinciples.org#{{ .title | urlize }}">
 
-            <svg class="balloon" height="177.17" width="141.73" viewBox="0 0 141.73228 177.16535" aria-hidden="true"><use xlink:href="#balloon"></use></svg>
 
+            <svg class="balloon-icon" height="177.17" width="141.73" viewBox="0 0 141.73228 177.16535" aria-hidden="true"><use xlink:href="#balloon"></use></svg>
 
             {{ .title }}
 
           </a>:
 
         </strong>

+ 1 - 1
themes/infusion/layouts/shortcodes/wcag.html
Datei anzeigen 

@@ -6,7 +6,7 @@
 
     {{ if in $included .ref_id }}
 
       <li>
 
         <strong><a href="{{ .url }}">
 
-          <svg height="67.763" width="127.1" viewBox="0 0 127.09899 67.763" aria-hidden="true"><use xlink:href="#w3c"></use></svg>
 
+          <svg class="wcag-icon" height="67.763" width="127.1" viewBox="0 0 127.09899 67.763" aria-hidden="true"><use xlink:href="#w3c"></use></svg>
 
           {{ .ref_id }} {{ .title }}</a> (level {{ .level }}){{ if $descriptions }}:{{ end }}
 
         </strong>
 
         {{ if $descriptions }}

+ 7 - 2
themes/infusion/static/css/styles.css
Datei anzeigen 

@@ -620,12 +620,17 @@ a svg {
 
   margin-right: 0.125rem;
 
 }
 
 
-a .bookmark {
 
+a .bookmark-icon {
 
   width: 0.75em;
 
 }
 
 
-a .balloon {
 
+a .balloon-icon {
 
   height: 1.125em;
 
+  width: 0.85em;
 
+}
 
+
 
+a .wcag-icon {
 
+  width: 1.5em;
 
 }
 
 
 /* cross references */