search

phi-jp / meltline

melt + inline. css library
0 stars 3 forks source link

border-colorをグラデーションにする #65

Closed suico-jp closed 4 years ago

suico-jp commented 4 years ago

現象

borderにグラデーションが効かない

対応

.border-@{key} {
    border-color: @a;
  }

↓

.border-@{key} {
    border-image: linear-gradient(@angle, @a 0%, @b 100%);
    border-image-slice: 1;
  }

参考

https://junjun-web.net/css/css-border-bottom-gradation/

Iruru-jp commented 4 years ago

LGTM

simiraaaa commented 4 years ago

@suico-jp 根本的にimportantが原因なのか疑問があるけど、これでなぜ直るのか説明できる？

simiraaaa commented 4 years ago

@suico-jp これって実際に動いてるところスクショみれる？

simiraaaa commented 4 years ago

@suico-jp できた image

simiraaaa commented 4 years ago

LGTM

Iruru-jp commented 4 years ago

LGTM

horietty commented 4 years ago

LGTM

suico-jp commented 4 years ago

マージします!