Кто использует такой подход в написании CSS?
Совершенно нормальный подход. Пишу так же, пример:.footer {
    position: relative;
    background-color: @dark-grey-blue;
    color: @white;
    font-size: 12px;
    padding: 20px;
    box-sizing: border-box;

    @media @desktop {
        height: 200px;
        padding: 0;
    }

    &__text {
        display: block;
        text-align: center;

        @media @desktop {
            position: absolute;
            top: 75px;
            left: 15px;
            width: 250px;
            text-align: left;
        }
    }
}
Второй удобней. Сейчас есть плагины, которые в итоге сгруппируют все медиа запросы. Так что писать отдельно все медиа смысла нет.
Да, я тоже так пишу.