Skip to content

Commit

Permalink
hack questions
Browse files Browse the repository at this point in the history
  • Loading branch information
Toby-Leeder committed Dec 5, 2023
1 parent 406aa6c commit c360652
Showing 1 changed file with 9 additions and 9 deletions.
18 changes: 9 additions & 9 deletions _notebooks/2023-04-28-P3M-SASSFundamentals.ipynb
Original file line number Diff line number Diff line change
Expand Up @@ -190,11 +190,11 @@
"source": [
"# Nesting\n",
"\n",
"> What is nesting? Where did the birds come from? \n",
"> What is nesting? \n",
" > Answer here (hack question): \n",
"- Nesting is a way to organize your code and make it easier to read. It also helps keep your code DRY (Don't Repeat Yourself). \n",
"- Nesting is when you put one selector inside another selector. This is a great way to keep your code organized and make it easier to read. \n",
"- When we make HTML we often nest different elements within each other and have a clear structure when we look at it.\n",
"- Nesting is a way to organize your code and make it easier to read. It also helps keep your code ______ . \n",
"- Nesting is when you put one selector inside another selector. This is a great way to keep your code organized and make it easier to _______. \n",
"- When we make HTML we often nest different _______ within each other and have a clear structure when we look at it.\n",
"- The problem is that in regular CSS we don't have that so we need to use SASS to help us organize our code.\n",
"\n",
"- Warning: Don't nest too much as when the CSS is processed it can make overqualified selectors which can be hard to read and maintain. Which means that it would only target that specific element type and not any other elements that have the same class name.\n",
Expand Down Expand Up @@ -271,11 +271,11 @@
"source": [
"# Variables\n",
"> What is a variable?\n",
"- A variable is a container that stores information so for instance when you multiple places that refer to one value you can just use the variable name instead of the value.\n",
"- This is valuable in SASS because it allows you to reuse that value in multiple places throughout you stylesheet. \n",
"- Variables in CSS preprocessors such as Sass allow you to store information that you can reuse in your stylesheet, such as font stacks, colors, or any other CSS value you anticipate needing. The $ symbol is used in Sass to designate a variable. \n",
"- A variable is a container that stores ________ so for instance when you have multiple places that refer to one value you can just use the variable name instead of the value.\n",
"- This is valuable in SASS because it allows you to reuse that ______ in multiple places throughout your stylesheet. \n",
"- The $ symbol is used in Sass to designate a variable. \n",
"\n",
"Pro Tip: The reason SASS variables are better than variables in regular CSS is that they are more consider and easier to read with a much simpler syntax. \n",
"Pro Tip: The reason SASS variables are better than variables in regular CSS is that they are easier to read with a much simpler syntax. \n",
"\n",
"Fun Fact: Variables in SASS came before CSS and often SASS has features long before they are actually added to CSS as a whole. \n",
"\n",
Expand Down Expand Up @@ -753,7 +753,7 @@
"# Inheritance\n",
"> What is inheritance?\n",
" > Answer here (hack question): \n",
"- In general programming concept where the child class can inherit properties from the parent class. These properties can be changed and modified in the child class. This prevents code from being repeated and makes the code more usable and flexible.\n",
"- In general programming concept where the child class can ______ properties from the ______ class. These properties can be changed and modified in the ______ class. This prevents code from being repeated and makes the code more usable and flexible.\n",
"- In SASS we have a similar concept that can be used as well we can create base styles and then have other styles inherit from them and then we can change them as we please. \n",
"- We can do that by through using @extend .name-of-class and then we can add more styles to it as we please. Simple as that \n",
"\n",
Expand Down

0 comments on commit c360652

Please sign in to comment.