Como trabalhar com o CSS usando o GIT?

Olá,

Eu passei a utilizar o git a pouco tempo e ainda tenho umas dúvidas quanto ao fluxo de trabalho com ele, sobretudo com arquivos css.

Vou explicar melhor, Digamos que eu tenha esse css:

body {
    font-family: "Crimson Text", "Times New Roman", serif;
    background-color: #F2FFFC;
}

h1,
h2 {
    font-family: "Open Sans Condensed", Arial, sans-serif;
}

main h1 {
    text-align: center;
    color: white;
    background-color: #851944;
}

p {
    text-align: justify;
}

• Eu devo comitar as alterações a cada nova propriedade ou elemento?
• Eu devo comitar cada alteração aos poucos ou juntar tudo e comitar de uma só vez?
• Ou talvez separar os commits por áreas do site?

Desde já agradeço a ajuda.