Permalink
Browse files

Remove outline:0; from reset; outline focused links.

  • Loading branch information...
1 parent 8f883cd commit 947bc1d803b04a1596cd9b7dc18eebda2e727ce5 @jeremychurch committed Jul 20, 2014
Showing with 9 additions and 7 deletions.
  1. +2 −2 haml/index.haml
  2. +4 −4 index.html
  3. +3 −1 sass/_reset.sass
View
@@ -152,7 +152,7 @@
%form{action: 'http://codepen.io/pen/define', method: 'POST', target: '_blank'}
- %span.btn.font_small.expand_down{data: {'toggle' => '.js_generated_css'}, onClick: "ga('send', 'event', 'toggle', 'click', 'css-button');"}
+ %a.btn.font_small.expand_down{href: '#', data: {'toggle' => '.js_generated_css'}, onClick: "ga('send', 'event', 'toggle', 'click', 'css-button');"}
%span.fa.fa-fw.fa-chevron-down
Grab the CSS
 
@@ -266,7 +266,7 @@
.article_preview
.article_preview_button.fa.fa-chevron-left.fa-lg.fa-fw{onClick: "ga('send', 'event', 'toggle', 'click', 'article-preview');"}
.article_preview_inner
- %span.btn.font_small.expand_down.more_options_button{data: {'toggle' => '.js_article_options'}, onClick: "ga('send', 'event', 'toggle', 'click', 'article-options');"}
+ %a.btn.font_small.expand_down.more_options_button{href: '#', data: {'toggle' => '.js_article_options'}, onClick: "ga('send', 'event', 'toggle', 'click', 'article-options');"}
%span.fa.fa-fw.fa-chevron-down
More Options
View
@@ -174,10 +174,10 @@
</div>
<hr>
<form action='http://codepen.io/pen/define' method='POST' target='_blank'>
- <span class='btn font_small expand_down' data-toggle='.js_generated_css' onClick="ga('send', 'event', 'toggle', 'click', 'css-button');">
+ <a class='btn font_small expand_down' data-toggle='.js_generated_css' href='#' onClick="ga('send', 'event', 'toggle', 'click', 'css-button');">
<span class='fa fa-fw fa-chevron-down'></span>
Grab the CSS
- </span>
+ </a>
&nbsp;
<input class='codepen_json' name='data' type='hidden'>
<input class='codepen_btn font_small' onClick="ga('send', 'event', 'external-link', 'click', 'codepen-edit');" type='submit' value='Edit on CodePen'>
@@ -270,10 +270,10 @@
<div class='article_preview'>
<div class='article_preview_button fa fa-chevron-left fa-lg fa-fw' onClick="ga('send', 'event', 'toggle', 'click', 'article-preview');"></div>
<div class='article_preview_inner'>
- <span class='btn font_small expand_down more_options_button' data-toggle='.js_article_options' onClick="ga('send', 'event', 'toggle', 'click', 'article-options');">
+ <a class='btn font_small expand_down more_options_button' data-toggle='.js_article_options' href='#' onClick="ga('send', 'event', 'toggle', 'click', 'article-options');">
<span class='fa fa-fw fa-chevron-down'></span>
More Options
- </span>
+ </a>
<div class='js_article_options hide'>
<div class='break_medium'></div>
<form>
View
@@ -2,7 +2,9 @@
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
border: 0
margin: 0
- outline: 0
+ // Can't see which link you're tabbing too.
+ // Keeping as comment so it doesn't get added back
+ // outline: 0
padding: 0
font-family: inherit
font-size: 100%

0 comments on commit 947bc1d

Please sign in to comment.