Skip to main content
670 questions
Newest Active Bountied Unanswered
1 vote
1 answer
59 views

I’m working with the following code: <div style="--w: 30px;"></div> And I’m testing two expressions: Test Case 1 calc(30px / 720px * 100vw) Test Case 2 calc(var(--w) / 720px * ...
권순규's user avatar
  • 23
0 votes
1 answer
208 views

I am trying to make an app, using tailwind for styling. The problem emerges when I try to use my variables with tailwind. I made seperate config for tailwind, declared the variables in global.css, but ...
seena's user avatar
  • 1
3 votes
1 answer
109 views

I have a custom component which is using another component within it but slotted. The component is set up like this: <div class="nys-modal"> <!-- rest of component --> <...
Emily Gorelik's user avatar
  • 99
1 vote
1 answer
94 views

My goal is to have an architecture where the shadow is defined once, but the color changes depending on HTML attribute data-color-mode. Note: code provided is just for the isolated problem ...
Slava's user avatar
  • 3,157
1 vote
1 answer
107 views

I have a custom button with a circular mask hover animation using clip-path and CSS custom properties (@property + --tx / --ty). The effect works just fine, but I see thin visible borders/artifacts ...
mmdwc's user avatar
  • 1,157
-1 votes
2 answers
57 views

I had the idea to use responsive font-size in CSS, so that the font size would depend on the viewport width, but be limited for minimum and maximum size, like this: @property --font-size-norm { ...
U. Windl's user avatar
  • 4,852
-1 votes
1 answer
88 views

I'm using Tailwind and shadCN UI. My theme needs my primary color to be in a css file and have this name: :root { --primary: oklch(0.205 0 0); } However instead of setting the color value directly ...
Evanss's user avatar
  • 22.6k
0 votes
0 answers
56 views

1. Summary I can’t find how I can overwrite via my color scheme colors in Sublime Text popups, if colors has variables and the color-mod function. 2. MCVE For example, I have the file KiraExample....
Саша Черных's user avatar
  • 2,823
1 vote
2 answers
414 views

I am working with primeng and would like to overwrite the css variable value. (this is not important but this will make my issue more clear and what I try to achieve) for example if I have an badge ...
Babulaas's user avatar
  • 899
1 vote
1 answer
104 views

I'm trying to define a CSS @property rule for a font-size with a rem-based initial value. https://developer.mozilla.org/en-US/docs/Web/CSS/@property It works as long as no syntax is defined: @property ...
Tobias Wittwer's user avatar
  • 73
1 vote
0 answers
72 views

I have a page, served with Nuxt SSR. It has a header with position:fixed and content that will have a padding-top that equals the header's height: .content { padding-top: var(--header-height); } ...
vuelicious's user avatar
  • 73
1 vote
2 answers
112 views

I'm trying to combine/compose multiple css variables into one that I can use but it doesn't seem to be working. In particular I'm trying to combine separate font rules into one where I can then use ...
magenta placenta's user avatar
  • 1,557
1 vote
0 answers
21 views

It is possible to use CSS' @property rule to define CSS variables like in the following example (https://codepen.io/sbhmn/pen/pvzmvvx): <style> @property --bg-color { syntax: "*"; ...
SUBHUMAN's user avatar
  • 378
1 vote
1 answer
37 views

Is there a way to make a browser log events, when a CSS variable is not found? I'm wondering, because it seems to be useful for debugging. Say, if I have the following code: .stroked-text { /* ...
Shtole's user avatar
  • 376
0 votes
0 answers
16 views

TLDR; why is the button text white? Codepen to demo: https://codepen.io/bental/pen/vEBdQvJ I have css variables defined as such: :root { --neutral-00: white; --neutral-100: black; --general-...
Ben Taliadoros's user avatar
  • 9,731

15 30 50 per page
1
2 3 4 5
…
45