ということでid振らずに何とかならないかね、ということで考えてみたらどうせソースが少し汚れてしまうならばlabel内にspan置けばいいじゃないと。

<label><input type="radio" name="name" value="hoge" />hoge<span class="radio-checked"></span></label>

こんなかんじか。
inputの後ろじゃないとCSS的に指定ができないので注意。

あとはCSSを（以下はSass）

label {
display: flex;
position: relative;
cursor: pointer;
padding-left: 25px;
margin-right: 20px;
.radio-checked {
position : absolute;
left: 0;
display : block;
height: 17px;
width: 17px;
border-radius: 17px;
border: 1px solid #000;
&::after {
position : absolute;
content : '';
width : 11px;
height : 11px;
border-radius : 100%;
left : 3px;
top : 3px;
background-color : transparent;
z-index : 1;
}
&::after {
}
}
input[type="radio"] {
display: none;
&:checked +.radio-checked {
border-color: #f00;
&::after {
background-color : #f00;
}
}
}
}

こんな感じか。
横並びにするのにflex利用したりしてるけどこの辺は好みで好きなようにできそう。

label idよりかはいいのかな。

作業していて、数分前までは普通に動いていたのに急にコンパイルされなくなったとき。

windowsだとkoalaは問題なくコンパイル完了の「Success」を出す。
が、CSS自体は更新されていない。

悩む悩む。

他のサイトで設定したものはちゃんと吐き出しているので、koala自体が調子悪い訳じゃない。

で、macで問題のサイト定義したscssをコンパイルしてみると
「/bin/sh: compass: command not found」
と出た。

ググってもsublimeの設定ばかりであまり核心をついたものは見つからず。

で、結局config.rbを削除してもう一回設定しなおしたら直りました。

謎です。

と思っていたら結局直らず。。

最初からサイトデータを一個ずつコピーしていきどこで問題が発生するのかチェック。

判明したこと（エビデンスは無いので勘です）

sassのコンパイル用のファイル名●●●.scssと同名のimportファイルを作成するとバグが発生する模様。

つまり
●●●.scss
に_●●●.scssというファイルをimportしてしまうとエラーになる。

何が怖いってwindowsだとエラーとして認識されずにcssファイルが更新されないだけっていう。macだと上記のcompass:command ////
になるからマシだけど。

で、注意するのが上記エラーが出たのでファイル名を変更したとしてももうダメ。config.rbと●●●.scssファイルを削除して新しく作り、koalaのサイト定義も消してやり直さないとダメっぽい。