mafoo.org.uk/selfdefined
1
0
Fork 0
mirror of https://github.com/fooflington/selfdefined.git synced 2025-10-31 06:08:33 +00:00
Code Issues Projects Releases Wiki Activity

Move pxToRem to functions partial

Browse Source
This commit is contained in:
Ned Zimmerman
2020-02-16 14:32:54 -07:00
parent 1c1e82bdc6
commit 7620d29d9d
2 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
assets/css/_sass/_functions.scss Normal file
View File

@@ -0,0 +1,11 @@
@function pxToRem($pixels, $context: $browser-context) {
@if (unitless($pixels)) {
$pixels: $pixels * 1px;
}
@if (unitless($context)) {
$context: $context * 1px;
}
@return $pixels / $context * 1rem;
}

17
assets/css/base.scss
View File

@@ -2,23 +2,10 @@
@import url('https://use.typekit.net/qlo3dpu.css');
@import '~prism-themes/themes/prism-a11y-dark';
// FUNCTIONS
@import '_sass/functions';
$browser-context: 16;
@function pxToRem($pixels, $context: $browser-context) {
@if (unitless($pixels)) {
$pixels: $pixels * 1px;
}
@if (unitless($context)) {
$context: $context * 1px;
}
@return $pixels / $context * 1rem;
}
pre[class*='language-'] {
font-size: 1rem;
}
@@ -96,7 +83,7 @@ $bold: 700;
body {
border-top: 1rem solid red;
font-family: $sans-serif;
font-size: rem(20);
font-size: pxToRem(20);
padding: 2rem;
margin: 0;
}