Issue 5651 - Set relative values for strong and small elements

static/scss/_variables.scss

 // This file is part of website-defaults
 // Copyright (C) 2016-present eyeo GmbH
 //
 // website-defaults is free software: you can redistribute it and/or
 // modify it under the terms of the GNU General Public License as published by
 // the Free Software Foundation, either version 3 of the License, or
 // (at your option) any later version.
 //
 // website-defaults is distributed in the hope that it will be useful,
 // but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 42 matching lines @@
 $error-light: #ffebee !default;
 $error-dark: #b71c1c !default;
 
 // Fonts
 ////////////////////////////////////////////////////////////////////////////////
 
 $primary-font: sans-serif !default;
 $secondary-font: serif !default;
 $monospace-font: monospace !default;
 
-$large-font: 1.2em !default;

[ire, 2017/10/26 10:11:08]

I don't know that we necessarily want to remove these? Although I don't think
they are currently being used, I think they could still be relevant. Or at least
we should handle/discuss removing them in a separate issue

[ire, 2017/10/26 10:11:08]

Actually I'm not sure about this comment anymore. If we are not currently using
any of these values on any site it makes sense to remove them

[juliandoucette, 2017/10/26 11:25:50]

I forgot to explain (sorry). But you figured it out. I removed these because
they are not being used and I don't know when they will be. I think we should
try our best not to bloat this ~library. Add only what we need when we need it
and use it everywhere. That way we can be more consistent / maintain less.

[ire, 2017/10/26 12:45:27]

I totally agree :)

-$medium-font: 1em !default;
-$small-font: 0.8em !default;
-
 $bold-weight: 600 !default;
 $normal-weight: 400 !default;
 $thin-weight: 300 !default;
 
 // Spacing
 ////////////////////////////////////////////////////////////////////////////////
 
 $large-space: 4em !default;
 $medium-space: 2em !default;
 $small-space: 1em !default;
@@ skipping 21 matching lines @@
 $phone-width: auto !default;
 $phablet-width: 540px !default;
 $tablet-width: 720px !default;
 $desktop-width: 960px !default;
 $large-desktop-width: 1140px !default;
 
 // Component widths
 ////////////////////////////////////////////////////////////////////////////////
 
 $container-width: $large-desktop-width !default;