古くから色変数をr,g,bに分けて定義し、

color: rgba(var(--r), var(--g), var(--b), 1);

I can set the start position of a CSS `linear-gradient` with an angle, a starting position & direction, or a rotation from 0,0.

Is there a logical property value to set the start position / edge instead?

Like `inset-inline-start` to start from the left in LTR languages but from the right in RTL langs?

I want:

```
background:
linear-gradient(
inset-inline-start,
transparent 0%,
transparent calc(100% - 0.1em),
#f00 calc(100% - 0.1em),
#f00 100%
);

```

アイコン変わって鍵投稿に気が付かないので適当に色付けた。
.icon-unlock{
color: #999;
}
.icon-lock{
color: #f00;
}
.icon-at{
color: #00f;
}

@jensimmons quick question, I'm trying to do relative css syntax with display-p3 but running into some issues w/Safari.

As I understand, I need to use color() fn to define a p3 color:
`color( display-p3 0 0 0 )`

So if I want to make that relative, that would become:
`color( display-p3 from #f00 r g b )`

but Safari doesn't seem to support color() fn with relative syntax:
`CSS.supports('color: color( display-p3 from #f00 r g b );')`
> `false`

Am I messing up the syntax?

#F00
がなんか嫌

これでいいんじゃない？
ハッシュタグつくな
.column-header__button .fa-fw{
color: #F00;
}
.column-header__button.active .fa-fw{
color: #00F;
}

color:#F00; でもつけておいて