Тёмный

ACSS 101.07.P1: Background & Text Color (Traditional Approach) 

AutomaticCSS & Frames
Подписаться 4,7 тыс.
Просмотров 3 тыс.
50% 1

There are two approaches to setting and managing background and text color in Automatic.css. In Part 01, I'll show you the traditional approach. In Part 02, I'll show you the new "contextual" approach.
You can use either approach, but the new contextual approach offers a lot of benefits over the traditional approach. The only caveat is that it might take you a couple explanations and some experimentation to wrap your brain around it.
Nevertheless, let's get started by covering the traditional approach:
How to set default website background color
How to set default text color
How to change background color with utility classes
How to change background color with variables
How to change text color with utility classes
How to change text color with variables
---
Interested in using Automatic.css on your sites and accessing the private ACSS support and strategy community? Get a license here: automaticcss.com
Interested in using Frames on your sites and accessing the private Frames support and strategy community? Get a license here: getframes.io
Want more helpful dev tutorials and agency-related trainings? Check out Kevin's channel: / @gearyco

Опубликовано:

 

10 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 14   
@ReubenHochstetler
@ReubenHochstetler 4 месяца назад
That makes sense about using BG utility classes for sections instead of styling at the ID. I've been turning off all utility classes in ACSS but am going to turn on BG utility classes and start using them. What convinced me was how much extra CSS is written for styling at the ID and also the specificity issue. Great video as always.
@grizfan93
@grizfan93 4 месяца назад
Holy smokes - I completely missed picking up on the ability to right-click to access ACSS variables and classes. That helps so much!
@AutomaticCSS
@AutomaticCSS 4 месяца назад
Huge productivity increase!
@nasmith67
@nasmith67 Месяц назад
Gotta love some Plaster!
@stphnmwlkr
@stphnmwlkr 4 месяца назад
Another great video to explain using ACSS. Now on to part 2.
@davidwalls2304
@davidwalls2304 4 месяца назад
Great lesson, now on with the show in part 2.
@hobiewetzels2332
@hobiewetzels2332 2 месяца назад
Great information! Thanks
@eucalyptech
@eucalyptech 4 месяца назад
Some great tips, thank you Kevin !
@Luca-ui3rn
@Luca-ui3rn 4 месяца назад
Awesome! Thank you! :)
@febryanvaldo
@febryanvaldo 4 месяца назад
I'm still on 2.8.3, need to wait till stable 3.0.0 release. Hopefully not too long....
4 месяца назад
As an addition: In order to achieve the transparency on a Windows computer, the Control & ALT keys (German CTRL+ALT) must be pressed at the same time when moving the mouse over it.
@kohsowers
@kohsowers 4 месяца назад
Ok, stupid question, how do I get that bracket button to open ACSS panel to show up in my Bricks?
@AutomaticCSS
@AutomaticCSS 4 месяца назад
Are you using 3.0?
@kohsowers
@kohsowers 4 месяца назад
@@AutomaticCSS No, I just now found the receive beta releases option :) Thanks!
Далее
ACSS 101.16 - Content Grid (Basics)
14:47
Просмотров 2,1 тыс.
ОНА ОПЯТЬ ПОЁТ 😱
3:05:53
Просмотров 1,1 млн
GREAT idea for Camping #bushcraft #survival #lifehacks
00:24
ACSS 101.06: Color Palette Setup
28:19
Просмотров 5 тыс.
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Просмотров 392 тыс.
🤯How to Use AI for Pinterest and Make $12,308/Month
15:13
10 CSS Pro Tips - Code this, NOT that!
9:39
Просмотров 2,2 млн
ACSS 101.01: Awesomeness Out of The Box
37:32
Просмотров 15 тыс.
ОНА ОПЯТЬ ПОЁТ 😱
3:05:53
Просмотров 1,1 млн