├── src ├── scss │ ├── pages │ │ ├── _contact.scss │ │ ├── _home.scss │ │ ├── _styleguide.scss │ │ ├── _wishlist.scss │ │ ├── _order.scss │ │ ├── _forget-password.scss │ │ ├── _cart.scss │ │ ├── _deliver-info.scss │ │ └── _verify.scss │ ├── themes │ │ └── _theme.scss │ ├── components │ │ ├── _orderitem.scss │ │ ├── _buttons.scss │ │ ├── _form.scss │ │ ├── _productcategory.scss │ │ └── _product-item.scss │ ├── abstracts │ │ ├── _functions.scss │ │ └── _variables.scss │ ├── vendors │ │ ├── bootstrap │ │ │ └── scss │ │ │ │ ├── utilities │ │ │ │ ├── _clearfix.scss │ │ │ │ ├── _overflow.scss │ │ │ │ ├── _interactions.scss │ │ │ │ ├── _screenreaders.scss │ │ │ │ ├── _visibility.scss │ │ │ │ ├── _shadows.scss │ │ │ │ ├── _float.scss │ │ │ │ ├── _align.scss │ │ │ │ ├── _background.scss │ │ │ │ ├── _stretched-link.scss │ │ │ │ ├── _sizing.scss │ │ │ │ ├── _position.scss │ │ │ │ ├── _display.scss │ │ │ │ ├── _embed.scss │ │ │ │ ├── _borders.scss │ │ │ │ ├── _spacing.scss │ │ │ │ ├── _text.scss │ │ │ │ └── _flex.scss │ │ │ │ ├── _media.scss │ │ │ │ ├── mixins │ │ │ │ ├── _clearfix.scss │ │ │ │ ├── _size.scss │ │ │ │ ├── _lists.scss │ │ │ │ ├── _text-truncate.scss │ │ │ │ ├── _resize.scss │ │ │ │ ├── _visibility.scss │ │ │ │ ├── _alert.scss │ │ │ │ ├── _text-hide.scss │ │ │ │ ├── _badge.scss │ │ │ │ ├── _nav-divider.scss │ │ │ │ ├── _float.scss │ │ │ │ ├── _list-group.scss │ │ │ │ ├── _text-emphasis.scss │ │ │ │ ├── _reset-text.scss │ │ │ │ ├── _pagination.scss │ │ │ │ ├── _box-shadow.scss │ │ │ │ ├── _deprecate.scss │ │ │ │ ├── _transition.scss │ │ │ │ ├── _background-variant.scss │ │ │ │ ├── _hover.scss │ │ │ │ ├── _table-row.scss │ │ │ │ ├── _screen-reader.scss │ │ │ │ ├── _image.scss │ │ │ │ ├── _caret.scss │ │ │ │ ├── _border-radius.scss │ │ │ │ ├── _gradients.scss │ │ │ │ ├── _grid.scss │ │ │ │ ├── _grid-framework.scss │ │ │ │ ├── _buttons.scss │ │ │ │ └── _breakpoints.scss │ │ │ │ ├── _transitions.scss │ │ │ │ ├── bootstrap-reboot.scss │ │ │ │ ├── _jumbotron.scss │ │ │ │ ├── _utilities.scss │ │ │ │ ├── bootstrap-grid.scss │ │ │ │ ├── _root.scss │ │ │ │ ├── _close.scss │ │ │ │ ├── bootstrap.scss │ │ │ │ ├── _code.scss │ │ │ │ ├── _mixins.scss │ │ │ │ ├── _toasts.scss │ │ │ │ ├── _images.scss │ │ │ │ ├── _spinners.scss │ │ │ │ ├── _badge.scss │ │ │ │ ├── _progress.scss │ │ │ │ ├── _alert.scss │ │ │ │ ├── _breadcrumb.scss │ │ │ │ ├── _grid.scss │ │ │ │ ├── _pagination.scss │ │ │ │ ├── _nav.scss │ │ │ │ ├── _type.scss │ │ │ │ ├── _tooltip.scss │ │ │ │ ├── _buttons.scss │ │ │ │ ├── _print.scss │ │ │ │ ├── _button-group.scss │ │ │ │ ├── _tables.scss │ │ │ │ ├── _list-group.scss │ │ │ │ ├── _functions.scss │ │ │ │ └── _dropdown.scss │ │ ├── fontawesome │ │ │ └── webfonts │ │ │ │ ├── fa-solid-900.eot │ │ │ │ ├── fa-solid-900.ttf │ │ │ │ ├── fa-brands-400.eot │ │ │ │ ├── fa-brands-400.ttf │ │ │ │ ├── fa-brands-400.woff │ │ │ │ ├── fa-regular-400.eot │ │ │ │ ├── fa-regular-400.ttf │ │ │ │ ├── fa-solid-900.woff │ │ │ │ ├── fa-solid-900.woff2 │ │ │ │ ├── fa-brands-400.woff2 │ │ │ │ ├── fa-regular-400.woff │ │ │ │ └── fa-regular-400.woff2 │ │ └── plugin │ │ │ ├── css │ │ │ ├── wan-spinner.css │ │ │ ├── slick.css │ │ │ └── nice-select.css │ │ │ └── js │ │ │ ├── jquery.nice-select.min.js │ │ │ └── wan-spinner.js │ ├── base │ │ ├── _typography.scss │ │ └── _reset.scss │ ├── layout │ │ ├── _brand.scss │ │ ├── _card-price.scss │ │ ├── _breadcrumb.scss │ │ ├── _banner.scss │ │ └── _features.scss │ └── main.scss └── js │ └── main.js ├── .babelrc ├── .gitignore ├── .vscode └── settings.json ├── dist ├── images │ ├── Logo.png │ ├── bag-2.jpg │ ├── watch.jpg │ ├── banner.jpg │ ├── brand │ │ ├── 01.png │ │ ├── 02.png │ │ ├── 03.png │ │ ├── 04.png │ │ └── 05.png │ ├── logo │ │ ├── logo.png │ │ └── white.png │ ├── nike-shoe.jpg │ ├── product │ │ ├── 01.jpg │ │ ├── 02.jpg │ │ ├── 03.jpg │ │ ├── 04.jpg │ │ ├── 05.jpg │ │ ├── 06.jpg │ │ ├── 07.jpg │ │ ├── 08.jpg │ │ ├── 09.jpg │ │ └── cart.svg │ ├── screenshot.png │ ├── white-logo.png │ ├── black-camera.jpg │ ├── digital-shoe.jpg │ ├── green-small.jpg │ ├── green-tissue.jpg │ ├── grocery-item.jpg │ ├── categorys │ │ ├── drone.jpg │ │ ├── chosma.jpg │ │ ├── iphone.jpg │ │ ├── jumper.jpg │ │ ├── headphone.jpg │ │ ├── wool-shoe.jpg │ │ ├── electronics.jpg │ │ └── tree dasher.jpg │ ├── feature │ │ ├── tissue.jpg │ │ ├── headphone.jpg │ │ ├── medicine.jpg │ │ └── multi-products.jpg │ ├── product-deatils │ │ ├── 1-big-mage.jpg │ │ ├── 2-big-image.jpg │ │ ├── 3-big-image.jpg │ │ ├── 4-big-image.jpg │ │ ├── 1-small-image.jpg │ │ ├── 2-small-image.jpg │ │ ├── 3 Small Image.jpg │ │ └── 4-small-image.jpg │ ├── account │ │ ├── facebook.svg │ │ ├── twitter.svg │ │ └── search.svg │ └── company-image │ │ ├── visa.svg │ │ ├── apple.svg │ │ ├── logo.svg │ │ └── masterclass.svg └── fonts │ ├── fa-brands-400.57dcda6f368ea90179f75cbdae96c263.eot │ ├── fa-brands-400.9ec698d1a597bff5df337094b71ddaaf.ttf │ ├── fa-solid-900.75f38a159982b6bd1704891332d95fa7.ttf │ ├── fa-solid-900.89e02bae13c9131c7468b1e729339ac1.eot │ ├── fa-solid-900.cdfec5cf5e9840889790bcf2c4042583.woff │ ├── fa-brands-400.067595ad77ecc0db9c81c8905a7eef32.woff2 │ ├── fa-brands-400.b564da88bbf0c4aa446fa19653713cd1.woff │ ├── fa-regular-400.3351f435b3c9037fd88aeb04dc1e43bc.eot │ ├── fa-regular-400.4165c2688309cbfb1b877caf8f75afb5.woff2 │ ├── fa-regular-400.73cf49a2232c06c920b7a34e36bfb58c.woff │ ├── fa-regular-400.a0e3ac82940c1998c5977fd4bc1f5ef6.ttf │ └── fa-solid-900.55eb2a60e8181f0e68b558c991973bf0.woff2 ├── postcss.config.js ├── debug.log ├── package.json ├── LICENSE ├── README.md └── webpack.config.js /src/scss/pages/_contact.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/scss/pages/_home.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/scss/themes/_theme.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/scss/pages/_styleguide.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/scss/components/_orderitem.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-env"] 3 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /dist/images/Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/Logo.png -------------------------------------------------------------------------------- /dist/images/bag-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/bag-2.jpg -------------------------------------------------------------------------------- /dist/images/watch.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/watch.jpg -------------------------------------------------------------------------------- /dist/images/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/banner.jpg -------------------------------------------------------------------------------- /dist/images/brand/01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/brand/01.png -------------------------------------------------------------------------------- /dist/images/brand/02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/brand/02.png -------------------------------------------------------------------------------- /dist/images/brand/03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/brand/03.png -------------------------------------------------------------------------------- /dist/images/brand/04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/brand/04.png -------------------------------------------------------------------------------- /dist/images/brand/05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/brand/05.png -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: [ 3 | require('autoprefixer') 4 | ] 5 | }; -------------------------------------------------------------------------------- /src/scss/abstracts/_functions.scss: -------------------------------------------------------------------------------- 1 | @mixin animate($value) { 2 | transition: all $value ease-out; 3 | } -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/utilities/_clearfix.scss: -------------------------------------------------------------------------------- 1 | .clearfix { 2 | @include clearfix(); 3 | } 4 | -------------------------------------------------------------------------------- /dist/images/logo/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/logo/logo.png -------------------------------------------------------------------------------- /dist/images/logo/white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/logo/white.png -------------------------------------------------------------------------------- /dist/images/nike-shoe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/nike-shoe.jpg -------------------------------------------------------------------------------- /dist/images/product/01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product/01.jpg -------------------------------------------------------------------------------- /dist/images/product/02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product/02.jpg -------------------------------------------------------------------------------- /dist/images/product/03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product/03.jpg -------------------------------------------------------------------------------- /dist/images/product/04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product/04.jpg -------------------------------------------------------------------------------- /dist/images/product/05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product/05.jpg -------------------------------------------------------------------------------- /dist/images/product/06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product/06.jpg -------------------------------------------------------------------------------- /dist/images/product/07.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product/07.jpg -------------------------------------------------------------------------------- /dist/images/product/08.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product/08.jpg -------------------------------------------------------------------------------- /dist/images/product/09.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product/09.jpg -------------------------------------------------------------------------------- /dist/images/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/screenshot.png -------------------------------------------------------------------------------- /dist/images/white-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/white-logo.png -------------------------------------------------------------------------------- /dist/images/black-camera.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/black-camera.jpg -------------------------------------------------------------------------------- /dist/images/digital-shoe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/digital-shoe.jpg -------------------------------------------------------------------------------- /dist/images/green-small.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/green-small.jpg -------------------------------------------------------------------------------- /dist/images/green-tissue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/green-tissue.jpg -------------------------------------------------------------------------------- /dist/images/grocery-item.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/grocery-item.jpg -------------------------------------------------------------------------------- /dist/images/categorys/drone.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/categorys/drone.jpg -------------------------------------------------------------------------------- /dist/images/feature/tissue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/feature/tissue.jpg -------------------------------------------------------------------------------- /dist/images/categorys/chosma.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/categorys/chosma.jpg -------------------------------------------------------------------------------- /dist/images/categorys/iphone.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/categorys/iphone.jpg -------------------------------------------------------------------------------- /dist/images/categorys/jumper.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/categorys/jumper.jpg -------------------------------------------------------------------------------- /dist/images/feature/headphone.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/feature/headphone.jpg -------------------------------------------------------------------------------- /dist/images/feature/medicine.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/feature/medicine.jpg -------------------------------------------------------------------------------- /debug.log: -------------------------------------------------------------------------------- 1 | [0112/180743.102:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3) 2 | -------------------------------------------------------------------------------- /dist/images/categorys/headphone.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/categorys/headphone.jpg -------------------------------------------------------------------------------- /dist/images/categorys/wool-shoe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/categorys/wool-shoe.jpg -------------------------------------------------------------------------------- /dist/images/categorys/electronics.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/categorys/electronics.jpg -------------------------------------------------------------------------------- /dist/images/categorys/tree dasher.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/categorys/tree dasher.jpg -------------------------------------------------------------------------------- /dist/images/feature/multi-products.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/feature/multi-products.jpg -------------------------------------------------------------------------------- /dist/images/product-deatils/1-big-mage.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product-deatils/1-big-mage.jpg -------------------------------------------------------------------------------- /dist/images/product-deatils/2-big-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product-deatils/2-big-image.jpg -------------------------------------------------------------------------------- /dist/images/product-deatils/3-big-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product-deatils/3-big-image.jpg -------------------------------------------------------------------------------- /dist/images/product-deatils/4-big-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product-deatils/4-big-image.jpg -------------------------------------------------------------------------------- /dist/images/product-deatils/1-small-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product-deatils/1-small-image.jpg -------------------------------------------------------------------------------- /dist/images/product-deatils/2-small-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product-deatils/2-small-image.jpg -------------------------------------------------------------------------------- /dist/images/product-deatils/3 Small Image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product-deatils/3 Small Image.jpg -------------------------------------------------------------------------------- /dist/images/product-deatils/4-small-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/images/product-deatils/4-small-image.jpg -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/_media.scss: -------------------------------------------------------------------------------- 1 | .media { 2 | display: flex; 3 | align-items: flex-start; 4 | } 5 | 6 | .media-body { 7 | flex: 1; 8 | } 9 | -------------------------------------------------------------------------------- /src/scss/vendors/fontawesome/webfonts/fa-solid-900.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/src/scss/vendors/fontawesome/webfonts/fa-solid-900.eot -------------------------------------------------------------------------------- /src/scss/vendors/fontawesome/webfonts/fa-solid-900.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/src/scss/vendors/fontawesome/webfonts/fa-solid-900.ttf -------------------------------------------------------------------------------- /src/scss/vendors/fontawesome/webfonts/fa-brands-400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/src/scss/vendors/fontawesome/webfonts/fa-brands-400.eot -------------------------------------------------------------------------------- /src/scss/vendors/fontawesome/webfonts/fa-brands-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/src/scss/vendors/fontawesome/webfonts/fa-brands-400.ttf -------------------------------------------------------------------------------- /src/scss/vendors/fontawesome/webfonts/fa-brands-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/src/scss/vendors/fontawesome/webfonts/fa-brands-400.woff -------------------------------------------------------------------------------- /src/scss/vendors/fontawesome/webfonts/fa-regular-400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/src/scss/vendors/fontawesome/webfonts/fa-regular-400.eot -------------------------------------------------------------------------------- /src/scss/vendors/fontawesome/webfonts/fa-regular-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/src/scss/vendors/fontawesome/webfonts/fa-regular-400.ttf -------------------------------------------------------------------------------- /src/scss/vendors/fontawesome/webfonts/fa-solid-900.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/src/scss/vendors/fontawesome/webfonts/fa-solid-900.woff -------------------------------------------------------------------------------- /src/scss/vendors/fontawesome/webfonts/fa-solid-900.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/src/scss/vendors/fontawesome/webfonts/fa-solid-900.woff2 -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_clearfix.scss: -------------------------------------------------------------------------------- 1 | @mixin clearfix() { 2 | &::after { 3 | display: block; 4 | clear: both; 5 | content: ""; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /src/scss/vendors/fontawesome/webfonts/fa-brands-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/src/scss/vendors/fontawesome/webfonts/fa-brands-400.woff2 -------------------------------------------------------------------------------- /src/scss/vendors/fontawesome/webfonts/fa-regular-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/src/scss/vendors/fontawesome/webfonts/fa-regular-400.woff -------------------------------------------------------------------------------- /src/scss/vendors/fontawesome/webfonts/fa-regular-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/src/scss/vendors/fontawesome/webfonts/fa-regular-400.woff2 -------------------------------------------------------------------------------- /dist/fonts/fa-brands-400.57dcda6f368ea90179f75cbdae96c263.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/fonts/fa-brands-400.57dcda6f368ea90179f75cbdae96c263.eot -------------------------------------------------------------------------------- /dist/fonts/fa-brands-400.9ec698d1a597bff5df337094b71ddaaf.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/fonts/fa-brands-400.9ec698d1a597bff5df337094b71ddaaf.ttf -------------------------------------------------------------------------------- /dist/fonts/fa-solid-900.75f38a159982b6bd1704891332d95fa7.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/fonts/fa-solid-900.75f38a159982b6bd1704891332d95fa7.ttf -------------------------------------------------------------------------------- /dist/fonts/fa-solid-900.89e02bae13c9131c7468b1e729339ac1.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/fonts/fa-solid-900.89e02bae13c9131c7468b1e729339ac1.eot -------------------------------------------------------------------------------- /dist/fonts/fa-solid-900.cdfec5cf5e9840889790bcf2c4042583.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/fonts/fa-solid-900.cdfec5cf5e9840889790bcf2c4042583.woff -------------------------------------------------------------------------------- /dist/fonts/fa-brands-400.067595ad77ecc0db9c81c8905a7eef32.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/fonts/fa-brands-400.067595ad77ecc0db9c81c8905a7eef32.woff2 -------------------------------------------------------------------------------- /dist/fonts/fa-brands-400.b564da88bbf0c4aa446fa19653713cd1.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/fonts/fa-brands-400.b564da88bbf0c4aa446fa19653713cd1.woff -------------------------------------------------------------------------------- /dist/fonts/fa-regular-400.3351f435b3c9037fd88aeb04dc1e43bc.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/fonts/fa-regular-400.3351f435b3c9037fd88aeb04dc1e43bc.eot -------------------------------------------------------------------------------- /dist/fonts/fa-regular-400.4165c2688309cbfb1b877caf8f75afb5.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/fonts/fa-regular-400.4165c2688309cbfb1b877caf8f75afb5.woff2 -------------------------------------------------------------------------------- /dist/fonts/fa-regular-400.73cf49a2232c06c920b7a34e36bfb58c.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/fonts/fa-regular-400.73cf49a2232c06c920b7a34e36bfb58c.woff -------------------------------------------------------------------------------- /dist/fonts/fa-regular-400.a0e3ac82940c1998c5977fd4bc1f5ef6.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/fonts/fa-regular-400.a0e3ac82940c1998c5977fd4bc1f5ef6.ttf -------------------------------------------------------------------------------- /dist/fonts/fa-solid-900.55eb2a60e8181f0e68b558c991973bf0.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/templatecookie/olog-html/HEAD/dist/fonts/fa-solid-900.55eb2a60e8181f0e68b558c991973bf0.woff2 -------------------------------------------------------------------------------- /src/scss/base/_typography.scss: -------------------------------------------------------------------------------- 1 | // Font Import 2 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap'); 3 | 4 | $font: 'Poppins', sans-serif; 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/utilities/_overflow.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | @each $value in $overflows { 4 | .overflow-#{$value} { overflow: $value !important; } 5 | } 6 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/utilities/_interactions.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | @each $value in $user-selects { 4 | .user-select-#{$value} { user-select: $value !important; } 5 | } 6 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_size.scss: -------------------------------------------------------------------------------- 1 | // Sizing shortcuts 2 | 3 | @mixin size($width, $height: $width) { 4 | width: $width; 5 | height: $height; 6 | @include deprecate("`size()`", "v4.3.0", "v5"); 7 | } 8 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/utilities/_screenreaders.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Screenreaders 3 | // 4 | 5 | .sr-only { 6 | @include sr-only(); 7 | } 8 | 9 | .sr-only-focusable { 10 | @include sr-only-focusable(); 11 | } 12 | -------------------------------------------------------------------------------- /src/scss/abstracts/_variables.scss: -------------------------------------------------------------------------------- 1 | $malachite: #19D43F; 2 | $black: #1A2224; 3 | $white: white; 4 | $gallery: #F6F8FA; 5 | $lightBlack: #989BA7; 6 | $yellow: #EBCE3C; 7 | $blue: #335AFF; 8 | $gray: #EFEFEF; 9 | $gold:#FFA023; 10 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_lists.scss: -------------------------------------------------------------------------------- 1 | // Lists 2 | 3 | // Unstyled keeps list items block level, just removes default browser padding and list-style 4 | @mixin list-unstyled() { 5 | padding-left: 0; 6 | list-style: none; 7 | } 8 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_text-truncate.scss: -------------------------------------------------------------------------------- 1 | // Text truncate 2 | // Requires inline-block or block for proper styling 3 | 4 | @mixin text-truncate() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_resize.scss: -------------------------------------------------------------------------------- 1 | // Resize anything 2 | 3 | @mixin resizable($direction) { 4 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` 5 | resize: $direction; // Options: horizontal, vertical, both 6 | } 7 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_visibility.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Visibility 4 | 5 | @mixin invisible($visibility) { 6 | visibility: $visibility !important; 7 | @include deprecate("`invisible()`", "v4.3.0", "v5"); 8 | } 9 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/utilities/_visibility.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // 4 | // Visibility utilities 5 | // 6 | 7 | .visible { 8 | visibility: visible !important; 9 | } 10 | 11 | .invisible { 12 | visibility: hidden !important; 13 | } 14 | -------------------------------------------------------------------------------- /dist/images/account/facebook.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/utilities/_shadows.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | .shadow-sm { box-shadow: $box-shadow-sm !important; } 4 | .shadow { box-shadow: $box-shadow !important; } 5 | .shadow-lg { box-shadow: $box-shadow-lg !important; } 6 | .shadow-none { box-shadow: none !important; } 7 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_alert.scss: -------------------------------------------------------------------------------- 1 | @mixin alert-variant($background, $border, $color) { 2 | color: $color; 3 | @include gradient-bg($background); 4 | border-color: $border; 5 | 6 | hr { 7 | border-top-color: darken($border, 5%); 8 | } 9 | 10 | .alert-link { 11 | color: darken($color, 10%); 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/_transitions.scss: -------------------------------------------------------------------------------- 1 | .fade { 2 | @include transition($transition-fade); 3 | 4 | &:not(.show) { 5 | opacity: 0; 6 | } 7 | } 8 | 9 | .collapse { 10 | &:not(.show) { 11 | display: none; 12 | } 13 | } 14 | 15 | .collapsing { 16 | position: relative; 17 | height: 0; 18 | overflow: hidden; 19 | @include transition($transition-collapse); 20 | } 21 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_text-hide.scss: -------------------------------------------------------------------------------- 1 | // CSS image replacement 2 | @mixin text-hide($ignore-warning: false) { 3 | // stylelint-disable-next-line font-family-no-missing-generic-family-keyword 4 | font: 0/0 a; 5 | color: transparent; 6 | text-shadow: none; 7 | background-color: transparent; 8 | border: 0; 9 | 10 | @include deprecate("`text-hide()`", "v4.1.0", "v5", $ignore-warning); 11 | } 12 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_badge.scss: -------------------------------------------------------------------------------- 1 | @mixin badge-variant($bg) { 2 | color: color-yiq($bg); 3 | background-color: $bg; 4 | 5 | @at-root a#{&} { 6 | @include hover-focus() { 7 | color: color-yiq($bg); 8 | background-color: darken($bg, 10%); 9 | } 10 | 11 | &:focus, 12 | &.focus { 13 | outline: 0; 14 | box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5); 15 | } 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_nav-divider.scss: -------------------------------------------------------------------------------- 1 | // Horizontal dividers 2 | // 3 | // Dividers (basically an hr) within dropdowns and nav lists 4 | 5 | @mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) { 6 | height: 0; 7 | margin: $margin-y 0; 8 | overflow: hidden; 9 | border-top: 1px solid $color; 10 | @include deprecate("The `nav-divider()` mixin", "v4.4.0", "v5", $ignore-warning); 11 | } 12 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/utilities/_float.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | @each $breakpoint in map-keys($grid-breakpoints) { 4 | @include media-breakpoint-up($breakpoint) { 5 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); 6 | 7 | .float#{$infix}-left { float: left !important; } 8 | .float#{$infix}-right { float: right !important; } 9 | .float#{$infix}-none { float: none !important; } 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/utilities/_align.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | .align-baseline { vertical-align: baseline !important; } // Browser default 4 | .align-top { vertical-align: top !important; } 5 | .align-middle { vertical-align: middle !important; } 6 | .align-bottom { vertical-align: bottom !important; } 7 | .align-text-bottom { vertical-align: text-bottom !important; } 8 | .align-text-top { vertical-align: text-top !important; } 9 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_float.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | @mixin float-left() { 4 | float: left !important; 5 | @include deprecate("The `float-left` mixin", "v4.3.0", "v5"); 6 | } 7 | @mixin float-right() { 8 | float: right !important; 9 | @include deprecate("The `float-right` mixin", "v4.3.0", "v5"); 10 | } 11 | @mixin float-none() { 12 | float: none !important; 13 | @include deprecate("The `float-none` mixin", "v4.3.0", "v5"); 14 | } 15 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/bootstrap-reboot.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Reboot v4.5.3 (https://getbootstrap.com/) 3 | * Copyright 2011-2020 The Bootstrap Authors 4 | * Copyright 2011-2020 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) 7 | */ 8 | 9 | @import "functions"; 10 | @import "variables"; 11 | @import "mixins"; 12 | @import "reboot"; 13 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/_jumbotron.scss: -------------------------------------------------------------------------------- 1 | .jumbotron { 2 | padding: $jumbotron-padding ($jumbotron-padding / 2); 3 | margin-bottom: $jumbotron-padding; 4 | color: $jumbotron-color; 5 | background-color: $jumbotron-bg; 6 | @include border-radius($border-radius-lg); 7 | 8 | @include media-breakpoint-up(sm) { 9 | padding: ($jumbotron-padding * 2) $jumbotron-padding; 10 | } 11 | } 12 | 13 | .jumbotron-fluid { 14 | padding-right: 0; 15 | padding-left: 0; 16 | @include border-radius(0); 17 | } 18 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/utilities/_background.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | @each $color, $value in $theme-colors { 4 | @include bg-variant(".bg-#{$color}", $value, true); 5 | } 6 | 7 | @if $enable-gradients { 8 | @each $color, $value in $theme-colors { 9 | @include bg-gradient-variant(".bg-gradient-#{$color}", $value, true); 10 | } 11 | } 12 | 13 | .bg-white { 14 | background-color: $white !important; 15 | } 16 | 17 | .bg-transparent { 18 | background-color: transparent !important; 19 | } 20 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/utilities/_stretched-link.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Stretched link 3 | // 4 | 5 | .stretched-link { 6 | &::after { 7 | position: absolute; 8 | top: 0; 9 | right: 0; 10 | bottom: 0; 11 | left: 0; 12 | z-index: 1; 13 | // Just in case `pointer-events: none` is set on a parent 14 | pointer-events: auto; 15 | content: ""; 16 | // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color 17 | background-color: rgba(0, 0, 0, 0); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_list-group.scss: -------------------------------------------------------------------------------- 1 | // List Groups 2 | 3 | @mixin list-group-item-variant($state, $background, $color) { 4 | .list-group-item-#{$state} { 5 | color: $color; 6 | background-color: $background; 7 | 8 | &.list-group-item-action { 9 | @include hover-focus() { 10 | color: $color; 11 | background-color: darken($background, 5%); 12 | } 13 | 14 | &.active { 15 | color: $white; 16 | background-color: $color; 17 | border-color: $color; 18 | } 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_text-emphasis.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Typography 4 | 5 | @mixin text-emphasis-variant($parent, $color, $ignore-warning: false) { 6 | #{$parent} { 7 | color: $color !important; 8 | } 9 | @if $emphasized-link-hover-darken-percentage != 0 { 10 | a#{$parent} { 11 | @include hover-focus() { 12 | color: darken($color, $emphasized-link-hover-darken-percentage) !important; 13 | } 14 | } 15 | } 16 | @include deprecate("`text-emphasis-variant()`", "v4.4.0", "v5", $ignore-warning); 17 | } 18 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_reset-text.scss: -------------------------------------------------------------------------------- 1 | @mixin reset-text() { 2 | font-family: $font-family-base; 3 | // We deliberately do NOT reset font-size or word-wrap. 4 | font-style: normal; 5 | font-weight: $font-weight-normal; 6 | line-height: $line-height-base; 7 | text-align: left; // Fallback for where `start` is not supported 8 | text-align: start; 9 | text-decoration: none; 10 | text-shadow: none; 11 | text-transform: none; 12 | letter-spacing: normal; 13 | word-break: normal; 14 | word-spacing: normal; 15 | white-space: normal; 16 | line-break: auto; 17 | } 18 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_pagination.scss: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | @mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) { 4 | .page-link { 5 | padding: $padding-y $padding-x; 6 | @include font-size($font-size); 7 | line-height: $line-height; 8 | } 9 | 10 | .page-item { 11 | &:first-child { 12 | .page-link { 13 | @include border-left-radius($border-radius); 14 | } 15 | } 16 | &:last-child { 17 | .page-link { 18 | @include border-right-radius($border-radius); 19 | } 20 | } 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /src/scss/vendors/plugin/css/wan-spinner.css: -------------------------------------------------------------------------------- 1 | /*********** spinner start *************/ 2 | 3 | .wan-spinner { 4 | border: 1px solid #dddddd; 5 | display: inline-block; 6 | } 7 | 8 | .wan-spinner .minus, 9 | .wan-spinner .plus, 10 | .wan-spinner input { 11 | float: left; 12 | line-height: 1em; 13 | text-align: center; 14 | } 15 | 16 | .wan-spinner input { 17 | border: none; 18 | margin: 0; 19 | width: 40px; 20 | } 21 | 22 | .wan-spinner .minus, 23 | .wan-spinner .plus { 24 | color: #333333; 25 | cursor: pointer; 26 | text-decoration: none; 27 | } 28 | 29 | 30 | /*********** spinner end *************/ 31 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/utilities/_sizing.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Width and height 4 | 5 | @each $prop, $abbrev in (width: w, height: h) { 6 | @each $size, $length in $sizes { 7 | .#{$abbrev}-#{$size} { #{$prop}: $length !important; } 8 | } 9 | } 10 | 11 | .mw-100 { max-width: 100% !important; } 12 | .mh-100 { max-height: 100% !important; } 13 | 14 | // Viewport additional helpers 15 | 16 | .min-vw-100 { min-width: 100vw !important; } 17 | .min-vh-100 { min-height: 100vh !important; } 18 | 19 | .vw-100 { width: 100vw !important; } 20 | .vh-100 { height: 100vh !important; } 21 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/_utilities.scss: -------------------------------------------------------------------------------- 1 | @import "utilities/align"; 2 | @import "utilities/background"; 3 | @import "utilities/borders"; 4 | @import "utilities/clearfix"; 5 | @import "utilities/display"; 6 | @import "utilities/embed"; 7 | @import "utilities/flex"; 8 | @import "utilities/float"; 9 | @import "utilities/interactions"; 10 | @import "utilities/overflow"; 11 | @import "utilities/position"; 12 | @import "utilities/screenreaders"; 13 | @import "utilities/shadows"; 14 | @import "utilities/sizing"; 15 | @import "utilities/spacing"; 16 | @import "utilities/stretched-link"; 17 | @import "utilities/text"; 18 | @import "utilities/visibility"; 19 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_box-shadow.scss: -------------------------------------------------------------------------------- 1 | @mixin box-shadow($shadow...) { 2 | @if $enable-shadows { 3 | $result: (); 4 | 5 | @if (length($shadow) == 1) { 6 | // We can pass `@include box-shadow(none);` 7 | $result: $shadow; 8 | } @else { 9 | // Filter to avoid invalid properties for example `box-shadow: none, 1px 1px black;` 10 | @for $i from 1 through length($shadow) { 11 | @if nth($shadow, $i) != "none" { 12 | $result: append($result, nth($shadow, $i), "comma"); 13 | } 14 | } 15 | } 16 | @if (length($result) > 0) { 17 | box-shadow: $result; 18 | } 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/utilities/_position.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Common values 4 | @each $position in $positions { 5 | .position-#{$position} { position: $position !important; } 6 | } 7 | 8 | // Shorthand 9 | 10 | .fixed-top { 11 | position: fixed; 12 | top: 0; 13 | right: 0; 14 | left: 0; 15 | z-index: $zindex-fixed; 16 | } 17 | 18 | .fixed-bottom { 19 | position: fixed; 20 | right: 0; 21 | bottom: 0; 22 | left: 0; 23 | z-index: $zindex-fixed; 24 | } 25 | 26 | .sticky-top { 27 | @supports (position: sticky) { 28 | position: sticky; 29 | top: 0; 30 | z-index: $zindex-sticky; 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/utilities/_display.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // 4 | // Utilities for common `display` values 5 | // 6 | 7 | @each $breakpoint in map-keys($grid-breakpoints) { 8 | @include media-breakpoint-up($breakpoint) { 9 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); 10 | 11 | @each $value in $displays { 12 | .d#{$infix}-#{$value} { display: $value !important; } 13 | } 14 | } 15 | } 16 | 17 | 18 | // 19 | // Utilities for toggling `display` in print 20 | // 21 | 22 | @media print { 23 | @each $value in $displays { 24 | .d-print-#{$value} { display: $value !important; } 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_deprecate.scss: -------------------------------------------------------------------------------- 1 | // Deprecate mixin 2 | // 3 | // This mixin can be used to deprecate mixins or functions. 4 | // `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to 5 | // some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap) 6 | @mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) { 7 | @if ($enable-deprecation-messages != false and $ignore-warning != true) { 8 | @warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}."; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /src/scss/pages/_wishlist.scss: -------------------------------------------------------------------------------- 1 | .wishlist-area{ 2 | padding-top: 50px; 3 | padding-bottom: 100px; 4 | .dashboard-nav{ 5 | margin-bottom: 100px; 6 | } 7 | } 8 | // large devices 992px - 1169px 9 | @media (min-width: 992px) and (max-width: 1200px) { 10 | 11 | } 12 | 13 | // Medium devices 768px - 991px 14 | @media (min-width: 768px) and (max-width: 991px) { 15 | } 16 | 17 | // Small devices 575px - 767px 18 | @media (min-width: 575px) and (max-width: 767px) { 19 | } 20 | 21 | // Small devices 420px - 574px 22 | @media only screen and (min-width: 420px) and (max-width: 574px) { 23 | 24 | } 25 | 26 | // extra Small devices 420px 27 | @media (max-width: 420px) { 28 | 29 | } 30 | -------------------------------------------------------------------------------- /dist/images/account/twitter.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/bootstrap-grid.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Grid v4.5.3 (https://getbootstrap.com/) 3 | * Copyright 2011-2020 The Bootstrap Authors 4 | * Copyright 2011-2020 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | */ 7 | 8 | html { 9 | box-sizing: border-box; 10 | -ms-overflow-style: scrollbar; 11 | } 12 | 13 | *, 14 | *::before, 15 | *::after { 16 | box-sizing: inherit; 17 | } 18 | 19 | @import "functions"; 20 | @import "variables"; 21 | 22 | @import "mixins/breakpoints"; 23 | @import "mixins/grid-framework"; 24 | @import "mixins/grid"; 25 | 26 | @import "grid"; 27 | @import "utilities/display"; 28 | @import "utilities/flex"; 29 | @import "utilities/spacing"; 30 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/_root.scss: -------------------------------------------------------------------------------- 1 | // Do not forget to update getting-started/theming.md! 2 | :root { 3 | // Custom variable values only support SassScript inside `#{}`. 4 | @each $color, $value in $colors { 5 | --#{$color}: #{$value}; 6 | } 7 | 8 | @each $color, $value in $theme-colors { 9 | --#{$color}: #{$value}; 10 | } 11 | 12 | @each $bp, $value in $grid-breakpoints { 13 | --breakpoint-#{$bp}: #{$value}; 14 | } 15 | 16 | // Use `inspect` for lists so that quoted items keep the quotes. 17 | // See https://github.com/sass/sass/issues/2383#issuecomment-336349172 18 | --font-family-sans-serif: #{inspect($font-family-sans-serif)}; 19 | --font-family-monospace: #{inspect($font-family-monospace)}; 20 | } 21 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_transition.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable property-disallowed-list 2 | @mixin transition($transition...) { 3 | @if length($transition) == 0 { 4 | $transition: $transition-base; 5 | } 6 | 7 | @if length($transition) > 1 { 8 | @each $value in $transition { 9 | @if $value == null or $value == none { 10 | @warn "The keyword 'none' or 'null' must be used as a single argument."; 11 | } 12 | } 13 | } 14 | 15 | @if $enable-transitions { 16 | @if nth($transition, 1) != null { 17 | transition: $transition; 18 | } 19 | 20 | @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none { 21 | @media (prefers-reduced-motion: reduce) { 22 | transition: none; 23 | } 24 | } 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_background-variant.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Contextual backgrounds 4 | 5 | @mixin bg-variant($parent, $color, $ignore-warning: false) { 6 | #{$parent} { 7 | background-color: $color !important; 8 | } 9 | a#{$parent}, 10 | button#{$parent} { 11 | @include hover-focus() { 12 | background-color: darken($color, 10%) !important; 13 | } 14 | } 15 | @include deprecate("The `bg-variant` mixin", "v4.4.0", "v5", $ignore-warning); 16 | } 17 | 18 | @mixin bg-gradient-variant($parent, $color, $ignore-warning: false) { 19 | #{$parent} { 20 | background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important; 21 | } 22 | @include deprecate("The `bg-gradient-variant` mixin", "v4.5.0", "v5", $ignore-warning); 23 | } 24 | -------------------------------------------------------------------------------- /dist/images/account/search.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/product/cart.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_hover.scss: -------------------------------------------------------------------------------- 1 | // Hover mixin and `$enable-hover-media-query` are deprecated. 2 | // 3 | // Originally added during our alphas and maintained during betas, this mixin was 4 | // designed to prevent `:hover` stickiness on iOS-an issue where hover styles 5 | // would persist after initial touch. 6 | // 7 | // For backward compatibility, we've kept these mixins and updated them to 8 | // always return their regular pseudo-classes instead of a shimmed media query. 9 | // 10 | // Issue: https://github.com/twbs/bootstrap/issues/25195 11 | 12 | @mixin hover() { 13 | &:hover { @content; } 14 | } 15 | 16 | @mixin hover-focus() { 17 | &:hover, 18 | &:focus { 19 | @content; 20 | } 21 | } 22 | 23 | @mixin plain-hover-focus() { 24 | &, 25 | &:hover, 26 | &:focus { 27 | @content; 28 | } 29 | } 30 | 31 | @mixin hover-focus-active() { 32 | &:hover, 33 | &:focus, 34 | &:active { 35 | @content; 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_table-row.scss: -------------------------------------------------------------------------------- 1 | // Tables 2 | 3 | @mixin table-row-variant($state, $background, $border: null) { 4 | // Exact selectors below required to override `.table-striped` and prevent 5 | // inheritance to nested tables. 6 | .table-#{$state} { 7 | &, 8 | > th, 9 | > td { 10 | background-color: $background; 11 | } 12 | 13 | @if $border != null { 14 | th, 15 | td, 16 | thead th, 17 | tbody + tbody { 18 | border-color: $border; 19 | } 20 | } 21 | } 22 | 23 | // Hover states for `.table-hover` 24 | // Note: this is not available for cells or rows within `thead` or `tfoot`. 25 | .table-hover { 26 | $hover-background: darken($background, 5%); 27 | 28 | .table-#{$state} { 29 | @include hover() { 30 | background-color: $hover-background; 31 | 32 | > td, 33 | > th { 34 | background-color: $hover-background; 35 | } 36 | } 37 | } 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_screen-reader.scss: -------------------------------------------------------------------------------- 1 | // Only display content to screen readers 2 | // 3 | // See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/ 4 | // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ 5 | 6 | @mixin sr-only() { 7 | position: absolute; 8 | width: 1px; 9 | height: 1px; 10 | padding: 0; 11 | margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686 12 | overflow: hidden; 13 | clip: rect(0, 0, 0, 0); 14 | white-space: nowrap; 15 | border: 0; 16 | } 17 | 18 | // Use in conjunction with .sr-only to only display content when it's focused. 19 | // 20 | // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 21 | // 22 | // Credit: HTML5 Boilerplate 23 | 24 | @mixin sr-only-focusable() { 25 | &:active, 26 | &:focus { 27 | position: static; 28 | width: auto; 29 | height: auto; 30 | overflow: visible; 31 | clip: auto; 32 | white-space: normal; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "webpack-setup", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "dev": "webpack --mode development", 8 | "watch": "webpack --mode development --watch", 9 | "build": "webpack -p" 10 | }, 11 | "keywords": [], 12 | "author": "", 13 | "license": "ISC", 14 | "devDependencies": { 15 | "@babel/core": "^7.6.4", 16 | "@babel/preset-env": "^7.6.3", 17 | "autoprefixer": "^9.7.1", 18 | "babel-loader": "^8.0.6", 19 | "css-loader": "^3.2.0", 20 | "file-loader": "^4.2.0", 21 | "mini-css-extract-plugin": "^0.8.0", 22 | "postcss-loader": "^3.0.0", 23 | "purgecss-webpack-plugin": "^1.6.0", 24 | "sass-loader": "^8.0.0", 25 | "webpack": "^4.41.2", 26 | "webpack-cli": "^3.3.9" 27 | }, 28 | "browserslist": [ 29 | "defaults", 30 | "not ie < 11", 31 | "last 2 versions", 32 | "> 1%", 33 | "iOS 7", 34 | "last 3 iOS versions" 35 | ], 36 | "dependencies": { 37 | "node-sass": "^4.14.1" 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /dist/images/company-image/visa.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/utilities/_embed.scss: -------------------------------------------------------------------------------- 1 | // Credit: Nicolas Gallagher and SUIT CSS. 2 | 3 | .embed-responsive { 4 | position: relative; 5 | display: block; 6 | width: 100%; 7 | padding: 0; 8 | overflow: hidden; 9 | 10 | &::before { 11 | display: block; 12 | content: ""; 13 | } 14 | 15 | .embed-responsive-item, 16 | iframe, 17 | embed, 18 | object, 19 | video { 20 | position: absolute; 21 | top: 0; 22 | bottom: 0; 23 | left: 0; 24 | width: 100%; 25 | height: 100%; 26 | border: 0; 27 | } 28 | } 29 | 30 | @each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios { 31 | $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1); 32 | $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2); 33 | 34 | .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} { 35 | &::before { 36 | padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x); 37 | } 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /src/scss/layout/_brand.scss: -------------------------------------------------------------------------------- 1 | .brand-area{ 2 | padding-top: 30px; 3 | &-image{ 4 | img{ 5 | cursor: pointer; 6 | filter: grayscale(100%); 7 | opacity: 0.2; 8 | transition: 0.3s all linear; 9 | margin: auto; 10 | &:hover{ 11 | filter: grayscale(0%); 12 | opacity: 1; 13 | } 14 | } 15 | } 16 | } 17 | // Responsive 18 | // large devices 992px - 1169px 19 | @media (min-width: 992px) and (max-width: 1200px) { 20 | 21 | } 22 | 23 | // Medium devices 768px - 991px 24 | @media (min-width: 768px) and (max-width: 991px) { 25 | } 26 | 27 | // Small devices 575px - 767px 28 | @media (min-width: 575px) and (max-width: 767px) { 29 | .brand-area{ 30 | &-image{ 31 | margin-bottom: 10px; 32 | } 33 | } 34 | } 35 | 36 | // Small devices 420px - 574px 37 | @media only screen and (min-width: 420px) and (max-width: 574px) { 38 | 39 | } 40 | 41 | // extra Small devices 420px 42 | @media (max-width: 420px) { 43 | 44 | } 45 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Echotemplate.com 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/_close.scss: -------------------------------------------------------------------------------- 1 | .close { 2 | float: right; 3 | @include font-size($close-font-size); 4 | font-weight: $close-font-weight; 5 | line-height: 1; 6 | color: $close-color; 7 | text-shadow: $close-text-shadow; 8 | opacity: .5; 9 | 10 | // Override 's hover style 11 | @include hover() { 12 | color: $close-color; 13 | text-decoration: none; 14 | } 15 | 16 | &:not(:disabled):not(.disabled) { 17 | @include hover-focus() { 18 | opacity: .75; 19 | } 20 | } 21 | } 22 | 23 | // Additional properties for button version 24 | // iOS requires the button element instead of an anchor tag. 25 | // If you want the anchor version, it requires `href="#"`. 26 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 27 | 28 | // stylelint-disable-next-line selector-no-qualifying-type 29 | button.close { 30 | padding: 0; 31 | background-color: transparent; 32 | border: 0; 33 | } 34 | 35 | // Future-proof disabling of clicks on `` elements 36 | 37 | // stylelint-disable-next-line selector-no-qualifying-type 38 | a.close.disabled { 39 | pointer-events: none; 40 | } 41 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/bootstrap.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v4.5.3 (https://getbootstrap.com/) 3 | * Copyright 2011-2020 The Bootstrap Authors 4 | * Copyright 2011-2020 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | */ 7 | 8 | @import "functions"; 9 | @import "variables"; 10 | @import "mixins"; 11 | @import "root"; 12 | @import "reboot"; 13 | @import "type"; 14 | @import "images"; 15 | @import "code"; 16 | @import "grid"; 17 | @import "tables"; 18 | @import "forms"; 19 | @import "buttons"; 20 | @import "transitions"; 21 | @import "dropdown"; 22 | @import "button-group"; 23 | @import "input-group"; 24 | @import "custom-forms"; 25 | @import "nav"; 26 | @import "navbar"; 27 | @import "card"; 28 | @import "breadcrumb"; 29 | @import "pagination"; 30 | @import "badge"; 31 | @import "jumbotron"; 32 | @import "alert"; 33 | @import "progress"; 34 | @import "media"; 35 | @import "list-group"; 36 | @import "close"; 37 | @import "toasts"; 38 | @import "modal"; 39 | @import "tooltip"; 40 | @import "popover"; 41 | @import "carousel"; 42 | @import "spinners"; 43 | @import "utilities"; 44 | @import "print"; 45 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/_code.scss: -------------------------------------------------------------------------------- 1 | // Inline code 2 | code { 3 | @include font-size($code-font-size); 4 | color: $code-color; 5 | word-wrap: break-word; 6 | 7 | // Streamline the style when inside anchors to avoid broken underline and more 8 | a > & { 9 | color: inherit; 10 | } 11 | } 12 | 13 | // User input typically entered via keyboard 14 | kbd { 15 | padding: $kbd-padding-y $kbd-padding-x; 16 | @include font-size($kbd-font-size); 17 | color: $kbd-color; 18 | background-color: $kbd-bg; 19 | @include border-radius($border-radius-sm); 20 | @include box-shadow($kbd-box-shadow); 21 | 22 | kbd { 23 | padding: 0; 24 | @include font-size(100%); 25 | font-weight: $nested-kbd-font-weight; 26 | @include box-shadow(none); 27 | } 28 | } 29 | 30 | // Blocks of code 31 | pre { 32 | display: block; 33 | @include font-size($code-font-size); 34 | color: $pre-color; 35 | 36 | // Account for some code outputs that place code tags in pre tags 37 | code { 38 | @include font-size(inherit); 39 | color: inherit; 40 | word-break: normal; 41 | } 42 | } 43 | 44 | // Enable scrollable blocks of code 45 | .pre-scrollable { 46 | max-height: $pre-scrollable-max-height; 47 | overflow-y: scroll; 48 | } 49 | -------------------------------------------------------------------------------- /src/scss/components/_buttons.scss: -------------------------------------------------------------------------------- 1 | 2 | .btn{ 3 | padding: 18px 45px; 4 | font-size: 16px; 5 | line-height: 1; 6 | font-weight: 500; 7 | text-transform: uppercase; 8 | border: 2px solid transparent; 9 | &.bg-primary { 10 | background-color: $blue; 11 | color: $white; 12 | &:hover{ 13 | background-color: transparent !important; 14 | border-color: $blue; 15 | color: $blue; 16 | } 17 | } 18 | &.bg-secondary{ 19 | background-color: $white !important; 20 | color: black !important; 21 | &:hover{ 22 | background-color: white !important; 23 | } 24 | } 25 | } 26 | .border{ 27 | border-radius: 50px; 28 | } 29 | // Small devices 575px - 767px 30 | @media (min-width: 575px) and (max-width: 767px) { 31 | .btn{ 32 | padding: 15px 30px; 33 | font-size: 14px; 34 | } 35 | } 36 | 37 | // Small devices 420px - 574px 38 | @media only screen and (min-width: 420px) and (max-width: 574px) { 39 | .btn{ 40 | padding: 15px 30px; 41 | font-size: 14px; 42 | } 43 | } 44 | // extra Small devices 420px 45 | @media (max-width: 420px) { 46 | .btn{ 47 | padding: 15px 30px; 48 | font-size: 14px; 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Toggles 2 | // 3 | // Used in conjunction with global variables to enable certain theme features. 4 | 5 | // Vendor 6 | @import "vendor/rfs"; 7 | 8 | // Deprecate 9 | @import "mixins/deprecate"; 10 | 11 | // Utilities 12 | @import "mixins/breakpoints"; 13 | @import "mixins/hover"; 14 | @import "mixins/image"; 15 | @import "mixins/badge"; 16 | @import "mixins/resize"; 17 | @import "mixins/screen-reader"; 18 | @import "mixins/size"; 19 | @import "mixins/reset-text"; 20 | @import "mixins/text-emphasis"; 21 | @import "mixins/text-hide"; 22 | @import "mixins/text-truncate"; 23 | @import "mixins/visibility"; 24 | 25 | // Components 26 | @import "mixins/alert"; 27 | @import "mixins/buttons"; 28 | @import "mixins/caret"; 29 | @import "mixins/pagination"; 30 | @import "mixins/lists"; 31 | @import "mixins/list-group"; 32 | @import "mixins/nav-divider"; 33 | @import "mixins/forms"; 34 | @import "mixins/table-row"; 35 | 36 | // Skins 37 | @import "mixins/background-variant"; 38 | @import "mixins/border-radius"; 39 | @import "mixins/box-shadow"; 40 | @import "mixins/gradients"; 41 | @import "mixins/transition"; 42 | 43 | // Layout 44 | @import "mixins/clearfix"; 45 | @import "mixins/grid-framework"; 46 | @import "mixins/grid"; 47 | @import "mixins/float"; 48 | -------------------------------------------------------------------------------- /src/scss/pages/_order.scss: -------------------------------------------------------------------------------- 1 | .order-area{ 2 | padding-top: 50px; 3 | padding-bottom: 100px; 4 | .dashboard-nav{ 5 | margin-bottom: 100px; 6 | } 7 | } 8 | // Responsive 9 | // extra Small devices 420px 10 | @media (max-width: 420px) { 11 | .order-area{ 12 | padding-bottom: 50px; 13 | } 14 | .order-area .dashboard-nav{ 15 | margin-bottom: 30px; 16 | } 17 | } 18 | // Small devices 420px - 574px 19 | @media only screen and (min-width: 420px) and (max-width: 574px) { 20 | .order-area{ 21 | padding-bottom: 50px; 22 | } 23 | .order-area .dashboard-nav{ 24 | margin-bottom: 50px; 25 | } 26 | } 27 | // Small devices 575px - 767px 28 | @media (min-width: 575px) and (max-width: 767px) { 29 | .order-area{ 30 | padding-bottom: 50px; 31 | } 32 | .order-area .dashboard-nav{ 33 | margin-bottom: 50px; 34 | } 35 | } 36 | 37 | // Medium devices 768px - 991px 38 | @media (min-width: 768px) and (max-width: 991px) { 39 | .order-area{ 40 | padding-bottom: 50px; 41 | } 42 | .order-area .dashboard-nav{ 43 | margin-bottom: 50px; 44 | } 45 | } 46 | 47 | // large devices 992px - 1169px 48 | @media (min-width: 992px) and (max-width: 1200px) { 49 | .order-area .dashboard-nav{ 50 | margin-bottom: 50px; 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/mixins/_image.scss: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | 6 | // Responsive image 7 | // 8 | // Keep images from scaling beyond the width of their parents. 9 | 10 | @mixin img-fluid() { 11 | // Part 1: Set a maximum relative to the parent 12 | max-width: 100%; 13 | // Part 2: Override the height to auto, otherwise images will be stretched 14 | // when setting a width and height attribute on the img element. 15 | height: auto; 16 | } 17 | 18 | 19 | // Retina image 20 | // 21 | // Short retina mixin for setting background-image and -size. 22 | 23 | @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) { 24 | background-image: url($file-1x); 25 | 26 | // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio, 27 | // but doesn't convert dppx=>dpi. 28 | // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard. 29 | // Compatibility info: https://caniuse.com/#feat=css-media-resolution 30 | @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx 31 | only screen and (min-resolution: 2dppx) { // Standardized 32 | background-image: url($file-2x); 33 | background-size: $width-1x $height-1x; 34 | } 35 | @include deprecate("`img-retina()`", "v4.3.0", "v5"); 36 | } 37 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/_toasts.scss: -------------------------------------------------------------------------------- 1 | .toast { 2 | // Prevents from shrinking in IE11, when in a flex container 3 | // See https://github.com/twbs/bootstrap/issues/28341 4 | flex-basis: $toast-max-width; 5 | max-width: $toast-max-width; 6 | @include font-size($toast-font-size); 7 | color: $toast-color; 8 | background-color: $toast-background-color; 9 | background-clip: padding-box; 10 | border: $toast-border-width solid $toast-border-color; 11 | box-shadow: $toast-box-shadow; 12 | opacity: 0; 13 | @include border-radius($toast-border-radius); 14 | 15 | &:not(:last-child) { 16 | margin-bottom: $toast-padding-x; 17 | } 18 | 19 | &.showing { 20 | opacity: 1; 21 | } 22 | 23 | &.show { 24 | display: block; 25 | opacity: 1; 26 | } 27 | 28 | &.hide { 29 | display: none; 30 | } 31 | } 32 | 33 | .toast-header { 34 | display: flex; 35 | align-items: center; 36 | padding: $toast-padding-y $toast-padding-x; 37 | color: $toast-header-color; 38 | background-color: $toast-header-background-color; 39 | background-clip: padding-box; 40 | border-bottom: $toast-border-width solid $toast-header-border-color; 41 | @include border-top-radius(subtract($toast-border-radius, $toast-border-width)); 42 | } 43 | 44 | .toast-body { 45 | padding: $toast-padding-x; // apply to both vertical and horizontal 46 | } 47 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/_images.scss: -------------------------------------------------------------------------------- 1 | // Responsive images (ensure images don't scale beyond their parents) 2 | // 3 | // This is purposefully opt-in via an explicit class rather than being the default for all ``s. 4 | // We previously tried the "images are responsive by default" approach in Bootstrap v2, 5 | // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps) 6 | // which weren't expecting the images within themselves to be involuntarily resized. 7 | // See also https://github.com/twbs/bootstrap/issues/18178 8 | .img-fluid { 9 | @include img-fluid(); 10 | } 11 | 12 | 13 | // Image thumbnails 14 | .img-thumbnail { 15 | padding: $thumbnail-padding; 16 | background-color: $thumbnail-bg; 17 | border: $thumbnail-border-width solid $thumbnail-border-color; 18 | @include border-radius($thumbnail-border-radius); 19 | @include box-shadow($thumbnail-box-shadow); 20 | 21 | // Keep them at most 100% wide 22 | @include img-fluid(); 23 | } 24 | 25 | // 26 | // Figures 27 | // 28 | 29 | .figure { 30 | // Ensures the caption's text aligns with the image. 31 | display: inline-block; 32 | } 33 | 34 | .figure-img { 35 | margin-bottom: $spacer / 2; 36 | line-height: 1; 37 | } 38 | 39 | .figure-caption { 40 | @include font-size($figure-caption-font-size); 41 | color: $figure-caption-color; 42 | } 43 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/_spinners.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Rotating border 3 | // 4 | 5 | @keyframes spinner-border { 6 | to { transform: rotate(360deg); } 7 | } 8 | 9 | .spinner-border { 10 | display: inline-block; 11 | width: $spinner-width; 12 | height: $spinner-height; 13 | vertical-align: text-bottom; 14 | border: $spinner-border-width solid currentColor; 15 | border-right-color: transparent; 16 | // stylelint-disable-next-line property-disallowed-list 17 | border-radius: 50%; 18 | animation: spinner-border .75s linear infinite; 19 | } 20 | 21 | .spinner-border-sm { 22 | width: $spinner-width-sm; 23 | height: $spinner-height-sm; 24 | border-width: $spinner-border-width-sm; 25 | } 26 | 27 | // 28 | // Growing circle 29 | // 30 | 31 | @keyframes spinner-grow { 32 | 0% { 33 | transform: scale(0); 34 | } 35 | 50% { 36 | opacity: 1; 37 | transform: none; 38 | } 39 | } 40 | 41 | .spinner-grow { 42 | display: inline-block; 43 | width: $spinner-width; 44 | height: $spinner-height; 45 | vertical-align: text-bottom; 46 | background-color: currentColor; 47 | // stylelint-disable-next-line property-disallowed-list 48 | border-radius: 50%; 49 | opacity: 0; 50 | animation: spinner-grow .75s linear infinite; 51 | } 52 | 53 | .spinner-grow-sm { 54 | width: $spinner-width-sm; 55 | height: $spinner-height-sm; 56 | } 57 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/_badge.scss: -------------------------------------------------------------------------------- 1 | // Base class 2 | // 3 | // Requires one of the contextual, color modifier classes for `color` and 4 | // `background-color`. 5 | 6 | .badge { 7 | display: inline-block; 8 | padding: $badge-padding-y $badge-padding-x; 9 | @include font-size($badge-font-size); 10 | font-weight: $badge-font-weight; 11 | line-height: 1; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | @include border-radius($badge-border-radius); 16 | @include transition($badge-transition); 17 | 18 | @at-root a#{&} { 19 | @include hover-focus() { 20 | text-decoration: none; 21 | } 22 | } 23 | 24 | // Empty badges collapse automatically 25 | &:empty { 26 | display: none; 27 | } 28 | } 29 | 30 | // Quick fix for badges in buttons 31 | .btn .badge { 32 | position: relative; 33 | top: -1px; 34 | } 35 | 36 | // Pill badges 37 | // 38 | // Make them extra rounded with a modifier to replace v3's badges. 39 | 40 | .badge-pill { 41 | padding-right: $badge-pill-padding-x; 42 | padding-left: $badge-pill-padding-x; 43 | @include border-radius($badge-pill-border-radius); 44 | } 45 | 46 | // Colors 47 | // 48 | // Contextual variations (linked badges get darker on :hover). 49 | 50 | @each $color, $value in $theme-colors { 51 | .badge-#{$color} { 52 | @include badge-variant($value); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/_progress.scss: -------------------------------------------------------------------------------- 1 | // Disable animation if transitions are disabled 2 | @if $enable-transitions { 3 | @keyframes progress-bar-stripes { 4 | from { background-position: $progress-height 0; } 5 | to { background-position: 0 0; } 6 | } 7 | } 8 | 9 | .progress { 10 | display: flex; 11 | height: $progress-height; 12 | overflow: hidden; // force rounded corners by cropping it 13 | line-height: 0; 14 | @include font-size($progress-font-size); 15 | background-color: $progress-bg; 16 | @include border-radius($progress-border-radius); 17 | @include box-shadow($progress-box-shadow); 18 | } 19 | 20 | .progress-bar { 21 | display: flex; 22 | flex-direction: column; 23 | justify-content: center; 24 | overflow: hidden; 25 | color: $progress-bar-color; 26 | text-align: center; 27 | white-space: nowrap; 28 | background-color: $progress-bar-bg; 29 | @include transition($progress-bar-transition); 30 | } 31 | 32 | .progress-bar-striped { 33 | @include gradient-striped(); 34 | background-size: $progress-height $progress-height; 35 | } 36 | 37 | @if $enable-transitions { 38 | .progress-bar-animated { 39 | animation: progress-bar-stripes $progress-bar-animation-timing; 40 | 41 | @if $enable-prefers-reduced-motion-media-query { 42 | @media (prefers-reduced-motion: reduce) { 43 | animation: none; 44 | } 45 | } 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/_alert.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Base styles 3 | // 4 | 5 | .alert { 6 | position: relative; 7 | padding: $alert-padding-y $alert-padding-x; 8 | margin-bottom: $alert-margin-bottom; 9 | border: $alert-border-width solid transparent; 10 | @include border-radius($alert-border-radius); 11 | } 12 | 13 | // Headings for larger alerts 14 | .alert-heading { 15 | // Specified to prevent conflicts of changing $headings-color 16 | color: inherit; 17 | } 18 | 19 | // Provide class for links that match alerts 20 | .alert-link { 21 | font-weight: $alert-link-font-weight; 22 | } 23 | 24 | 25 | // Dismissible alerts 26 | // 27 | // Expand the right padding and account for the close button's positioning. 28 | 29 | .alert-dismissible { 30 | padding-right: $close-font-size + $alert-padding-x * 2; 31 | 32 | // Adjust close link position 33 | .close { 34 | position: absolute; 35 | top: 0; 36 | right: 0; 37 | z-index: 2; 38 | padding: $alert-padding-y $alert-padding-x; 39 | color: inherit; 40 | } 41 | } 42 | 43 | 44 | // Alternate styles 45 | // 46 | // Generate contextual modifier classes for colorizing the alert. 47 | 48 | @each $color, $value in $theme-colors { 49 | .alert-#{$color} { 50 | @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level)); 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /dist/images/company-image/apple.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/scss/vendors/bootstrap/scss/_breadcrumb.scss: -------------------------------------------------------------------------------- 1 | .breadcrumb { 2 | display: flex; 3 | flex-wrap: wrap; 4 | padding: $breadcrumb-padding-y $breadcrumb-padding-x; 5 | margin-bottom: $breadcrumb-margin-bottom; 6 | @include font-size($breadcrumb-font-size); 7 | list-style: none; 8 | background-color: $breadcrumb-bg; 9 | @include border-radius($breadcrumb-border-radius); 10 | } 11 | 12 | .breadcrumb-item { 13 | display: flex; 14 | 15 | // The separator between breadcrumbs (by default, a forward-slash: "/") 16 | + .breadcrumb-item { 17 | padding-left: $breadcrumb-item-padding; 18 | 19 | &::before { 20 | display: inline-block; // Suppress underlining of the separator in modern browsers 21 | padding-right: $breadcrumb-item-padding; 22 | color: $breadcrumb-divider-color; 23 | content: escape-svg($breadcrumb-divider); 24 | } 25 | } 26 | 27 | // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built 28 | // without `