This forum is now read-only. Please use our new forums! Go to forums
What is wrong? syntaxerror line 24
hi guys,
I keep on getting this error:
syntaxerror on line[¨24¨] of C:/path/config.rb:11: sytax error, unexpected tINDENTIFIER, expecting end of input @ mixin box-sizing $pad
it would be great if someone can help me because i am stuck with this for a week (!)
@import "compass/css3";
* {
@include box-sizing(border-box);
}
$pad: 20px;
.grid {
background: white;
margin: 0 0 $pad 0;
&:after {
/* Or @extend clearfix */
content: "";
display: table;
clear: both;
}
}
[class*='col-'] {
float: left;
padding-right: $pad;
.grid &:last-of-type {
padding-right: 0;
}
}
.col-2-3 {
width: 66.66%;
}
.col-1-3 {
width: 33.33%;
}
.col-1-2 {
width: 50%;
}
.col-1-4 {
width: 25%;
}
.col-1-8 {
width: 12.5%;
}
.module {
padding: $pad;
background: #eee;
}
this code is from dont overthink it grids what is wrong with it in my code?
config. rb
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"
# Require any additional compass plugins here.
@mixin box-sizing($pad) {
-webkit-box-sizing: $pad;
-moz-box-sizing: $pad;
box-sizing: $pad;
}
Alex J edited this post to fix code formatting
Answer 527cb586abf82174c5002a32
Popular free courses
- Free Course
Learn SQL
In this SQL course, you'll learn how to manage large datasets and analyze real data using the standard data management language.Beginner friendly,4 LessonsLanguage Fluency - Free Course
Learn JavaScript
Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.Beginner friendly,11 LessonsLanguage Fluency - Free Course
Learn HTML
Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.Beginner friendly,6 LessonsLanguage Fluency