kevin-powell
/
beyond-css-course-material
mirror of https://github.com/kevin-powell/beyond-css-course-material.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

new challenges

This commit is contained in:
Kevin Powell 2022-06-19 11:13:38 -04:00
parent b589141d1f
commit 10d2dba7c1
4 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
challenges/05-partials/01/abstracts/_colors.scss Normal file
View File

@ -0,0 +1,2 @@
$clr-primary: #234;
$clr-secondary: #123;

3
challenges/05-partials/01/abstracts/_font-sizes.scss Normal file
View File

@ -0,0 +1,3 @@
$fs-400: 1.125rem;
$fs-500: 1.25rem;
$fs-600: 1.5rem;

13
challenges/05-partials/01/abstracts/_mixins.scss Normal file
View File

@ -0,0 +1,13 @@
@mixin decorative-corner($color: #333) {
position: relative;
&::before {
content: "";
position: absolute;
left: -4rem;
top: -4rem;
width: 100px;
aspect-ratio: 1;
border-left: 3px solid $color;
border-top: 3px solid $color;
}
}

7
challenges/05-partials/01/main.scss Normal file
View File

@ -0,0 +1,7 @@
@use "abstracts/colors";
@use "abstracts/font-sizes";
.card {
font-size: $fs-400;
color: $clr-primary;
}