Updated iconic, removed some shadows, removed viewBox, fixed FF icon filter bug #316

This commit is contained in:
Tobias Reich 2015-04-04 23:19:16 +02:00
parent 32f813a8a5
commit b21141aa8a
11 changed files with 22 additions and 31 deletions

BIN
dist/main.css vendored

Binary file not shown.

BIN
dist/main.js vendored

Binary file not shown.

BIN
dist/view.js vendored

Binary file not shown.

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

View File

@ -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>
`

View File

@ -201,7 +201,6 @@
color: white(.6);
font-size: 14px;
font-weight: bold;
text-shadow: $shadow;
}
}

View File

@ -56,7 +56,6 @@
width: 11px;
height: 10px;
fill: white(1);
filter: drop-shadow($shadow);
}
tr td .iconic.ionicons {

View File

@ -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;

View File

@ -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%); }

View File

@ -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'>