├── .gitignore ├── Natours ├── css │ ├── fonts │ │ ├── linea-basic-10.eot │ │ ├── linea-basic-10.svg │ │ ├── linea-basic-10.ttf │ │ └── linea-basic-10.woff │ ├── icon-font.css │ ├── style.comp.css │ ├── style.concat.css │ ├── style.css │ └── style.prefix.css ├── img │ ├── favicon.png │ ├── hero-small.jpg │ ├── hero.jpg │ ├── logo-green-1x.png │ ├── logo-green-2x.png │ ├── logo-green-small-1x.png │ ├── logo-green-small-2x.png │ ├── logo-white.png │ ├── nat-1-large.jpg │ ├── nat-1.jpg │ ├── nat-10.jpg │ ├── nat-2-large.jpg │ ├── nat-2.jpg │ ├── nat-3-large.jpg │ ├── nat-3.jpg │ ├── nat-4.jpg │ ├── nat-5.jpg │ ├── nat-6.jpg │ ├── nat-7.jpg │ ├── nat-8.jpg │ ├── nat-9.jpg │ ├── video.mp4 │ └── video.webm ├── index.html ├── package-lock.json ├── package.json └── sass │ ├── abstracts │ ├── _functions.scss │ ├── _mixins.scss │ └── _variables.scss │ ├── base │ ├── _animations.scss │ ├── _base.scss │ ├── _typography.scss │ └── _utilities.scss │ ├── components │ ├── _bg-video.scss │ ├── _button.scss │ ├── _card.scss │ ├── _composition.scss │ ├── _feature-box.scss │ ├── _form.scss │ ├── _popup.scss │ └── _story.scss │ ├── layouts │ ├── _footer.scss │ ├── _grid.scss │ ├── _header.scss │ └── _navigation.scss │ ├── main.scss │ └── pages │ └── _home.scss ├── Nexter ├── css │ ├── style.comp.css │ ├── style.css │ └── style.prefix.css ├── img │ ├── back.jpg │ ├── favicon.png │ ├── gal-1.jpeg │ ├── gal-10.jpeg │ ├── gal-11.jpeg │ ├── gal-12.jpeg │ ├── gal-13.jpeg │ ├── gal-14.jpeg │ ├── gal-2.jpeg │ ├── gal-3.jpeg │ ├── gal-4.jpeg │ ├── gal-5.jpeg │ ├── gal-6.jpeg │ ├── gal-7.jpeg │ ├── gal-8.jpeg │ ├── gal-9.jpeg │ ├── hero.jpeg │ ├── house-1.jpeg │ ├── house-2.jpeg │ ├── house-3.jpeg │ ├── house-4.jpeg │ ├── house-5.jpeg │ ├── house-6.jpeg │ ├── logo-bbc.png │ ├── logo-bi.png │ ├── logo-forbes.png │ ├── logo-techcrunch.png │ ├── logo.png │ ├── realtor-1.jpeg │ ├── realtor-2.jpeg │ ├── realtor-3.jpeg │ ├── sprite.svg │ ├── story-1.jpeg │ ├── story-2.jpeg │ └── text.txt ├── index.html ├── package-lock.json ├── package.json └── sass │ ├── _base.scss │ ├── _features.scss │ ├── _footer.scss │ ├── _gallery.scss │ ├── _header.scss │ ├── _homes.scss │ ├── _realtors.scss │ ├── _sidebar.scss │ ├── _story.scss │ ├── _typography.scss │ └── main.scss ├── README.md ├── S4 - Introduction to Sass and NPM ├── .sass-cache │ └── 217ca2f2743cd147311de3ec3578ba23919f19f3 │ │ └── styles.scssc ├── index.html ├── styles.css ├── styles.css.map └── styles.scss ├── Trillo └── starter │ ├── css │ ├── style.comp.css │ ├── style.css │ └── style.prefix.css │ ├── img │ ├── SVG │ │ ├── aircraft-take-off.svg │ │ ├── bookmark.svg │ │ ├── chat.svg │ │ ├── chevron-thin-right.svg │ │ ├── home.svg │ │ ├── key.svg │ │ ├── location-pin.svg │ │ ├── magnifying-glass.svg │ │ ├── map.svg │ │ └── star.svg │ ├── chevron-thin-right.svg │ ├── favicon.png │ ├── hotel-1.jpg │ ├── hotel-2.jpg │ ├── hotel-3.jpg │ ├── logo.png │ ├── sprite.svg │ ├── text.txt │ ├── user-1.jpg │ ├── user-2.jpg │ ├── user-3.jpg │ ├── user-4.jpg │ ├── user-5.jpg │ ├── user-6.jpg │ └── user.jpg │ ├── index.html │ ├── package-lock.json │ ├── package.json │ └── sass │ ├── _base.scss │ ├── _components.scss │ ├── _layout.scss │ └── main.scss ├── npm-fixes.md ├── slides-students-C04.pdf └── vscode-setup.md /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ -------------------------------------------------------------------------------- /Natours/css/fonts/linea-basic-10.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/css/fonts/linea-basic-10.eot -------------------------------------------------------------------------------- /Natours/css/fonts/linea-basic-10.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/css/fonts/linea-basic-10.svg -------------------------------------------------------------------------------- /Natours/css/fonts/linea-basic-10.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/css/fonts/linea-basic-10.ttf -------------------------------------------------------------------------------- /Natours/css/fonts/linea-basic-10.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/css/fonts/linea-basic-10.woff -------------------------------------------------------------------------------- /Natours/css/icon-font.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/css/icon-font.css -------------------------------------------------------------------------------- /Natours/css/style.comp.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/css/style.comp.css -------------------------------------------------------------------------------- /Natours/css/style.concat.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/css/style.concat.css -------------------------------------------------------------------------------- /Natours/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/css/style.css -------------------------------------------------------------------------------- /Natours/css/style.prefix.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/css/style.prefix.css -------------------------------------------------------------------------------- /Natours/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/favicon.png -------------------------------------------------------------------------------- /Natours/img/hero-small.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/hero-small.jpg -------------------------------------------------------------------------------- /Natours/img/hero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/hero.jpg -------------------------------------------------------------------------------- /Natours/img/logo-green-1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/logo-green-1x.png -------------------------------------------------------------------------------- /Natours/img/logo-green-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/logo-green-2x.png -------------------------------------------------------------------------------- /Natours/img/logo-green-small-1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/logo-green-small-1x.png -------------------------------------------------------------------------------- /Natours/img/logo-green-small-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/logo-green-small-2x.png -------------------------------------------------------------------------------- /Natours/img/logo-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/logo-white.png -------------------------------------------------------------------------------- /Natours/img/nat-1-large.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/nat-1-large.jpg -------------------------------------------------------------------------------- /Natours/img/nat-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/nat-1.jpg -------------------------------------------------------------------------------- /Natours/img/nat-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/nat-10.jpg -------------------------------------------------------------------------------- /Natours/img/nat-2-large.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/nat-2-large.jpg -------------------------------------------------------------------------------- /Natours/img/nat-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/nat-2.jpg -------------------------------------------------------------------------------- /Natours/img/nat-3-large.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/nat-3-large.jpg -------------------------------------------------------------------------------- /Natours/img/nat-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/nat-3.jpg -------------------------------------------------------------------------------- /Natours/img/nat-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/nat-4.jpg -------------------------------------------------------------------------------- /Natours/img/nat-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/nat-5.jpg -------------------------------------------------------------------------------- /Natours/img/nat-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/nat-6.jpg -------------------------------------------------------------------------------- /Natours/img/nat-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/nat-7.jpg -------------------------------------------------------------------------------- /Natours/img/nat-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/nat-8.jpg -------------------------------------------------------------------------------- /Natours/img/nat-9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/nat-9.jpg -------------------------------------------------------------------------------- /Natours/img/video.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/video.mp4 -------------------------------------------------------------------------------- /Natours/img/video.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/img/video.webm -------------------------------------------------------------------------------- /Natours/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/index.html -------------------------------------------------------------------------------- /Natours/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/package-lock.json -------------------------------------------------------------------------------- /Natours/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/package.json -------------------------------------------------------------------------------- /Natours/sass/abstracts/_functions.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Natours/sass/abstracts/_mixins.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/abstracts/_mixins.scss -------------------------------------------------------------------------------- /Natours/sass/abstracts/_variables.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/abstracts/_variables.scss -------------------------------------------------------------------------------- /Natours/sass/base/_animations.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/base/_animations.scss -------------------------------------------------------------------------------- /Natours/sass/base/_base.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/base/_base.scss -------------------------------------------------------------------------------- /Natours/sass/base/_typography.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/base/_typography.scss -------------------------------------------------------------------------------- /Natours/sass/base/_utilities.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/base/_utilities.scss -------------------------------------------------------------------------------- /Natours/sass/components/_bg-video.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/components/_bg-video.scss -------------------------------------------------------------------------------- /Natours/sass/components/_button.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/components/_button.scss -------------------------------------------------------------------------------- /Natours/sass/components/_card.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/components/_card.scss -------------------------------------------------------------------------------- /Natours/sass/components/_composition.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/components/_composition.scss -------------------------------------------------------------------------------- /Natours/sass/components/_feature-box.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/components/_feature-box.scss -------------------------------------------------------------------------------- /Natours/sass/components/_form.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/components/_form.scss -------------------------------------------------------------------------------- /Natours/sass/components/_popup.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/components/_popup.scss -------------------------------------------------------------------------------- /Natours/sass/components/_story.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/components/_story.scss -------------------------------------------------------------------------------- /Natours/sass/layouts/_footer.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/layouts/_footer.scss -------------------------------------------------------------------------------- /Natours/sass/layouts/_grid.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/layouts/_grid.scss -------------------------------------------------------------------------------- /Natours/sass/layouts/_header.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/layouts/_header.scss -------------------------------------------------------------------------------- /Natours/sass/layouts/_navigation.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/layouts/_navigation.scss -------------------------------------------------------------------------------- /Natours/sass/main.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/main.scss -------------------------------------------------------------------------------- /Natours/sass/pages/_home.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Natours/sass/pages/_home.scss -------------------------------------------------------------------------------- /Nexter/css/style.comp.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/css/style.comp.css -------------------------------------------------------------------------------- /Nexter/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/css/style.css -------------------------------------------------------------------------------- /Nexter/css/style.prefix.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/css/style.prefix.css -------------------------------------------------------------------------------- /Nexter/img/back.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/back.jpg -------------------------------------------------------------------------------- /Nexter/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/favicon.png -------------------------------------------------------------------------------- /Nexter/img/gal-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/gal-1.jpeg -------------------------------------------------------------------------------- /Nexter/img/gal-10.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/gal-10.jpeg -------------------------------------------------------------------------------- /Nexter/img/gal-11.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/gal-11.jpeg -------------------------------------------------------------------------------- /Nexter/img/gal-12.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/gal-12.jpeg -------------------------------------------------------------------------------- /Nexter/img/gal-13.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/gal-13.jpeg -------------------------------------------------------------------------------- /Nexter/img/gal-14.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/gal-14.jpeg -------------------------------------------------------------------------------- /Nexter/img/gal-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/gal-2.jpeg -------------------------------------------------------------------------------- /Nexter/img/gal-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/gal-3.jpeg -------------------------------------------------------------------------------- /Nexter/img/gal-4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/gal-4.jpeg -------------------------------------------------------------------------------- /Nexter/img/gal-5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/gal-5.jpeg -------------------------------------------------------------------------------- /Nexter/img/gal-6.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/gal-6.jpeg -------------------------------------------------------------------------------- /Nexter/img/gal-7.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/gal-7.jpeg -------------------------------------------------------------------------------- /Nexter/img/gal-8.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/gal-8.jpeg -------------------------------------------------------------------------------- /Nexter/img/gal-9.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/gal-9.jpeg -------------------------------------------------------------------------------- /Nexter/img/hero.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/hero.jpeg -------------------------------------------------------------------------------- /Nexter/img/house-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/house-1.jpeg -------------------------------------------------------------------------------- /Nexter/img/house-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/house-2.jpeg -------------------------------------------------------------------------------- /Nexter/img/house-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/house-3.jpeg -------------------------------------------------------------------------------- /Nexter/img/house-4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/house-4.jpeg -------------------------------------------------------------------------------- /Nexter/img/house-5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/house-5.jpeg -------------------------------------------------------------------------------- /Nexter/img/house-6.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/house-6.jpeg -------------------------------------------------------------------------------- /Nexter/img/logo-bbc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/logo-bbc.png -------------------------------------------------------------------------------- /Nexter/img/logo-bi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/logo-bi.png -------------------------------------------------------------------------------- /Nexter/img/logo-forbes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/logo-forbes.png -------------------------------------------------------------------------------- /Nexter/img/logo-techcrunch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/logo-techcrunch.png -------------------------------------------------------------------------------- /Nexter/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/logo.png -------------------------------------------------------------------------------- /Nexter/img/realtor-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/realtor-1.jpeg -------------------------------------------------------------------------------- /Nexter/img/realtor-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/realtor-2.jpeg -------------------------------------------------------------------------------- /Nexter/img/realtor-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/realtor-3.jpeg -------------------------------------------------------------------------------- /Nexter/img/sprite.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/sprite.svg -------------------------------------------------------------------------------- /Nexter/img/story-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/story-1.jpeg -------------------------------------------------------------------------------- /Nexter/img/story-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/story-2.jpeg -------------------------------------------------------------------------------- /Nexter/img/text.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/img/text.txt -------------------------------------------------------------------------------- /Nexter/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/index.html -------------------------------------------------------------------------------- /Nexter/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/package-lock.json -------------------------------------------------------------------------------- /Nexter/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/package.json -------------------------------------------------------------------------------- /Nexter/sass/_base.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/sass/_base.scss -------------------------------------------------------------------------------- /Nexter/sass/_features.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/sass/_features.scss -------------------------------------------------------------------------------- /Nexter/sass/_footer.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/sass/_footer.scss -------------------------------------------------------------------------------- /Nexter/sass/_gallery.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/sass/_gallery.scss -------------------------------------------------------------------------------- /Nexter/sass/_header.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/sass/_header.scss -------------------------------------------------------------------------------- /Nexter/sass/_homes.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/sass/_homes.scss -------------------------------------------------------------------------------- /Nexter/sass/_realtors.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/sass/_realtors.scss -------------------------------------------------------------------------------- /Nexter/sass/_sidebar.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/sass/_sidebar.scss -------------------------------------------------------------------------------- /Nexter/sass/_story.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/sass/_story.scss -------------------------------------------------------------------------------- /Nexter/sass/_typography.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/sass/_typography.scss -------------------------------------------------------------------------------- /Nexter/sass/main.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Nexter/sass/main.scss -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/README.md -------------------------------------------------------------------------------- /S4 - Introduction to Sass and NPM/.sass-cache/217ca2f2743cd147311de3ec3578ba23919f19f3/styles.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/S4 - Introduction to Sass and NPM/.sass-cache/217ca2f2743cd147311de3ec3578ba23919f19f3/styles.scssc -------------------------------------------------------------------------------- /S4 - Introduction to Sass and NPM/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/S4 - Introduction to Sass and NPM/index.html -------------------------------------------------------------------------------- /S4 - Introduction to Sass and NPM/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/S4 - Introduction to Sass and NPM/styles.css -------------------------------------------------------------------------------- /S4 - Introduction to Sass and NPM/styles.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/S4 - Introduction to Sass and NPM/styles.css.map -------------------------------------------------------------------------------- /S4 - Introduction to Sass and NPM/styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/S4 - Introduction to Sass and NPM/styles.scss -------------------------------------------------------------------------------- /Trillo/starter/css/style.comp.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/css/style.comp.css -------------------------------------------------------------------------------- /Trillo/starter/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/css/style.css -------------------------------------------------------------------------------- /Trillo/starter/css/style.prefix.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/css/style.prefix.css -------------------------------------------------------------------------------- /Trillo/starter/img/SVG/aircraft-take-off.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/SVG/aircraft-take-off.svg -------------------------------------------------------------------------------- /Trillo/starter/img/SVG/bookmark.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/SVG/bookmark.svg -------------------------------------------------------------------------------- /Trillo/starter/img/SVG/chat.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/SVG/chat.svg -------------------------------------------------------------------------------- /Trillo/starter/img/SVG/chevron-thin-right.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/SVG/chevron-thin-right.svg -------------------------------------------------------------------------------- /Trillo/starter/img/SVG/home.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/SVG/home.svg -------------------------------------------------------------------------------- /Trillo/starter/img/SVG/key.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/SVG/key.svg -------------------------------------------------------------------------------- /Trillo/starter/img/SVG/location-pin.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/SVG/location-pin.svg -------------------------------------------------------------------------------- /Trillo/starter/img/SVG/magnifying-glass.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/SVG/magnifying-glass.svg -------------------------------------------------------------------------------- /Trillo/starter/img/SVG/map.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/SVG/map.svg -------------------------------------------------------------------------------- /Trillo/starter/img/SVG/star.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/SVG/star.svg -------------------------------------------------------------------------------- /Trillo/starter/img/chevron-thin-right.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/chevron-thin-right.svg -------------------------------------------------------------------------------- /Trillo/starter/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/favicon.png -------------------------------------------------------------------------------- /Trillo/starter/img/hotel-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/hotel-1.jpg -------------------------------------------------------------------------------- /Trillo/starter/img/hotel-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/hotel-2.jpg -------------------------------------------------------------------------------- /Trillo/starter/img/hotel-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/hotel-3.jpg -------------------------------------------------------------------------------- /Trillo/starter/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/logo.png -------------------------------------------------------------------------------- /Trillo/starter/img/sprite.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/sprite.svg -------------------------------------------------------------------------------- /Trillo/starter/img/text.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/text.txt -------------------------------------------------------------------------------- /Trillo/starter/img/user-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/user-1.jpg -------------------------------------------------------------------------------- /Trillo/starter/img/user-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/user-2.jpg -------------------------------------------------------------------------------- /Trillo/starter/img/user-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/user-3.jpg -------------------------------------------------------------------------------- /Trillo/starter/img/user-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/user-4.jpg -------------------------------------------------------------------------------- /Trillo/starter/img/user-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/user-5.jpg -------------------------------------------------------------------------------- /Trillo/starter/img/user-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/user-6.jpg -------------------------------------------------------------------------------- /Trillo/starter/img/user.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/img/user.jpg -------------------------------------------------------------------------------- /Trillo/starter/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/index.html -------------------------------------------------------------------------------- /Trillo/starter/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/package-lock.json -------------------------------------------------------------------------------- /Trillo/starter/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/package.json -------------------------------------------------------------------------------- /Trillo/starter/sass/_base.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/sass/_base.scss -------------------------------------------------------------------------------- /Trillo/starter/sass/_components.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/sass/_components.scss -------------------------------------------------------------------------------- /Trillo/starter/sass/_layout.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/sass/_layout.scss -------------------------------------------------------------------------------- /Trillo/starter/sass/main.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/Trillo/starter/sass/main.scss -------------------------------------------------------------------------------- /npm-fixes.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/npm-fixes.md -------------------------------------------------------------------------------- /slides-students-C04.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/slides-students-C04.pdf -------------------------------------------------------------------------------- /vscode-setup.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mzedlach/Advanced-CSS-and-Sass-Flexbox-Grid-Animations-and-More/HEAD/vscode-setup.md --------------------------------------------------------------------------------