Unexpected token $ , dont use ids in selectors


#1



https://www.codecademy.com/courses/learn-sass/projects/refactor-scss


How to overcome these errors?
unexpected token $


$full-white: #ffffff ;
$pink: #ffcfcf;

html, body {
  margin: 0;
  font-family: Arial;
  color: $full-white;
}

p, a {
  font-size: 0.75rem;
}

img {
  padding-left: 30px;
  height: 350px;
  width: 550px;
}

ul {
  list-style: none;
}

.container {
  min-height: 100%;
  display: flex;
}
 .nav {
  width: 15%;
  min-width: 140px;
  color: $pink;
  padding-top: 55px;
  padding-right: 30px;
  text-align: center;
}

.nav h4 {
  -webkit-margin-before: 0;
  margin-left: 50px;
}

.main ul {
  padding-left: 30px;
}

.main li {
  font-size: 0.85rem;
}

.main {
  width: 85%;
  min-height: 750px;
  min-width: 600px;
  background-color: $pink;
}

.main h1 {
  font-size: 62px;
  -webkit-margin-before: 0;
  padding-top: 40px;
  padding-left: 30px;
}

.main video {
  padding-left: 30px;
}

.main p {
  padding-left: 30px;
  width: 55%;
  min-width: 550px;
}

.main a {
  color: inherit;
  padding-left: 30px;
  text-decoration: none;
}

.main a:hover {
  text-decoration: underline;
}


#2

I'm in the same boat, these red circles are really throwing me off, I'm not sure if I'm doing something wrong or..?
It's the same when you start nesting them too, red circles all over the place.


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.