長さ px
間隔 px
太さ px
透明度

.elm{
  background:linear-gradient(to right, rgba({{rgbValue}},{{a}}), rgba({{rgbValue}},{{a}}) {{ratio}}%, rgba(0, 0, 0, 0) {{ratio}}%, rgba(0, 0, 0, 0) 100%) 0% 0%;
  background-size:{{length+space}}px {{weight}}px;
  width: 100%;
  height: {{weight}}px;
}
.elm{
  background:linear-gradient(to bottom, rgba({{rgbValue}},{{a}}), rgba({{rgbValue}},{{a}}) {{ratio}}%, rgba(0, 0, 0, 0) {{ratio}}%, rgba(0, 0, 0, 0) 100%) 0% 0%;
  background-size:{{weight}}px {{length+space}}px;
  width: {{weight}}px;
  height: 100%;
}