├── .vscode └── settings.json ├── App ├── Scss │ ├── Util │ │ ├── _variables.scss │ │ └── index.scss │ ├── base │ │ ├── _container.scss │ │ └── _reset.scss │ └── main.scss └── index.html ├── Conditional Statement └── condition.scss ├── Extend & Inheritance └── Extend.scss ├── Loop └── Loop.scss ├── Mapping & @each └── Map.scss ├── Mixin └── mixin.scss ├── Nesting ├── nesting.css ├── nesting.css.map └── nesting.scss ├── README.md ├── Variable ├── variable.css ├── variable.css.map └── variable.scss ├── dist ├── Extend.css ├── Extend.css.map ├── Loop.css ├── Loop.css.map ├── Map.css ├── Map.css.map ├── condition.css ├── condition.css.map ├── index.css ├── index.css.map ├── main.css ├── main.css.map ├── mixin.css ├── mixin.css.map ├── nesting.css ├── nesting.css.map ├── variable.css └── variable.css.map └── index.html /.vscode/settings.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/.vscode/settings.json -------------------------------------------------------------------------------- /App/Scss/Util/_variables.scss: -------------------------------------------------------------------------------- 1 | $header_text: white; 2 | $container_bg: rgb(122, 0, 245); 3 | -------------------------------------------------------------------------------- /App/Scss/Util/index.scss: -------------------------------------------------------------------------------- 1 | @forward "variables"; 2 | -------------------------------------------------------------------------------- /App/Scss/base/_container.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/App/Scss/base/_container.scss -------------------------------------------------------------------------------- /App/Scss/base/_reset.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/App/Scss/base/_reset.scss -------------------------------------------------------------------------------- /App/Scss/main.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/App/Scss/main.scss -------------------------------------------------------------------------------- /App/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/App/index.html -------------------------------------------------------------------------------- /Conditional Statement/condition.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/Conditional Statement/condition.scss -------------------------------------------------------------------------------- /Extend & Inheritance/Extend.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/Extend & Inheritance/Extend.scss -------------------------------------------------------------------------------- /Loop/Loop.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/Loop/Loop.scss -------------------------------------------------------------------------------- /Mapping & @each/Map.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/Mapping & @each/Map.scss -------------------------------------------------------------------------------- /Mixin/mixin.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/Mixin/mixin.scss -------------------------------------------------------------------------------- /Nesting/nesting.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/Nesting/nesting.css -------------------------------------------------------------------------------- /Nesting/nesting.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/Nesting/nesting.css.map -------------------------------------------------------------------------------- /Nesting/nesting.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/Nesting/nesting.scss -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/README.md -------------------------------------------------------------------------------- /Variable/variable.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/Variable/variable.css -------------------------------------------------------------------------------- /Variable/variable.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/Variable/variable.css.map -------------------------------------------------------------------------------- /Variable/variable.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/Variable/variable.scss -------------------------------------------------------------------------------- /dist/Extend.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/dist/Extend.css -------------------------------------------------------------------------------- /dist/Extend.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/dist/Extend.css.map -------------------------------------------------------------------------------- /dist/Loop.css: -------------------------------------------------------------------------------- 1 | /*# sourceMappingURL=Loop.css.map */ -------------------------------------------------------------------------------- /dist/Loop.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/dist/Loop.css.map -------------------------------------------------------------------------------- /dist/Map.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/dist/Map.css -------------------------------------------------------------------------------- /dist/Map.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/dist/Map.css.map -------------------------------------------------------------------------------- /dist/condition.css: -------------------------------------------------------------------------------- 1 | h1{font-size:20px}/*# sourceMappingURL=condition.css.map */ -------------------------------------------------------------------------------- /dist/condition.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/dist/condition.css.map -------------------------------------------------------------------------------- /dist/index.css: -------------------------------------------------------------------------------- 1 | /*# sourceMappingURL=index.css.map */ -------------------------------------------------------------------------------- /dist/index.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/dist/index.css.map -------------------------------------------------------------------------------- /dist/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/dist/main.css -------------------------------------------------------------------------------- /dist/main.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/dist/main.css.map -------------------------------------------------------------------------------- /dist/mixin.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/dist/mixin.css -------------------------------------------------------------------------------- /dist/mixin.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/dist/mixin.css.map -------------------------------------------------------------------------------- /dist/nesting.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/dist/nesting.css -------------------------------------------------------------------------------- /dist/nesting.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/dist/nesting.css.map -------------------------------------------------------------------------------- /dist/variable.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/dist/variable.css -------------------------------------------------------------------------------- /dist/variable.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/dist/variable.css.map -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Asfak00/sass-learning/HEAD/index.html --------------------------------------------------------------------------------