Как украсить CSS в WebStorm? - PullRequest
Новая
       13

Как украсить CSS в WebStorm?

0 голосов
/ 01 марта 2020

Я хотел бы украсить / переформатировать CSS код с помощью WebStorm.

У меня есть CSS стиль : 

.container {
  display     : grid;
  margin      : 0 auto;
  max-width   : 90rem;
  padding-top : 1rem;
}
.cols-2 {grid-template-columns : 50% 50%;}

.logo {font-size : 3rem;font-weight : 600;}
.slogan {font-size : 1.3rem; margin-top : 6px;}

.search {background-image : url("../images/search.svg");background-repeat : no-repeat;background-size : 35px;}

.content {min-height : 500px;}

Я хочу украсить в этот CSS стиль с помощью WebStorm / IntelliJ: 

.container {
  display     : grid;
  margin      : 0 auto;
  max-width   : 90rem;
  padding-top : 1rem;
}

.cols-2 {
  grid-template-columns : 50% 50%;
}

.logo {
  font-size   : 3rem;
  font-weight : 600;
}

.slogan {
  font-size  : 1.3rem;
  margin-top : 6px;
}

.search {
  background-image  : url("../images/search.svg");
  background-repeat : no-repeat;
  background-size   : 35px;
}

.content {
  min-height : 500px;
}

Есть ли способы сделать sh это с помощью стандартных настроек или я должен установить некоторые расширения?

1 Ответ

1 голос
/ 01 марта 2020

Вам нужно изменить стиль кодирования вашего проекта (установить правила для того, как будет выглядеть проект), а затем переформатировать код.

На веб-сайте Jetbrain есть учебные пособия о том, как это сделать.

например:

...