├── .gitattributes ├── LICENSE ├── Maxime Tremblay - AUSOUG - Advanced CSS Techniques.pdf ├── Maxime Tremblay - Kscope18 - Advanced CSS Techniques.pdf ├── README.md └── demo_app ├── askMax - APEX Advanced CSS.sql ├── dist ├── css │ ├── apexPrintStylesheet.css │ ├── apexPrintStylesheet.css.map │ ├── apexPrintStylesheet.min.css │ ├── app.css │ ├── app.css.map │ └── app.min.css ├── images │ ├── code_icon.png │ ├── login-bg.jpg │ └── profile.jpg ├── js │ ├── app.js │ ├── app.js.map │ └── app.min.js └── lib │ ├── font-awesome-animation │ └── 0.1.0 │ │ ├── font-awesome-animation.css │ │ └── font-awesome-animation.min.css │ └── prism │ └── 1.12.2 │ ├── prism.css │ └── prism.js └── src ├── images ├── code_icon.png ├── login-bg.jpg └── profile.jpg ├── js ├── global.js ├── p1000.js ├── p101.js ├── p1200.js ├── p1300.js ├── p1400.js ├── p2100.js ├── p2200.js ├── p2300.js ├── p2600.js └── p2700.js ├── lib ├── font-awesome-animation │ └── 0.1.0 │ │ ├── font-awesome-animation.css │ │ └── font-awesome-animation.min.css └── prism │ └── 1.12.2 │ ├── prism.css │ └── prism.js └── scss ├── apexPrintStylesheet.scss ├── app.scss ├── base ├── _global.scss ├── _mixins.scss └── _variables.scss ├── component ├── _burger.scss ├── _buttons.scss ├── _items.scss └── _responsive.scss ├── layout ├── _dialog_page.scss ├── _footer.scss ├── _header.scss ├── _login_page.scss ├── _navigation.scss ├── _navigationPrint.scss ├── _overlay-sidemenu-apex51.scss └── _standard_page.scss └── page ├── _p1.scss ├── _p1000.scss ├── _p101.scss ├── _p1100.scss ├── _p1200.scss ├── _p1300.scss ├── _p1400.scss ├── _p1500.scss ├── _p1700.scss ├── _p1800.scss ├── _p2200.scss ├── _p2300.scss ├── _p2500.scss ├── _p2600.scss └── _p2700.scss /.gitattributes: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/.gitattributes -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/LICENSE -------------------------------------------------------------------------------- /Maxime Tremblay - AUSOUG - Advanced CSS Techniques.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/Maxime Tremblay - AUSOUG - Advanced CSS Techniques.pdf -------------------------------------------------------------------------------- /Maxime Tremblay - Kscope18 - Advanced CSS Techniques.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/Maxime Tremblay - Kscope18 - Advanced CSS Techniques.pdf -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/README.md -------------------------------------------------------------------------------- /demo_app/askMax - APEX Advanced CSS.sql: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/askMax - APEX Advanced CSS.sql -------------------------------------------------------------------------------- /demo_app/dist/css/apexPrintStylesheet.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/css/apexPrintStylesheet.css -------------------------------------------------------------------------------- /demo_app/dist/css/apexPrintStylesheet.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/css/apexPrintStylesheet.css.map -------------------------------------------------------------------------------- /demo_app/dist/css/apexPrintStylesheet.min.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/css/apexPrintStylesheet.min.css -------------------------------------------------------------------------------- /demo_app/dist/css/app.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/css/app.css -------------------------------------------------------------------------------- /demo_app/dist/css/app.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/css/app.css.map -------------------------------------------------------------------------------- /demo_app/dist/css/app.min.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/css/app.min.css -------------------------------------------------------------------------------- /demo_app/dist/images/code_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/images/code_icon.png -------------------------------------------------------------------------------- /demo_app/dist/images/login-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/images/login-bg.jpg -------------------------------------------------------------------------------- /demo_app/dist/images/profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/images/profile.jpg -------------------------------------------------------------------------------- /demo_app/dist/js/app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/js/app.js -------------------------------------------------------------------------------- /demo_app/dist/js/app.js.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/js/app.js.map -------------------------------------------------------------------------------- /demo_app/dist/js/app.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/js/app.min.js -------------------------------------------------------------------------------- /demo_app/dist/lib/font-awesome-animation/0.1.0/font-awesome-animation.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/lib/font-awesome-animation/0.1.0/font-awesome-animation.css -------------------------------------------------------------------------------- /demo_app/dist/lib/font-awesome-animation/0.1.0/font-awesome-animation.min.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/lib/font-awesome-animation/0.1.0/font-awesome-animation.min.css -------------------------------------------------------------------------------- /demo_app/dist/lib/prism/1.12.2/prism.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/lib/prism/1.12.2/prism.css -------------------------------------------------------------------------------- /demo_app/dist/lib/prism/1.12.2/prism.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/dist/lib/prism/1.12.2/prism.js -------------------------------------------------------------------------------- /demo_app/src/images/code_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/images/code_icon.png -------------------------------------------------------------------------------- /demo_app/src/images/login-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/images/login-bg.jpg -------------------------------------------------------------------------------- /demo_app/src/images/profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/images/profile.jpg -------------------------------------------------------------------------------- /demo_app/src/js/global.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/js/global.js -------------------------------------------------------------------------------- /demo_app/src/js/p1000.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/js/p1000.js -------------------------------------------------------------------------------- /demo_app/src/js/p101.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/js/p101.js -------------------------------------------------------------------------------- /demo_app/src/js/p1200.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/js/p1200.js -------------------------------------------------------------------------------- /demo_app/src/js/p1300.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/js/p1300.js -------------------------------------------------------------------------------- /demo_app/src/js/p1400.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/js/p1400.js -------------------------------------------------------------------------------- /demo_app/src/js/p2100.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/js/p2100.js -------------------------------------------------------------------------------- /demo_app/src/js/p2200.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/js/p2200.js -------------------------------------------------------------------------------- /demo_app/src/js/p2300.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/js/p2300.js -------------------------------------------------------------------------------- /demo_app/src/js/p2600.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/js/p2600.js -------------------------------------------------------------------------------- /demo_app/src/js/p2700.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/js/p2700.js -------------------------------------------------------------------------------- /demo_app/src/lib/font-awesome-animation/0.1.0/font-awesome-animation.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/lib/font-awesome-animation/0.1.0/font-awesome-animation.css -------------------------------------------------------------------------------- /demo_app/src/lib/font-awesome-animation/0.1.0/font-awesome-animation.min.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/lib/font-awesome-animation/0.1.0/font-awesome-animation.min.css -------------------------------------------------------------------------------- /demo_app/src/lib/prism/1.12.2/prism.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/lib/prism/1.12.2/prism.css -------------------------------------------------------------------------------- /demo_app/src/lib/prism/1.12.2/prism.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/lib/prism/1.12.2/prism.js -------------------------------------------------------------------------------- /demo_app/src/scss/apexPrintStylesheet.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/apexPrintStylesheet.scss -------------------------------------------------------------------------------- /demo_app/src/scss/app.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/app.scss -------------------------------------------------------------------------------- /demo_app/src/scss/base/_global.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /demo_app/src/scss/base/_mixins.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/base/_mixins.scss -------------------------------------------------------------------------------- /demo_app/src/scss/base/_variables.scss: -------------------------------------------------------------------------------- 1 | $header-height: 48px; -------------------------------------------------------------------------------- /demo_app/src/scss/component/_burger.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/component/_burger.scss -------------------------------------------------------------------------------- /demo_app/src/scss/component/_buttons.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /demo_app/src/scss/component/_items.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/component/_items.scss -------------------------------------------------------------------------------- /demo_app/src/scss/component/_responsive.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/component/_responsive.scss -------------------------------------------------------------------------------- /demo_app/src/scss/layout/_dialog_page.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/layout/_dialog_page.scss -------------------------------------------------------------------------------- /demo_app/src/scss/layout/_footer.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/layout/_footer.scss -------------------------------------------------------------------------------- /demo_app/src/scss/layout/_header.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/layout/_header.scss -------------------------------------------------------------------------------- /demo_app/src/scss/layout/_login_page.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/layout/_login_page.scss -------------------------------------------------------------------------------- /demo_app/src/scss/layout/_navigation.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/layout/_navigation.scss -------------------------------------------------------------------------------- /demo_app/src/scss/layout/_navigationPrint.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/layout/_navigationPrint.scss -------------------------------------------------------------------------------- /demo_app/src/scss/layout/_overlay-sidemenu-apex51.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/layout/_overlay-sidemenu-apex51.scss -------------------------------------------------------------------------------- /demo_app/src/scss/layout/_standard_page.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/layout/_standard_page.scss -------------------------------------------------------------------------------- /demo_app/src/scss/page/_p1.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/page/_p1.scss -------------------------------------------------------------------------------- /demo_app/src/scss/page/_p1000.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/page/_p1000.scss -------------------------------------------------------------------------------- /demo_app/src/scss/page/_p101.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/page/_p101.scss -------------------------------------------------------------------------------- /demo_app/src/scss/page/_p1100.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/page/_p1100.scss -------------------------------------------------------------------------------- /demo_app/src/scss/page/_p1200.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/page/_p1200.scss -------------------------------------------------------------------------------- /demo_app/src/scss/page/_p1300.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/page/_p1300.scss -------------------------------------------------------------------------------- /demo_app/src/scss/page/_p1400.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/page/_p1400.scss -------------------------------------------------------------------------------- /demo_app/src/scss/page/_p1500.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/page/_p1500.scss -------------------------------------------------------------------------------- /demo_app/src/scss/page/_p1700.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/page/_p1700.scss -------------------------------------------------------------------------------- /demo_app/src/scss/page/_p1800.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/page/_p1800.scss -------------------------------------------------------------------------------- /demo_app/src/scss/page/_p2200.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/page/_p2200.scss -------------------------------------------------------------------------------- /demo_app/src/scss/page/_p2300.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/page/_p2300.scss -------------------------------------------------------------------------------- /demo_app/src/scss/page/_p2500.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/page/_p2500.scss -------------------------------------------------------------------------------- /demo_app/src/scss/page/_p2600.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/page/_p2600.scss -------------------------------------------------------------------------------- /demo_app/src/scss/page/_p2700.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/maxime-tremblay/APEX-Advanced-CSS/HEAD/demo_app/src/scss/page/_p2700.scss --------------------------------------------------------------------------------