Skip to content

Commit

Permalink
fix: naming errors
Browse files Browse the repository at this point in the history
  • Loading branch information
Vattghern203 committed Dec 11, 2023
1 parent 578ea1e commit e1505e8
Show file tree
Hide file tree
Showing 8 changed files with 22 additions and 16 deletions.
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -185,9 +185,9 @@ Some of the variables used in the project can be accessed by any element in the

#### Private Scope

They're variables that only has effect on itself and it's children.
There's variables that only has effect on itself and on it's children.

You can use global scoped vars and changes it.
You can use global scoped vars and change them.

```css
:where(:root, html) {
Expand Down
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@

<!--Hero Section-->

<section class="hero-shade">
<section class="hero-blur">

<section>
<h1>Yonaka</h1>
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "yonaka",
"description": "A easily customizable css framework",
"version": "1.1.22",
"version": "1.1.23",
"main": "dist/yonaka.css",
"devDependencies": {
"anymatch": "^3.1.3",
Expand Down
2 changes: 1 addition & 1 deletion src/pages/playground.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
<div class="hero">

<section>
<h1>SEXO</h1>
<h1>Playground</h1>

<p>
Lorem, ipsum Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aut, veniam pariatur ex nulla commodi minus, et excepturi tenetur tempora accusamus facere, velit sint deserunt tempore. Doloribus odio ipsum voluptatibus fugit!
Expand Down
13 changes: 8 additions & 5 deletions src/sass/layout/_hero.scss
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,16 @@ $hero-variations: ".hero-shade, .hero-blur, .hero-fade, .hero-gradient";
}

:is(div, section):is(.hero, #{$hero-variations}) {
--bg-img-url: url(https://images.unsplash.com/photo-1528353518104-dbd48bee7bc4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1332&q=80);
--bg-img-size: cover;
--bg-img-repeat: no-repeat;
--bg-img-pos: center;
--_bg-img-url: url(https://images.unsplash.com/photo-1528353518104-dbd48bee7bc4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1332&q=80);
--_bg-img-size: cover;
--_bg-img-repeat: no-repeat;
--_bg-img-pos: center;

--_hero-content-pos: center;

// Default Values
--_bg: var(--background);

display: grid;
place-items: center;
align-content: center;
Expand All @@ -25,7 +28,7 @@ $hero-variations: ".hero-shade, .hero-blur, .hero-fade, .hero-gradient";
width: var(--w-full);
height: var(--h-screen);

background-color: var(--background);
background-color: var(--_bg);
background-image: var(--bg-img-url);
background-size: var(--bg-img-size);
background-repeat: var(--bg-img-repeat);
Expand Down
2 changes: 2 additions & 0 deletions src/sass/utils/_family.scss
Original file line number Diff line number Diff line change
Expand Up @@ -77,6 +77,8 @@

&.direct-children > *:not(.bastard) {



}

// First Chil Only ------------------------------------------------------------
Expand Down
11 changes: 6 additions & 5 deletions src/styles/yonaka.temps.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion src/styles/yonaka.temps.css.map

Large diffs are not rendered by default.

0 comments on commit e1505e8

Please sign in to comment.