How to Create New Custom Shades & Transparencies on the Fly in ACSS

  Рет қаралды 1,246

AutomaticCSS & Frames

AutomaticCSS & Frames

Жыл бұрын

AutomaticCSS (ACSS) has one of the most powerful, flexible, and editable color systems available in any CSS framework. It'll do exactly what you need out of the box for 98% of projects.
But, what about the other 2% of times when do need additional shades, transparencies, etc.? Are you out of luck?
Nope! ACSS has you covered in those cases as well. Our color partials allow you to easily create new custom shades and transparencies on the fly.
If you need any help, don't hesitate to reach out via the ACSS support community!
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: / @digitalambition

Пікірлер: 17
@eucalyptech
@eucalyptech Жыл бұрын
Usually I am part of the 98%... Now I can also be part of the remaining 2% 😄Thank you Kevin for your tutorial !
@mrianforest
@mrianforest Жыл бұрын
12 minutes in...my mind is blown already
@rubengarciajr
@rubengarciajr Жыл бұрын
I know i will never need this but i love watching these videos to learn and become a better frontend developer!
@brianvanderspa
@brianvanderspa Жыл бұрын
It are the “golden nuggets” for me. Just like Ruben said, do not think I will use it, but just learning about new ways to use the power of ACSS and even learning extra about CSS in general… Exactly why I like these videos! Thanks Kevin!😁
@ReubenHochstetler
@ReubenHochstetler Жыл бұрын
I love these advanced tutorials for extending and adding to ACSS. While I haven’t run into a need for additional colors outside of the default palette, having these tutorials available as a ton of value to the ACSS product.
@kappesante
@kappesante Жыл бұрын
yeah, it's the best.
@thorsten-roever
@thorsten-roever Жыл бұрын
Thanks
@AmandaLucaseu
@AmandaLucaseu Жыл бұрын
Really enjoying learning about partials and variables 👍🏻
@Defcon1702
@Defcon1702 Жыл бұрын
Hey Kevin, in terms of the partials: Are I am able to redeclare with the partial a --base / --primary variable and it triggers the recalculation of classes like -bg--primary? Great video thanks!
@AutomaticCSS
@AutomaticCSS Жыл бұрын
No because those classes are defined by sass variables and not CSS variables.
@mehdimoradi603
@mehdimoradi603 Жыл бұрын
Hi Kevin, I'm not sure it's a bug or not but when I disable some colors in acss settings like secondary, accent and etc! I still see the color pallet's names without any colors in the bricks editor It doesn't seem right, when you disable, it means you don't need to see the names and empty colors in the bricks too
@AutomaticCSS
@AutomaticCSS Жыл бұрын
It’s not safe for us to remove color palettes because some users add additional colors to them. You can easily remove them yourself if you’d like.
@erling5148
@erling5148 Жыл бұрын
Question where does the 1,15 come from when I input hsl(202,89%,1,15%) the hex becomes #020303 which is very dark and not even close to what you have got
@AutomaticCSS
@AutomaticCSS Жыл бұрын
Where are you seeing 1.15
@erling5148
@erling5148 Жыл бұрын
@@AutomaticCSS the L value for the hover in shades
@vigilantezack
@vigilantezack Жыл бұрын
meanwhile the client: ..... sends lists of precise hex values saying only THESE must be your colors and nothing else will do!
@AutomaticCSS
@AutomaticCSS Жыл бұрын
You can match hex colors by getting their HSL values and using those.
ACSS 2.4: Easy Custom Corner Ribbons
22:04
AutomaticCSS & Frames
Рет қаралды 2,7 М.
The day of the sea 🌊 🤣❤️ #demariki
00:22
Demariki
Рет қаралды 96 МЛН
THEY made a RAINBOW M&M 🤩😳 LeoNata family #shorts
00:49
LeoNata Family
Рет қаралды 6 МЛН
FOOLED THE GUARD🤢
00:54
INO
Рет қаралды 63 МЛН
ACSS 101.02: Establishing & Manipulating Your Site's Content Width
27:09
AutomaticCSS & Frames
Рет қаралды 4,9 М.
ACSS 101.06: Color Palette Setup
28:19
AutomaticCSS & Frames
Рет қаралды 3,2 М.
Learn CSS Animations In 20 Minutes - For Beginners
21:22
Slaying The Dragon
Рет қаралды 973 М.
ACSS 101.11: Link Styling & Focus Styling (Global & Classes)
15:43
AutomaticCSS & Frames
Рет қаралды 982
ACSS 101.01: Awesomeness Out of The Box
37:32
AutomaticCSS & Frames
Рет қаралды 10 М.
ACSS 101.09: Headers, Sticky Headers, & Offsets
27:15
AutomaticCSS & Frames
Рет қаралды 2,1 М.
HTML in 100 Seconds
2:34
Fireship
Рет қаралды 634 М.
ACSS 101.03: Fluid Responsive, Scale-Based Typography
24:01
AutomaticCSS & Frames
Рет қаралды 3,3 М.
The day of the sea 🌊 🤣❤️ #demariki
00:22
Demariki
Рет қаралды 96 МЛН