diff --git a/flavors/v2/mini-default.css b/flavors/v2/mini-default.css index 93ed96b..049944a 100644 --- a/flavors/v2/mini-default.css +++ b/flavors/v2/mini-default.css @@ -97,13 +97,6 @@ sup, sub { position: relative; vertical-align: baseline; } -mark { - background: #0277bd; - color: #fafafa; - font-size: 95%; - line-height: 1; - padding: 1px; } - a { color: #0277bd; text-decoration: underline; @@ -114,6 +107,13 @@ a { a:hover, a:focus, a:active { opacity: 0.75; } +mark { + background: #0277bd; + color: #fafafa; + font-size: 95%; + line-height: 1; + padding: 1px; } + /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. diff --git a/flavors/v2/mini-default.min.css b/flavors/v2/mini-default.min.css index cbe6231..5ff7107 100644 --- a/flavors/v2/mini-default.min.css +++ b/flavors/v2/mini-default.min.css @@ -1 +1 @@ -*,html{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:1em;line-height:1.5;-webkit-text-size-adjust:100%}body{margin:0;color:#212121;background:#fafafa}article,aside,figcaption,figure,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:.7em 8px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-.35em;font-size:45%}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.15em}h4{font-size:1em}h5{font-size:.85em}h6{font-size:.75em}p{margin:1px 10px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.2em;margin:.5em 4px;height:1px;background:linear-gradient(to right,#bdbdbd,#616161,#bdbdbd);background:-webkit-linear-gradient(to right,#bdbdbd,#616161,#bdbdbd)}code,kbd,pre,samp{font-family:monospace,monospace}code{border-radius:2px;background:#e0e0e0;padding:2px 4px}pre{overflow:auto;border-radius:0 2px 2px 0;background:#e0e0e0;padding:12px;margin:1px 10px;border-left:3px solid #1565c0}kbd{border-radius:2px;background:#212121;color:#fafafa;padding:2px 4px}small,sub,sup{font-size:75%}sup{top:-.5em}sub{bottom:-.25em}sub,sup{line-height:0;position:relative;vertical-align:baseline}mark{background:#0277bd;color:#fafafa;font-size:95%;line-height:1;padding:1px}a{color:#0277bd;text-decoration:underline;opacity:1;transition:all .3s ease 0s}a:visited{color:#01579b}a:active,a:focus,a:hover{opacity:.75}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}dfn{font-style:italic}audio,video{display:inline-block}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}mark.secondary{background:#f44336}mark.tertiary{background:#558b2f}mark.tag{display:inline-block;border-radius:2px;padding:2px}mark.bubble{display:inline-block;border-radius:200px;padding:3px 5px} \ No newline at end of file +*,html{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:1em;line-height:1.5;-webkit-text-size-adjust:100%}body{margin:0;color:#212121;background:#fafafa}article,aside,figcaption,figure,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:.7em 8px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-.35em;font-size:45%}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.15em}h4{font-size:1em}h5{font-size:.85em}h6{font-size:.75em}p{margin:1px 10px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.2em;margin:.5em 4px;height:1px;background:linear-gradient(to right,#bdbdbd,#616161,#bdbdbd);background:-webkit-linear-gradient(to right,#bdbdbd,#616161,#bdbdbd)}code,kbd,pre,samp{font-family:monospace,monospace}code{border-radius:2px;background:#e0e0e0;padding:2px 4px}pre{overflow:auto;border-radius:0 2px 2px 0;background:#e0e0e0;padding:12px;margin:1px 10px;border-left:3px solid #1565c0}kbd{border-radius:2px;background:#212121;color:#fafafa;padding:2px 4px}small,sub,sup{font-size:75%}sup{top:-.5em}sub{bottom:-.25em}sub,sup{line-height:0;position:relative;vertical-align:baseline}a{color:#0277bd;text-decoration:underline;opacity:1;transition:all .3s ease 0s}a:visited{color:#01579b}a:active,a:focus,a:hover{opacity:.75}mark{background:#0277bd;color:#fafafa;font-size:95%;line-height:1;padding:1px}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}dfn{font-style:italic}audio,video{display:inline-block}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}mark.secondary{background:#f44336}mark.tertiary{background:#558b2f}mark.tag{display:inline-block;border-radius:2px;padding:2px}mark.bubble{display:inline-block;border-radius:200px;padding:3px 5px} \ No newline at end of file diff --git a/scss/v2/_base.scss b/scss/v2/_base.scss index cb078e7..e1a8e69 100644 --- a/scss/v2/_base.scss +++ b/scss/v2/_base.scss @@ -1,3 +1,5 @@ +// SECTION: Browsers resets and base typography +//=================================================== $apply-defaults-to-all: true !default; @if $apply-defaults-to-all { html, * { @@ -24,7 +26,8 @@ body { background: $back-color; } -// Correct display for older versions of IE. +// Correct display for older versions of IE.\ +// TODO: Move styling of `nav` to the proper file. article, aside, footer, header, nav, section, figcaption, figure, main { display: block; } @@ -71,7 +74,7 @@ p { margin: $paragraph-margin; } -b, strong{ +b, strong { font-weight: $bold-font-weight; } @@ -276,6 +279,41 @@ sup, sub { } } +$apply-link-underline: true !default; +$apply-link-hover-fade: true !default; +a{ + color: $link-fore-color; +@if $apply-link-underline { + text-decoration: underline; +} +@else { + text-decoration: none; +} +@if $link-font-weight != 500 { + font-weight: $link-font-weight; +} +@if $apply-link-hover-fade { + opacity: 1; + transition: all 0.3s ease 0s; +} +&:visited { + color: $link-visited-fore-color; +} +@if $apply-link-hover-fade { +&:hover, &:focus, &:active { + opacity: 0.75; +} +} +@else { +&:hover, &:focus, &:active { + color: $link-hover-fore-color; +} +} +} + +//=================================================== +// SECTION: External files. +//=================================================== // Default styling for mark. Use mixins for alternate styles. mark { background: $mark-back-color; @@ -325,37 +363,7 @@ mark.#{$mark-alt-name} { } } -$apply-link-underline: true !default; -$apply-link-hover-fade: true !default; -a{ - color: $link-fore-color; -@if $apply-link-underline { - text-decoration: underline; -} -@else { - text-decoration: none; -} -@if $link-font-weight != 500 { - font-weight: $link-font-weight; -} -@if $apply-link-hover-fade { - opacity: 1; - transition: all 0.3s ease 0s; -} -&:visited { - color: $link-visited-fore-color; -} -@if $apply-link-hover-fade { -&:hover, &:focus, &:active { - opacity: 0.75; -} -} -@else { -&:hover, &:focus, &:active { - color: $link-hover-fore-color; -} -} -} + /** * 1. Remove the bottom border in Firefox 39-. @@ -561,4 +569,5 @@ menu { summary { display: list-item; -} \ No newline at end of file +} +//=================================================== \ No newline at end of file