Skip to content

Instantly share code, notes, and snippets.

@mungurs

mungurs/SassMeister-input.scss

Last active October 13, 2017 07:25
Show Gist options
  • Save mungurs/f4467da9d3d47e1628c56ef42a4dc76c to your computer and use it in GitHub Desktop.
Save mungurs/f4467da9d3d47e1628c56ef42a4dc76c to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----
.shop{
&__list{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;
@import media($tablet){
padding:10px;
}
@import media($desktop){
padding:20px;
}
}
&__yy{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;}
&__zz{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;}
&__aa{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;}
&__vv{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;}
&__cc{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;}
@media($tablet){
&__list{
display:flex;
padding-bottom:15px;
}
&__yy{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;}
&__zz{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;}
&__aa{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;}
&__vv{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;}
&__cc{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;}
}
@import media($desktop){
&__list{
display:flex;
padding-bottom:15px;
}
&__yy{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;}
&__zz{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;}
&__aa{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;}
&__vv{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;}
&__cc{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.42857143;
color: rgba(0,0,0,0.85);
background-color: #fff;
display:block;
padding: 5;}
}
}
Raw
SassMeister-output.css
Invalid CSS after " @import ": expected file to import (string or url()), was "media($tablet){"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment