ACSS 2.4: Contextual Colors

Поделиться
HTML-код
  • Опубликовано: 13 июл 2024
  • Aside from the main brand colors, ACSS provides you with the following contextual colors:
    Warning (alert, caution)
    Info (general information)
    Success (safe, correct)
    Danger (error, wrong)
    These follow the contextual color standard set by Bootstrap many years ago, providing you with colors that indicate a specific "notice" for the user and that [typically] have nothing to do with a website's brand palette.
    In this video we'll take a look at how to change contextual color values, reference contextual colors with utility classes, reference contextual colors with variables, and even how to create new contextual colors on the fly with variable partials.
    You can learn more about ACSS contextual colors here: automaticcss.com/docs/context...
    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

Комментарии • 6

  • @danieleromano7442
    @danieleromano7442 Год назад +2

    Super useful, compliment for your support 👍

  • @redefinedcreative
    @redefinedcreative Год назад

    Always great content Kevin! Thanks

  • @martinwessel7137
    @martinwessel7137 Год назад

    Really great additions in 2.4. this shiiit is the bomb.

  • @BGdev305
    @BGdev305 Год назад

    I'm a bit confused, using custom classes and partials, why would I put this code in in here like this vs a custom stylesheet where I know exactly where it is and I can go straight to the code and edit.
    Your method I would have to go and find this code to change / edit the code.. what happens later in site build or months later.. I would have to go and hunt down this code?
    Would have liked to see you actually apply this to real-world forms, like you referenced at the end of the video. I don't seeing this being easily done.

    • @AutomaticCSS
      @AutomaticCSS  Год назад

      Not sure what you mean?

    • @SridharKatakam
      @SridharKatakam Год назад

      It is easy to locate when you create custom classes because you just select any element in the builder where the class has been applied and view/change if and when needed.