Я получаю сообщение об ошибке компилятора, говорящее, что css не действителен после двойной и тройной проверки. Кажется, я не могу найти ошибку - PullRequest
0 голосов
/ 28 апреля 2018
@import '_colors.scss';
@import '_fonts.scss';
@import '_urls.scss';
@import '_mixins.scss';

html, body 
  height: 100%


body 
  display: grid
  font-family: $clickme, $clickme-fallback;
  color: $color;


a 
  text-decoration: none;
  color: inherit;


.cta 
  position: relative;
  margin: auto;
  padding: 19px 22px;
  transition: all .2s ease;
  &:before
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 28px;
    background: rgba($primary,.5);
    width: 56px;
    height: 56px;
    transition: all .3s ease;


  span 
    position: relative;
    font-size: 16px;
    line-height: 18px;
    font-weight: 900;
    letter-spacing: .25em;
    text-transform: uppercase;
    vertical-align: middle;


  svg 
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: $color;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all .3s ease;


  &:hover 
    &:before
      width: 100%;
      background: rgba($primary,1);


    svg
      transform: translateX(0);


  &:active 
    transform: scale(.96);

Я пытаюсь выполнить компиляцию без каких-либо кодов ошибок, и кажется, что после нескольких попыток это не работает, я пробовал несколько различных методов, и коды ошибок продолжают появляться, что никакой действительный css не существует, после каждой строки кто-нибудь, пожалуйста, помогите этому это окончательный проект, и мне нужна помощь, чтобы подготовить его к вечеру понедельника.

1 Ответ

0 голосов
/ 28 апреля 2018

Прежде всего удалите .scss из операторов импорта.

Если ваш файл имеет расширение .scss, тогда вам нужно использовать скобки и точки с запятой, но если он имеет .sass extensoon, то вы должны удалить эти точки с запятой

Затем скомпилируйте ваш файл в css с помощью любого программного обеспечения, такого как prepros, или используйте его в командной строке sass. Не забудьте связать файл css с вашим HTML-документом.

Надеюсь, что это работает

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...