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

Merge conflict

Browse Source
This commit is contained in:
tatianamac
2020-02-29 13:57:24 -08:00
parent 228a119b30 f1d0f3ab60
commit eed2c96950
22 changed files with 510 additions and 459 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
assets/css/abstracts/_colours.scss Normal file
View File

@ -0,0 +1,11 @@
$primary-color: hsl(0, 100%, 50%);
$secondary-color: hsl(120, 100%, 25%);
$dark-red: hsl(0, 100%, 32.2%);
$pink: hsl(349.5, 100%, 87.6%);
$black: hsl(0, 0%, 13%);
$white: hsl(0, 0%, 100%);
$dark-grey: hsl(0, 0%, 31%);
$mid-grey: hsl(0, 0%, 46.3%); // the lightest shade of grey you can get away with, #a11y
$light-grey: hsl(0, 0%, 93.3%); // for backgrounds only

11
assets/css/abstracts/_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;
}

19
assets/css/abstracts/_mixins.scss Normal file
View File

@ -0,0 +1,19 @@
@mixin icon__avoid() {
content: '🚨';
}
@mixin icon__alt() {
content: '👍';
}
@mixin icon__tool() {
content: '🧰';
}
@mixin icon__hanging() {
margin-left: -2.15rem;
}
@mixin icon__embed() {
margin-right: 0.35rem;
}

11
assets/css/abstracts/_universal-selector.scss Normal file
View File

@ -0,0 +1,11 @@
* {
box-sizing: border-box;
}
*::before {
box-sizing: border-box;
}
*::after {
box-sizing: border-box;
}

14
assets/css/abstracts/_variables.scss Normal file
View File

@ -0,0 +1,14 @@
$primary-color: hsl(0, 100%, 50%);
$secondary-color: hsl(120, 100%, 25%);
$dark-red: hsl(0, 100%, 32.2%);
$pink: hsl(349.5, 100%, 87.6%);
$black: hsl(0, 0%, 13%);
$white: hsl(0, 0%, 100%);
$dark-grey: hsl(0, 0%, 31%);
$mid-grey: hsl(0, 0%, 46.3%); // the lightest shade of grey you can get away with, #a11y
$light-grey: hsl(0, 0%, 93.3%); // for backgrounds only
$browser-context: 16;