Beta 1 gradients - delete gradient point not working

Beta
#1

Hi @charlie

I have created a three point gradient but clicking the - button does nothing?

does not work
does not work1494×1146 126 KB

Also finding transitions from one colour to another to be a bit harsh?

would it be possible to be able to paste in straight css gradients as well as the json?
ie linear-gradient(90deg,rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);

1 Like
#2

I’ll have a fix for removing a color in a global gradient in the next beta.

From what I could tell transitioning from two different gradients wasn’t support by CSS. You can kind of get around this by changing the background position.

$el:hover {
  background-position: 5px;
  transition: background 1s ease;
}

I can look at being able to copy CSS gradients in our paste button.

Thanks for the feedback!

#3

Hi @charlie

Did you manage to get any further with this?

#4

I’ve done some preliminary tests with some JS library I found. Seen enough to know we can handle pasting in most gradient values. Depending on how automatic updates go, we’ll probably see it in a couple of weeks or a month or two. Have a great weekend.

3 Likes
#5

Thank you sir!

1 Like