hugopoi/cupper-hugo-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

safari svg fixes

Browse Source
This commit is contained in:
Heydon Pickering 2017-07-01 12:41:40 +01:00
parent ba4ab5cc8b
commit 2931578221
21 changed files with 48 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
public/css/styles.css
View File

@ -63,6 +63,27 @@ div:not([tabindex]):focus {
outline: none; 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 { h1, h2, h3, h4 {
font-family: Miriam Libre, serif; font-family: Miriam Libre, serif;
line-height: 1.125; line-height: 1.125;

1
public/index.html
View File

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

1
public/patterns/code/code-blocks/index.html
View File

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

1
public/patterns/code/codepen-embedding/index.html
View File

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

1
public/patterns/code/index.html
View File

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

1
public/patterns/code/writing-inline-demos/index.html
View File

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

1
public/patterns/index.html
View File

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

1
public/patterns/installation/index.html
View File

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

1
public/patterns/library-setup/index.html
View File

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

1
public/patterns/serving/index.html
View File

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

1
public/patterns/writing/expandable-sections/index.html
View File

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

1
public/patterns/writing/including-images/index.html
View File

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

1
public/patterns/writing/index.html
View File

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

1
public/patterns/writing/library-structure/index.html
View File

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

1
public/patterns/writing/markdown-and-metadata/index.html
View File

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

1
public/patterns/writing/notes-and-warnings/index.html
View File

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

1
public/patterns/writing/references/index.html
View File

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

4
themes/infusion/layouts/_default/baseof.html
View File

@ -35,7 +35,7 @@
{{ range .Pages.ByWeight }} {{ range .Pages.ByWeight }}
<li class="pattern"> <li class="pattern">
<a href="{{ .RelPermalink }}" {{ if eq $current.Title .Title }}aria-current="page"{{ end }}> <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> <span class="text">{{ .Title }}</span>
</a> </a>
</li> </li>
@ -47,7 +47,7 @@
{{ range .Pages.ByWeight }} {{ range .Pages.ByWeight }}
<li class="pattern"> <li class="pattern">
<a href="{{ .RelPermalink }}" {{ if eq $current.Title .Title }}aria-current="page"{{ end }}> <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> <span class="text">{{ .Title }}</span>
</a> </a>
</li> </li>

2
themes/infusion/layouts/shortcodes/principles.html
View File

@ -8,7 +8,7 @@
<li> <li>
<strong> <strong>
<a href="https://inclusivedesignprinciples.org#{{ .title | urlize }}"> <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 }} {{ .title }}
</a>: </a>:
</strong> </strong>

2
themes/infusion/layouts/shortcodes/wcag.html
View File

@ -6,7 +6,7 @@
{{ if in $included .ref_id }} {{ if in $included .ref_id }}
<li> <li>
<strong><a href="{{ .url }}"> <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 }} {{ .ref_id }} {{ .title }}</a> (level {{ .level }}){{ if $descriptions }}:{{ end }}
</strong> </strong>
{{ if $descriptions }} {{ if $descriptions }}

9
themes/infusion/static/css/styles.css
View File

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