Zampa Comments - Answer Overflow

Zampa

Explore posts from servers

•Created by Zampa on 5/28/2024 in #front-end

Modern version of stylelint-config-rational-order ?

Maybe I just have to create a custom stylelint config like this?

 "order/properties-order": [
      [
        {
          "groupName": "Positioning",
          "properties": [
            "position",
            "top",
            "right",
            "bottom",
            "left",
            "z-index",
            // Include logical properties
            "inset",
            "inset-block",
            "inset-block-end",
            "inset-block-start",
            "inset-inline",
            "inset-inline-end",
            "inset-inline-start"
          ]
        },

 "order/properties-order": [
      [
        {
          "groupName": "Positioning",
          "properties": [
            "position",
            "top",
            "right",
            "bottom",
            "left",
            "z-index",
            // Include logical properties
            "inset",
            "inset-block",
            "inset-block-end",
            "inset-block-start",
            "inset-inline",
            "inset-inline-end",
            "inset-inline-start"
          ]
        },

3 replies

KPCKevin Powell - Community

•Created by Zampa on 1/19/2024 in #front-end

How do you set proportional border-widths based on image size?

Awesome! Thank you so much! @Kevin as well. Clever solution!

10 replies

KPCKevin Powell - Community

•Created by Zampa on 1/19/2024 in #front-end

How do you set proportional border-widths based on image size?

I also tried using clamp, min, max... I couldn't find any solution that worked. Perhaps it's not possible in CSS alone? I could use JS to find the image width and set the border-width dynamically, but it seems like this is something CSS should be able to accomplish.

10 replies

KPCKevin Powell - Community

•Created by Zampa on 11/15/2023 in #front-end

Dynamic Font Size Based On Container & Text Length

but of course, relies on animation-range which is experimental and not widely supported yet

7 replies

KPCKevin Powell - Community

•Created by Zampa on 11/15/2023 in #front-end

Dynamic Font Size Based On Container & Text Length

This is interesting... https://kizu.dev/fit-to-width-text/

7 replies

KPCKevin Powell - Community