Updated iconic, removed some shadows, removed viewBox, fixed FF icon filter bug #316
This commit is contained in:
parent
32f813a8a5
commit
b21141aa8a
BIN
dist/main.css
vendored
BIN
dist/main.css
vendored
Binary file not shown.
BIN
dist/main.js
vendored
BIN
dist/main.js
vendored
Binary file not shown.
BIN
dist/view.js
vendored
BIN
dist/view.js
vendored
Binary file not shown.
34
index.html
34
index.html
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 54 KiB |
@ -12,7 +12,7 @@ build.iconic = function(icon, classes) {
|
||||
classes = classes || '';
|
||||
|
||||
html = `
|
||||
<svg viewBox='0 0 8 8' class='iconic ${ classes }'>
|
||||
<svg class='iconic ${ classes }'>
|
||||
<use xlink:href='#${ icon }' />
|
||||
</svg>
|
||||
`
|
||||
|
@ -201,7 +201,6 @@
|
||||
color: white(.6);
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-shadow: $shadow;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -56,7 +56,6 @@
|
||||
width: 11px;
|
||||
height: 10px;
|
||||
fill: white(1);
|
||||
filter: drop-shadow($shadow);
|
||||
}
|
||||
|
||||
tr td .iconic.ionicons {
|
||||
|
@ -36,7 +36,6 @@ header {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
text-shadow: $shadow;
|
||||
z-index: 1;
|
||||
cursor: default;
|
||||
|
||||
@ -46,7 +45,6 @@ header {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
fill: white(.5);
|
||||
filter: drop-shadow($shadow);
|
||||
transition: fill .2s ease-out;
|
||||
}
|
||||
|
||||
@ -85,7 +83,6 @@ header {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
fill: white(.5);
|
||||
filter: drop-shadow($shadow);
|
||||
transition: fill .2s ease-out;
|
||||
}
|
||||
|
||||
@ -162,7 +159,6 @@ header {
|
||||
margin: 13px 9px;
|
||||
color: #888;
|
||||
font-size: 13px;
|
||||
text-shadow: $shadow;
|
||||
border-radius: 100px;
|
||||
display: none;
|
||||
|
||||
|
@ -39,7 +39,6 @@
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
text-shadow: $shadow;
|
||||
}
|
||||
|
||||
/* Wrapper ------------------------------------------------*/
|
||||
@ -82,7 +81,6 @@
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
fill: white(.5);
|
||||
filter: drop-shadow($shadow);
|
||||
transition: fill .2s ease-out;
|
||||
}
|
||||
|
||||
@ -162,7 +160,6 @@
|
||||
fill: $colorRed;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
filter: drop-shadow($shadowLight);
|
||||
}
|
||||
|
||||
&:hover .iconic { fill: lighten($colorRed, 10%); }
|
||||
|
6
view.php
6
view.php
@ -49,10 +49,10 @@
|
||||
<header class="view">
|
||||
|
||||
<a class="button button--right" id="button_info" title="About Photo">
|
||||
<svg viewBox="0 0 8 8" class="iconic"><use xlink:href="src/images/iconic.svg#info"></use></svg>
|
||||
<svg class="iconic"><use xlink:href="src/images/iconic.svg#info"></use></svg>
|
||||
</a>
|
||||
<a class="button button--right" id="button_direct" title="Direct Link">
|
||||
<svg viewBox="0 0 8 8" class="iconic"><use xlink:href="src/images/iconic.svg#link-intact"></use></svg>
|
||||
<svg class="iconic"><use xlink:href="src/images/iconic.svg#link-intact"></use></svg>
|
||||
</a>
|
||||
|
||||
<a id="title" class="view"></a>
|
||||
@ -67,7 +67,7 @@
|
||||
<div class='header'>
|
||||
<h1>About</h1>
|
||||
<a class='close' title='Close About'>
|
||||
<svg viewBox="0 0 8 8" class="iconic"><use xlink:href="src/images/iconic.svg#circle-x"></use></svg>
|
||||
<svg class="iconic"><use xlink:href="src/images/iconic.svg#circle-x"></use></svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class='wrapper'>
|
||||
|
Loading…
Reference in New Issue
Block a user