CSS Calc & CSS Variables --var | Going back to Basics?

Показать описание

--

Today I'm bringing you a quick CSS video that covers CSS calc and CSS variables. Are you using CSS variables & CSS calc, or are you using SCSS or even styled-components? I'm a huge fan of styled-components but I felt like just taking it back to basics in this video. Please SUBSCRIBE to see more videos like this!

Are you using raw CSS, SCSS, or styled-components? Let me know in the comments below 👇
--

🎣 css, css variables, css calc, web developer, front-end developer, junior developer, css variables, css custom properties, css tutorial, css variables tutorial, css variables vs sass, css calc, css calc function, css calculator, learn css, learn css for beginners, learn css in 12 minutes, learn css full course, css custom, css root variables, css root selector, tailwind css components, css react components, kevin powell css, css pseudo classes, css pseudo classes and elements, css pseudo elements

Рекомендации по теме

Комментарии

prettier and eslint config with airbnb rules baked in please, that way I don't have to worry about my config everytime I spin up a CRA or Next.js project. Your tutorials are such a huge help, keep it up!

kxmg

@ 2:50 you mentioned you get "hot reloading out the box", not sure what you meant by this could you explain further?

ttncmok

Do you know that sass is going to implement a major change that is going to deprecate and make the import syntax disappear no one is talking about this I thought I would let you know.

Kanexxable

I just commented on a video on your tutorial in FreeCodeCamp. The tl;dr is that I found the tutorial awesome, but found the firebase explanation & hook setting pretty lacking, couldn't understand any of that. In this regard, I have a suggestion, could you do a vid building up on that? Explaining the firebase methods and so on, your thought process on that setup.

The whole point was that you really didn't debug & therefore couldn't show what the purpose of the methods were, so that's my critique in a nutshell, but I really enjoyed, just thought I could offer some insights so you can improve down the road of teaching. :)

simplesmenteeu

I like css variables, but the fact that you are still not able to nest your css in vanilla css is somewhat a deal breaker for me. I will stick to scss for now I think.

AllanLange

CSS Calc & CSS Variables --var | Going back to Basics?

Learn CSS Calc In 6 Minutes

Use a Combination of CSS Variable and CSS Calc to Create Consistent Sizes and Positions

CSS Calc & CSS Variables --var | Going back to Basics?

15 | CALC() & VAR() CSS FUNCTIONS | 2023 | Learn HTML and CSS Full Course for Beginners

Advanced CSS | Using CSS variables and the calc function to create variable shades

css calc function

Как работает Функция calc в css3. Урок 10

calc() lets you do some real CSS magic

CSS 3 Tutorial #23 - Calc

CSS Functions: var(), calc(), gradients

CSS Calc Example Usage Walkthrough

27 css function | css function example | css calc function | css variables |function in css

CSS Variables in 100 Seconds

CSS : How to use css variables in a calc function

CSS Variables - An introduction to CSS custom properties

Learn CSS In Arabic 2021 - #45 - CSS Variables And Trainings

Variables and Calculations Function in CSS 2020 - Var(), Calc(), View Height, View Width 🔥

CSS - powerful calc() | JSer - CSS learner

Tips#2 CSS calc() Function

The Ultimate Guide to CSS Variables

CSS Variables Tutorial

How to Use the CSS calc Method

Tìm hiểu hàm calc() trong CSS cho người mới

CSS Calc Method in 10 Minutes | CSS Tutorial For Beginners