Николай Шабалин

Рекомендовано к прочтению .
А дизайнеру передай, что он @#?!&, так макеты не сравнивают.

Так если проблема решена, то отметьте способ решения. Если его нет в комментариях выше, напишите и отметьте.
Может скоро это кому-то поможет.

А есть возможность посмотреть в живую? Ну там ссылки?

Собственно вопрос надо уточнить. Я вообще не понял, что значит - "...на свой вкус как должен выглядеть сss после компиляции из scss".
А так можно почитать здесь

Если правильно понял, то можно так - codepen.io/aurfon/pen/NPwwed

Если хотите на CSS у вас только два выхода - таблицами и flexbox.
Вот вам пример с flexbox

Попробуйте сделать так

npm uninstall node-sass
npm install node-sass -g

И попробйте запустить

Добавлю свои пять копеек.
Вообще все актуальные селекторы в удобном виде и совместимостью с браузерами. everstudent.ru/blog/htmlcss/30-css-seletors-to-memorize

Плюс, к предыдущему оратору.
Если есть желание углубить свои знания в этом вопросе, то советую - прочитать, либо книгу, либо цикл статей о "Инлайновом контексте форматирования"

Я чуть-чуть прочитал. И считаю, что вы верстете не правильно. Верстать надо так, что бы было, в лучшем случае, интуитивно понятно, что это за блок.

Когда вы смотрите на логотип, вам же сразу понятно, что это, наверняка, .logo.

При правильном подходе к вёрстке любого проекта, будь то большого или супер гигантского как гугла, поиск не будет занимать ровным счётом ничего. Всё что отнимет у вас время это ctrl+shift+c левый клик по блоку, чтобы узнать название блока.

Дальше только в редакторе - ctrl+shift+n(перейти к файлу)-> название css модуля. И всё.

Верстайте модульно!

Полный вид:

body::-moz-selection {
  color: #fff;
  background-color: #000;
}
body::selection {
  color: #fff;
  background-color: #000;
}

Цвета подставьте свои.
По-поводу -moz-selection caniuse.com/#search=selection

Тут всего два варинта.
1. Подключать сразу весь compass - @import compass; . И забыть что есть какие-то модули. В этом случае скорость компиляции чуть снизится, из-за огромного количества импортов.
2. Подключить используемые модули - @import 'compass/css3/flexbox';

compass-style.org/reference/compass/css3

Webstorm

Никогда не задумывался на эту тему, но судя по описанию -
htmlbook.ru/html/input/size
htmlbook.ru/html/textarea/cols
одно и тоже.

Меня больше интересовала вот эта строка -
Ширина текстового поля, которое определяется числом символов моноширинного шрифта.

Попробовал у textarea задизайблить monospace шрифт, но толку ноль.