├── .gitignore ├── LICENSE ├── README.md ├── cart.html ├── categories.html ├── dashboard-account.html ├── dashboard-products-create.html ├── dashboard-products-details.html ├── dashboard-products.html ├── dashboard-settings.html ├── dashboard-transactions-details.html ├── dashboard-transactions.html ├── dashboard.html ├── details.html ├── images ├── banner.jpg ├── categories-baby.svg ├── categories-furniture.svg ├── categories-gadgets.svg ├── categories-makeup.svg ├── categories-sneaker.svg ├── categories-tools.svg ├── dashboard-arrow-right.svg ├── dashboard-icon-product-1.png ├── dashboard-icon-product-2.png ├── dashboard-icon-product-3.png ├── dashboard-store-logo.svg ├── icon-cart-empty.svg ├── icon-cart-filled.svg ├── icon-cart.svg ├── icon-delete.svg ├── icon-testimonial-1.png ├── icon-testimonial-2.png ├── icon-testimonial-3.png ├── icon-user.png ├── login-placeholder.png ├── logo.svg ├── product-card-1.png ├── product-card-2.png ├── product-card-3.png ├── product-card-4.png ├── product-card-5.png ├── product-cart-1.jpg ├── product-cart-2.jpg ├── product-cart-3.jpg ├── product-details-1.jpg ├── product-details-2.jpg ├── product-details-3.jpg ├── product-details-4.jpg ├── product-details-dashboard.png ├── product-thumbnail-1.jpg ├── product-thumbnail-2.jpg ├── product-thumbnail-3.jpg ├── product-thumbnail-4.jpg ├── products-apple-watch.jpg ├── products-black-edition-nike.jpg ├── products-bubuk-maketti.jpg ├── products-mavic-kawe.jpg ├── products-monkey-toys.jpg ├── products-orange-bogotta.jpg ├── products-sofa-ternyaman.jpg ├── products-tatakan-gelas.jpg └── success.svg ├── index.html ├── login.html ├── register-success.html ├── register.html ├── script └── navbar-scroll.js ├── style ├── _fonts.scss ├── _global.scss ├── _navbar.scss ├── components │ ├── _breadcrumbs.scss │ ├── _card.scss │ ├── _card_dashboard.scss │ ├── _card_list.scss │ ├── _categories.scss │ └── _products.scss ├── main.css ├── main.css.map ├── main.scss ├── pages │ ├── _auth.scss │ ├── _cart.scss │ ├── _categories.scss │ ├── _dashboard.scss │ ├── _details.scss │ ├── _home.scss │ └── _success.scss └── transitions │ └── _slide-fade.scss ├── success.html └── vendor ├── bootstrap ├── css │ ├── bootstrap-grid.css │ ├── bootstrap-grid.css.map │ ├── bootstrap-grid.min.css │ ├── bootstrap-grid.min.css.map │ ├── bootstrap-reboot.css │ ├── bootstrap-reboot.css.map │ ├── bootstrap-reboot.min.css │ ├── bootstrap-reboot.min.css.map │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ └── bootstrap.min.css.map ├── js │ ├── bootstrap.bundle.js │ ├── bootstrap.bundle.js.map │ ├── bootstrap.bundle.min.js │ ├── bootstrap.bundle.min.js.map │ ├── bootstrap.js │ ├── bootstrap.js.map │ ├── bootstrap.min.js │ └── bootstrap.min.js.map └── scss │ ├── _alert.scss │ ├── _badge.scss │ ├── _breadcrumb.scss │ ├── _button-group.scss │ ├── _buttons.scss │ ├── _card.scss │ ├── _carousel.scss │ ├── _close.scss │ ├── _code.scss │ ├── _custom-forms.scss │ ├── _dropdown.scss │ ├── _forms.scss │ ├── _functions.scss │ ├── _grid.scss │ ├── _images.scss │ ├── _input-group.scss │ ├── _jumbotron.scss │ ├── _list-group.scss │ ├── _media.scss │ ├── _mixins.scss │ ├── _modal.scss │ ├── _nav.scss │ ├── _navbar.scss │ ├── _pagination.scss │ ├── _popover.scss │ ├── _print.scss │ ├── _progress.scss │ ├── _reboot.scss │ ├── _root.scss │ ├── _spinners.scss │ ├── _tables.scss │ ├── _toasts.scss │ ├── _tooltip.scss │ ├── _transitions.scss │ ├── _type.scss │ ├── _utilities.scss │ ├── _variables.scss │ ├── bootstrap-grid.css │ ├── bootstrap-grid.css.map │ ├── bootstrap-grid.scss │ ├── bootstrap-reboot.css │ ├── bootstrap-reboot.css.map │ ├── bootstrap-reboot.scss │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.scss │ ├── mixins │ ├── _alert.scss │ ├── _background-variant.scss │ ├── _badge.scss │ ├── _border-radius.scss │ ├── _box-shadow.scss │ ├── _breakpoints.scss │ ├── _buttons.scss │ ├── _caret.scss │ ├── _clearfix.scss │ ├── _deprecate.scss │ ├── _float.scss │ ├── _forms.scss │ ├── _gradients.scss │ ├── _grid-framework.scss │ ├── _grid.scss │ ├── _hover.scss │ ├── _image.scss │ ├── _list-group.scss │ ├── _lists.scss │ ├── _nav-divider.scss │ ├── _pagination.scss │ ├── _reset-text.scss │ ├── _resize.scss │ ├── _screen-reader.scss │ ├── _size.scss │ ├── _table-row.scss │ ├── _text-emphasis.scss │ ├── _text-hide.scss │ ├── _text-truncate.scss │ ├── _transition.scss │ └── _visibility.scss │ ├── utilities │ ├── _align.scss │ ├── _background.scss │ ├── _borders.scss │ ├── _clearfix.scss │ ├── _display.scss │ ├── _embed.scss │ ├── _flex.scss │ ├── _float.scss │ ├── _interactions.scss │ ├── _overflow.scss │ ├── _position.scss │ ├── _screenreaders.scss │ ├── _shadows.scss │ ├── _sizing.scss │ ├── _spacing.scss │ ├── _stretched-link.scss │ ├── _text.scss │ └── _visibility.scss │ └── vendor │ └── _rfs.scss ├── jquery ├── jquery.js ├── jquery.min.js ├── jquery.min.map ├── jquery.slim.js ├── jquery.slim.min.js └── jquery.slim.min.map └── vue ├── vue.js └── vue.min.js /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Galih Pratama 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 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # BWAStore HTML Source Code 2 | Source Code ini hasil project slicing HTML pada video tutorial [BWASTORE](https://bit.ly/BWASTORE) 3 | 4 | ## Lisensi 5 | 6 | MIT License 7 | 8 | Copyright (c) 2020 Galih Pratama 9 | 10 | Permission is hereby granted, free of charge, to any person obtaining a copy 11 | of this software and associated documentation files (the "Software"), to deal 12 | in the Software without restriction, including without limitation the rights 13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 14 | copies of the Software, and to permit persons to whom the Software is 15 | furnished to do so, subject to the following conditions: 16 | 17 | The above copyright notice and this permission notice shall be included in all 18 | copies or substantial portions of the Software. 19 | 20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 26 | SOFTWARE. 27 | 28 |
29 | 30 | Source code ini HANYA DAPAT DIGUNAKAN untuk member kelas BWAStore dan tidak diizinkan untuk disebarkan kepada pihak selain member kelas BWAStore. 31 | 32 | Jika anda mendapatkan konten video dan dokumentasi ini dari pihak selain BelajarKoding atau BuildWith Angga, dan bukan dari bagian member BWAStore, anda tidak diperkenankan untuk menggunakan source code ini. 33 | -------------------------------------------------------------------------------- /images/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/banner.jpg -------------------------------------------------------------------------------- /images/categories-baby.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/categories-furniture.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/categories-gadgets.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/categories-makeup.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/categories-sneaker.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/categories-tools.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/dashboard-arrow-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /images/dashboard-icon-product-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/dashboard-icon-product-1.png -------------------------------------------------------------------------------- /images/dashboard-icon-product-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/dashboard-icon-product-2.png -------------------------------------------------------------------------------- /images/dashboard-icon-product-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/dashboard-icon-product-3.png -------------------------------------------------------------------------------- /images/dashboard-store-logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /images/icon-cart-empty.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /images/icon-cart-filled.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /images/icon-cart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /images/icon-delete.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /images/icon-testimonial-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/icon-testimonial-1.png -------------------------------------------------------------------------------- /images/icon-testimonial-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/icon-testimonial-2.png -------------------------------------------------------------------------------- /images/icon-testimonial-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/icon-testimonial-3.png -------------------------------------------------------------------------------- /images/icon-user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/icon-user.png -------------------------------------------------------------------------------- /images/login-placeholder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/login-placeholder.png -------------------------------------------------------------------------------- /images/logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/product-card-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-card-1.png -------------------------------------------------------------------------------- /images/product-card-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-card-2.png -------------------------------------------------------------------------------- /images/product-card-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-card-3.png -------------------------------------------------------------------------------- /images/product-card-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-card-4.png -------------------------------------------------------------------------------- /images/product-card-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-card-5.png -------------------------------------------------------------------------------- /images/product-cart-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-cart-1.jpg -------------------------------------------------------------------------------- /images/product-cart-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-cart-2.jpg -------------------------------------------------------------------------------- /images/product-cart-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-cart-3.jpg -------------------------------------------------------------------------------- /images/product-details-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-details-1.jpg -------------------------------------------------------------------------------- /images/product-details-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-details-2.jpg -------------------------------------------------------------------------------- /images/product-details-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-details-3.jpg -------------------------------------------------------------------------------- /images/product-details-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-details-4.jpg -------------------------------------------------------------------------------- /images/product-details-dashboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-details-dashboard.png -------------------------------------------------------------------------------- /images/product-thumbnail-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-thumbnail-1.jpg -------------------------------------------------------------------------------- /images/product-thumbnail-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-thumbnail-2.jpg -------------------------------------------------------------------------------- /images/product-thumbnail-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-thumbnail-3.jpg -------------------------------------------------------------------------------- /images/product-thumbnail-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/product-thumbnail-4.jpg -------------------------------------------------------------------------------- /images/products-apple-watch.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/products-apple-watch.jpg -------------------------------------------------------------------------------- /images/products-black-edition-nike.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/products-black-edition-nike.jpg -------------------------------------------------------------------------------- /images/products-bubuk-maketti.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/products-bubuk-maketti.jpg -------------------------------------------------------------------------------- /images/products-mavic-kawe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/products-mavic-kawe.jpg -------------------------------------------------------------------------------- /images/products-monkey-toys.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/products-monkey-toys.jpg -------------------------------------------------------------------------------- /images/products-orange-bogotta.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/products-orange-bogotta.jpg -------------------------------------------------------------------------------- /images/products-sofa-ternyaman.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/products-sofa-ternyaman.jpg -------------------------------------------------------------------------------- /images/products-tatakan-gelas.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/belajarkoding/store-html-demo/f54eabc49f298189df86550fb556127557d42284/images/products-tatakan-gelas.jpg -------------------------------------------------------------------------------- /images/success.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 9 | 10 | 11 | 12 | Store - Your Best Marketplace 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 54 | 55 | 56 |
57 |
58 |
59 | 97 |
98 |
99 |
100 | 101 | 112 | 113 | 114 | 115 | 116 | 117 | 120 | 121 | 122 | 123 | -------------------------------------------------------------------------------- /register-success.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 9 | 10 | 11 | 12 | Store - Your Best Marketplace 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 | 43 |
44 |
45 |
46 | 47 | 58 | 59 | 60 | 61 | 62 | 63 | 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /script/navbar-scroll.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | $(document).scroll(function () { 3 | var $nav = $(".navbar-fixed-top"); 4 | $nav.toggleClass("scrolled", $(this).scrollTop() > $nav.height()); 5 | }); 6 | }); 7 | -------------------------------------------------------------------------------- /style/_fonts.scss: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap"); 2 | -------------------------------------------------------------------------------- /style/_global.scss: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: "Poppins", sans-serif; 3 | } 4 | 5 | .page-content { 6 | margin-top: 100px; 7 | } 8 | 9 | footer { 10 | border-top: 1px solid #e4e4e4; 11 | margin-top: 150px; 12 | 13 | p { 14 | color: #979797; 15 | } 16 | } 17 | 18 | .form-control { 19 | background-color: #f3f3f3; 20 | } 21 | -------------------------------------------------------------------------------- /style/_navbar.scss: -------------------------------------------------------------------------------- 1 | .navbar-store { 2 | padding-top: 15px; 3 | 4 | @include media-breakpoint-down(md) { 5 | background-color: #fff !important; 6 | } 7 | 8 | .nav-item { 9 | .nav-link { 10 | @include media-breakpoint-up(lg) { 11 | margin-left: 10px; 12 | margin-right: 10px; 13 | } 14 | } 15 | } 16 | 17 | .profile-picture { 18 | max-height: 45px; 19 | } 20 | 21 | .cart-badge { 22 | display: inline-block; 23 | min-width: 2em; /* em unit */ 24 | padding: 0.3em; /* em unit */ 25 | border-radius: 50%; 26 | font-size: 10px; 27 | text-align: center; 28 | background: #29a867; 29 | color: #fefefe; 30 | margin-left: -10px; 31 | } 32 | } 33 | 34 | .navbar-fixed-top.scrolled { 35 | background-color: #fff !important; 36 | transition: background-color 200ms linear; 37 | } 38 | -------------------------------------------------------------------------------- /style/components/_breadcrumbs.scss: -------------------------------------------------------------------------------- 1 | .store-breadcrumbs { 2 | .breadcrumb { 3 | background: transparent; 4 | padding: 0; 5 | padding-top: 10px; 6 | padding-bottom: 10px; 7 | 8 | .breadcrumb-item + .breadcrumb-item::before { 9 | padding-right: 1.5rem; 10 | padding-left: 1.5rem; 11 | } 12 | 13 | .breadcrumb-item.active { 14 | font-weight: 300; 15 | color: #0c0d36; 16 | } 17 | 18 | a { 19 | color: #979797; 20 | } 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /style/components/_card.scss: -------------------------------------------------------------------------------- 1 | .card { 2 | background: #fefefe; 3 | box-shadow: 0px 4px 15px #f1f1f8; 4 | border-radius: 8px; 5 | border: none; 6 | text-decoration: none !important; 7 | 8 | .dashboard-card-title { 9 | font-size: 16px; 10 | color: #c5c5c5; 11 | } 12 | 13 | .dashboard-card-subtitle { 14 | font-weight: 600; 15 | font-size: 32px; 16 | color: #0c0d36; 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /style/components/_card_dashboard.scss: -------------------------------------------------------------------------------- 1 | .card-dashboard-product { 2 | margin-bottom: 10px; 3 | .card-body { 4 | padding: 13px; 5 | 6 | .product-title { 7 | font-weight: normal; 8 | font-size: 18px; 9 | color: #0c0d36; 10 | } 11 | 12 | .product-category { 13 | font-size: 16px; 14 | line-height: 24px; 15 | color: #c5c5c5; 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /style/components/_card_list.scss: -------------------------------------------------------------------------------- 1 | .card-list { 2 | margin-bottom: 10px; 3 | 4 | .card-body { 5 | font-size: 18px; 6 | line-height: 40px; 7 | color: #0c0d36; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /style/components/_categories.scss: -------------------------------------------------------------------------------- 1 | .component-categories { 2 | background-color: #f4f4f4; 3 | border-radius: 8px; 4 | padding: 30px 30px 10px 30px; 5 | margin-bottom: 20px; 6 | transition: all 0.2s ease-in-out; 7 | 8 | &:hover { 9 | transform: scale(1.05); 10 | text-decoration: none; 11 | } 12 | 13 | .categories-text { 14 | color: #0c0d36; 15 | font-weight: normal; 16 | font-size: 18px; 17 | text-align: center; 18 | margin-top: 12px; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /style/components/_products.scss: -------------------------------------------------------------------------------- 1 | .component-products { 2 | margin-bottom: 20px; 3 | 4 | &:hover { 5 | text-decoration: none; 6 | } 7 | 8 | .products-thumbnail { 9 | width: 100%; 10 | height: 150px; 11 | 12 | border-radius: 8px; 13 | 14 | overflow: hidden; 15 | position: relative; 16 | z-index: 1; 17 | 18 | &:hover, 19 | &:focus { 20 | .products-image { 21 | transform: scale(1.1); 22 | } 23 | } 24 | 25 | .products-image { 26 | width: 100%; 27 | height: 100%; 28 | 29 | background-color: #ddd; 30 | background-position: center; 31 | background-size: cover; 32 | background-repeat: no-repeat; 33 | 34 | transition: all 0.3s ease; 35 | } 36 | } 37 | 38 | .products-text { 39 | color: #0c0d36; 40 | margin-top: 12px; 41 | font-weight: normal; 42 | font-size: 18px; 43 | } 44 | 45 | .products-price { 46 | font-weight: 500; 47 | font-size: 16px; 48 | color: #ff7158; 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /style/main.scss: -------------------------------------------------------------------------------- 1 | // Import Bootstrap 4 Library 2 | @import "../vendor/bootstrap/scss/bootstrap.scss"; 3 | 4 | @import "global"; 5 | @import "fonts"; 6 | @import "navbar"; 7 | 8 | @import "pages/home"; 9 | @import "pages/categories"; 10 | @import "pages/details"; 11 | @import "pages/cart"; 12 | @import "pages/auth"; 13 | @import "pages/success"; 14 | @import "pages/dashboard"; 15 | 16 | @import "components/breadcrumbs"; 17 | @import "components/categories"; 18 | @import "components/products"; 19 | @import "components/card"; 20 | @import "components/card_list"; 21 | @import "components/card_dashboard"; 22 | 23 | @import "transitions/slide-fade"; 24 | -------------------------------------------------------------------------------- /style/pages/_auth.scss: -------------------------------------------------------------------------------- 1 | .page-auth { 2 | .row-login { 3 | min-height: 70vh; 4 | } 5 | .section-store-auth { 6 | h2 { 7 | font-size: 28px; 8 | color: #0c0d36; 9 | font-weight: 200; 10 | margin-top: 0; 11 | } 12 | 13 | .form-control { 14 | background: #f3f3f3; 15 | border-radius: 8px; 16 | } 17 | 18 | .btn-signup { 19 | @include button-variant(#f3f3f3, transparent); 20 | color: #bbbbbb; 21 | } 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /style/pages/_cart.scss: -------------------------------------------------------------------------------- 1 | .store-cart { 2 | h2 { 3 | font-size: 16px; 4 | color: #0c0d36; 5 | font-weight: 600; 6 | margin-top: 10px; 7 | } 8 | .product-title { 9 | font-size: 18px; 10 | color: #0c0d36; 11 | margin-top: 15px; 12 | } 13 | .product-subtitle { 14 | font-size: 14px; 15 | color: #979797; 16 | } 17 | .table-cart { 18 | margin-left: -15px; 19 | margin-right: -15px; 20 | th { 21 | font-weight: 200; 22 | } 23 | 24 | .cart-image { 25 | border-radius: 8px; 26 | max-height: 85px; 27 | } 28 | .btn-remove-cart { 29 | margin-top: 18px; 30 | 31 | @include button-variant(#fc5e84, transparent); 32 | } 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /style/pages/_categories.scss: -------------------------------------------------------------------------------- 1 | .page-categories { 2 | h5 { 3 | font-weight: 300; 4 | margin-bottom: 15px; 5 | } 6 | 7 | .store-trend-categories { 8 | margin-top: 30px; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /style/pages/_dashboard.scss: -------------------------------------------------------------------------------- 1 | .page-dashboard { 2 | #page-content-wrapper { 3 | background: #f5f5fb; 4 | min-width: 100vw; 5 | } 6 | 7 | #sidebar-wrapper { 8 | margin-top: 60px; 9 | min-height: 100vh; 10 | margin-left: -15rem; 11 | transition: margin 0.25s ease-out; 12 | 13 | .sidebar-heading { 14 | padding: 0.875rem 1.25rem; 15 | font-size: 1.2rem; 16 | } 17 | .list-group { 18 | width: 15rem; 19 | } 20 | } 21 | 22 | #wrapper { 23 | &.toggled { 24 | #sidebar-wrapper { 25 | margin-left: 0; 26 | } 27 | } 28 | } 29 | 30 | .navbar-store { 31 | margin-top: 0; 32 | background-color: #f5f5fb; 33 | box-shadow: 0px 4px 5px #cacad1; 34 | @include media-breakpoint-up(md) { 35 | background-color: transparent; 36 | box-shadow: none; 37 | } 38 | } 39 | 40 | .list-group-item { 41 | border: 0; 42 | font-size: 16px; 43 | color: #c5c5c5; 44 | 45 | &.active { 46 | background: linear-gradient( 47 | 270deg, 48 | rgba(255, 113, 88, 0.32) 2%, 49 | rgba(255, 255, 255, 0) 100% 50 | ); 51 | border-right: 4px solid #ff7158; 52 | color: #0c0d36; 53 | } 54 | } 55 | 56 | @include media-breakpoint-up(md) { 57 | #sidebar-wrapper { 58 | margin-left: 0; 59 | margin-top: 0px; 60 | } 61 | 62 | #page-content-wrapper { 63 | min-width: 0; 64 | width: 100%; 65 | } 66 | 67 | #wrapper { 68 | &.toggled { 69 | #sidebar-wrapper { 70 | margin-left: -15rem; 71 | } 72 | } 73 | } 74 | } 75 | 76 | .section-content { 77 | margin-top: 100px; 78 | 79 | @include media-breakpoint-up(md) { 80 | margin-top: 20px; 81 | margin-left: 20px; 82 | } 83 | 84 | .dashboard-title { 85 | font-weight: normal; 86 | font-size: 24px; 87 | color: #0c0d36; 88 | } 89 | .dashboard-subtitle { 90 | font-weight: 300; 91 | font-size: 16px; 92 | color: #9191a9; 93 | } 94 | 95 | .product-title { 96 | font-size: 14px; 97 | line-height: 25px; 98 | color: #979797; 99 | } 100 | .product-subtitle { 101 | font-size: 18px; 102 | line-height: 30px; 103 | color: #0c0d36; 104 | margin-bottom: 20px; 105 | } 106 | 107 | h5 { 108 | font-size: 18px; 109 | line-height: 27px; 110 | color: #0c0d36; 111 | } 112 | 113 | .nav-pills { 114 | .nav-link { 115 | font-size: 18px; 116 | color: #9191a9; 117 | border-radius: 0; 118 | &.active { 119 | color: #0c0d36; 120 | border-bottom: 2px solid #0c0d36; 121 | background: none; 122 | } 123 | } 124 | } 125 | 126 | .gallery-container { 127 | .delete-gallery { 128 | display: block; 129 | position: absolute; 130 | top: -10px; 131 | right: 0; 132 | } 133 | } 134 | } 135 | } 136 | -------------------------------------------------------------------------------- /style/pages/_details.scss: -------------------------------------------------------------------------------- 1 | .page-details { 2 | h5 { 3 | color: #0c0d36; 4 | font-size: 18px; 5 | font-weight: 300; 6 | } 7 | .store-heading { 8 | margin-bottom: 10px; 9 | 10 | h1 { 11 | font-size: 24px; 12 | line-height: 36px; 13 | margin-bottom: 0px; 14 | color: #0c0d36; 15 | } 16 | 17 | .owner { 18 | font-weight: 200; 19 | font-size: 14px; 20 | line-height: 21px; 21 | color: #979797; 22 | margin-bottom: 8px; 23 | } 24 | 25 | .price { 26 | font-weight: 500; 27 | font-size: 18px; 28 | line-height: 27px; 29 | color: #ff7158; 30 | margin-bottom: 10px; 31 | } 32 | } 33 | 34 | .store-gallery { 35 | margin-bottom: 20px; 36 | 37 | img { 38 | border-radius: 10px; 39 | } 40 | 41 | .thumbnail-image { 42 | margin-bottom: 20px; 43 | border: 2px solid transparent; 44 | &:hover, 45 | &.active { 46 | border: 2px solid #ff7158; 47 | } 48 | } 49 | } 50 | .store-description { 51 | p { 52 | font-size: 16px; 53 | color: #525252; 54 | line-height: 180%; 55 | } 56 | } 57 | .store-review { 58 | .media { 59 | img { 60 | max-width: 50px; 61 | } 62 | } 63 | .media-body { 64 | font-size: 16px; 65 | line-height: 180%; 66 | color: #525252; 67 | 68 | h5 { 69 | font-weight: 300; 70 | font-size: 16px; 71 | line-height: 180%; 72 | color: #0c0d36; 73 | } 74 | } 75 | } 76 | } 77 | -------------------------------------------------------------------------------- /style/pages/_home.scss: -------------------------------------------------------------------------------- 1 | .page-home { 2 | h5 { 3 | font-weight: 300; 4 | margin-bottom: 15px; 5 | } 6 | 7 | .store-trend-categories { 8 | margin-top: 30px; 9 | } 10 | 11 | .store-new-products { 12 | margin-top: 10px; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /style/pages/_success.scss: -------------------------------------------------------------------------------- 1 | .page-success { 2 | .row-login { 3 | min-height: 75vh; 4 | } 5 | .section-success { 6 | h2 { 7 | font-size: 28px; 8 | color: #0c0d36; 9 | font-weight: 200; 10 | margin-top: 0; 11 | } 12 | 13 | .form-control { 14 | background: #f3f3f3; 15 | border-radius: 8px; 16 | } 17 | 18 | .btn-signup { 19 | @include button-variant(#f3f3f3, transparent); 20 | color: #bbbbbb; 21 | } 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /style/transitions/_slide-fade.scss: -------------------------------------------------------------------------------- 1 | .slide-fade-enter-active { 2 | transition: all 0.2s ease; 3 | } 4 | .slide-fade-leave-active { 5 | transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1); 6 | } 7 | .slide-fade-enter, 8 | .slide-fade-leave-to { 9 | transform: translateY(10px); 10 | opacity: 0.5; 11 | } 12 | -------------------------------------------------------------------------------- /success.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 9 | 10 | 11 | 12 | Store - Your Best Marketplace 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 | 43 |
44 |
45 |
46 | 47 | 58 | 59 | 60 | 61 | 62 | 63 | 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /vendor/bootstrap/css/bootstrap-reboot.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/) 3 | * Copyright 2011-2019 The Bootstrap Authors 4 | * Copyright 2011-2019 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) 7 | */ 8 | *, 9 | *::before, 10 | *::after { 11 | box-sizing: border-box; 12 | } 13 | 14 | html { 15 | font-family: sans-serif; 16 | line-height: 1.15; 17 | -webkit-text-size-adjust: 100%; 18 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 19 | } 20 | 21 | article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { 22 | display: block; 23 | } 24 | 25 | body { 26 | margin: 0; 27 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 28 | font-size: 1rem; 29 | font-weight: 400; 30 | line-height: 1.5; 31 | color: #212529; 32 | text-align: left; 33 | background-color: #fff; 34 | } 35 | 36 | [tabindex="-1"]:focus { 37 | outline: 0 !important; 38 | } 39 | 40 | hr { 41 | box-sizing: content-box; 42 | height: 0; 43 | overflow: visible; 44 | } 45 | 46 | h1, h2, h3, h4, h5, h6 { 47 | margin-top: 0; 48 | margin-bottom: 0.5rem; 49 | } 50 | 51 | p { 52 | margin-top: 0; 53 | margin-bottom: 1rem; 54 | } 55 | 56 | abbr[title], 57 | abbr[data-original-title] { 58 | text-decoration: underline; 59 | -webkit-text-decoration: underline dotted; 60 | text-decoration: underline dotted; 61 | cursor: help; 62 | border-bottom: 0; 63 | -webkit-text-decoration-skip-ink: none; 64 | text-decoration-skip-ink: none; 65 | } 66 | 67 | address { 68 | margin-bottom: 1rem; 69 | font-style: normal; 70 | line-height: inherit; 71 | } 72 | 73 | ol, 74 | ul, 75 | dl { 76 | margin-top: 0; 77 | margin-bottom: 1rem; 78 | } 79 | 80 | ol ol, 81 | ul ul, 82 | ol ul, 83 | ul ol { 84 | margin-bottom: 0; 85 | } 86 | 87 | dt { 88 | font-weight: 700; 89 | } 90 | 91 | dd { 92 | margin-bottom: .5rem; 93 | margin-left: 0; 94 | } 95 | 96 | blockquote { 97 | margin: 0 0 1rem; 98 | } 99 | 100 | b, 101 | strong { 102 | font-weight: bolder; 103 | } 104 | 105 | small { 106 | font-size: 80%; 107 | } 108 | 109 | sub, 110 | sup { 111 | position: relative; 112 | font-size: 75%; 113 | line-height: 0; 114 | vertical-align: baseline; 115 | } 116 | 117 | sub { 118 | bottom: -.25em; 119 | } 120 | 121 | sup { 122 | top: -.5em; 123 | } 124 | 125 | a { 126 | color: #007bff; 127 | text-decoration: none; 128 | background-color: transparent; 129 | } 130 | 131 | a:hover { 132 | color: #0056b3; 133 | text-decoration: underline; 134 | } 135 | 136 | a:not([href]):not([tabindex]) { 137 | color: inherit; 138 | text-decoration: none; 139 | } 140 | 141 | a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { 142 | color: inherit; 143 | text-decoration: none; 144 | } 145 | 146 | a:not([href]):not([tabindex]):focus { 147 | outline: 0; 148 | } 149 | 150 | pre, 151 | code, 152 | kbd, 153 | samp { 154 | font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 155 | font-size: 1em; 156 | } 157 | 158 | pre { 159 | margin-top: 0; 160 | margin-bottom: 1rem; 161 | overflow: auto; 162 | } 163 | 164 | figure { 165 | margin: 0 0 1rem; 166 | } 167 | 168 | img { 169 | vertical-align: middle; 170 | border-style: none; 171 | } 172 | 173 | svg { 174 | overflow: hidden; 175 | vertical-align: middle; 176 | } 177 | 178 | table { 179 | border-collapse: collapse; 180 | } 181 | 182 | caption { 183 | padding-top: 0.75rem; 184 | padding-bottom: 0.75rem; 185 | color: #6c757d; 186 | text-align: left; 187 | caption-side: bottom; 188 | } 189 | 190 | th { 191 | text-align: inherit; 192 | } 193 | 194 | label { 195 | display: inline-block; 196 | margin-bottom: 0.5rem; 197 | } 198 | 199 | button { 200 | border-radius: 0; 201 | } 202 | 203 | button:focus { 204 | outline: 1px dotted; 205 | outline: 5px auto -webkit-focus-ring-color; 206 | } 207 | 208 | input, 209 | button, 210 | select, 211 | optgroup, 212 | textarea { 213 | margin: 0; 214 | font-family: inherit; 215 | font-size: inherit; 216 | line-height: inherit; 217 | } 218 | 219 | button, 220 | input { 221 | overflow: visible; 222 | } 223 | 224 | button, 225 | select { 226 | text-transform: none; 227 | } 228 | 229 | select { 230 | word-wrap: normal; 231 | } 232 | 233 | button, 234 | [type="button"], 235 | [type="reset"], 236 | [type="submit"] { 237 | -webkit-appearance: button; 238 | } 239 | 240 | button:not(:disabled), 241 | [type="button"]:not(:disabled), 242 | [type="reset"]:not(:disabled), 243 | [type="submit"]:not(:disabled) { 244 | cursor: pointer; 245 | } 246 | 247 | button::-moz-focus-inner, 248 | [type="button"]::-moz-focus-inner, 249 | [type="reset"]::-moz-focus-inner, 250 | [type="submit"]::-moz-focus-inner { 251 | padding: 0; 252 | border-style: none; 253 | } 254 | 255 | input[type="radio"], 256 | input[type="checkbox"] { 257 | box-sizing: border-box; 258 | padding: 0; 259 | } 260 | 261 | input[type="date"], 262 | input[type="time"], 263 | input[type="datetime-local"], 264 | input[type="month"] { 265 | -webkit-appearance: listbox; 266 | } 267 | 268 | textarea { 269 | overflow: auto; 270 | resize: vertical; 271 | } 272 | 273 | fieldset { 274 | min-width: 0; 275 | padding: 0; 276 | margin: 0; 277 | border: 0; 278 | } 279 | 280 | legend { 281 | display: block; 282 | width: 100%; 283 | max-width: 100%; 284 | padding: 0; 285 | margin-bottom: .5rem; 286 | font-size: 1.5rem; 287 | line-height: inherit; 288 | color: inherit; 289 | white-space: normal; 290 | } 291 | 292 | progress { 293 | vertical-align: baseline; 294 | } 295 | 296 | [type="number"]::-webkit-inner-spin-button, 297 | [type="number"]::-webkit-outer-spin-button { 298 | height: auto; 299 | } 300 | 301 | [type="search"] { 302 | outline-offset: -2px; 303 | -webkit-appearance: none; 304 | } 305 | 306 | [type="search"]::-webkit-search-decoration { 307 | -webkit-appearance: none; 308 | } 309 | 310 | ::-webkit-file-upload-button { 311 | font: inherit; 312 | -webkit-appearance: button; 313 | } 314 | 315 | output { 316 | display: inline-block; 317 | } 318 | 319 | summary { 320 | display: list-item; 321 | cursor: pointer; 322 | } 323 | 324 | template { 325 | display: none; 326 | } 327 | 328 | [hidden] { 329 | display: none !important; 330 | } 331 | /*# sourceMappingURL=bootstrap-reboot.css.map */ -------------------------------------------------------------------------------- /vendor/bootstrap/css/bootstrap-reboot.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/) 3 | * Copyright 2011-2019 The Bootstrap Authors 4 | * Copyright 2011-2019 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) 7 | */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important} 8 | /*# sourceMappingURL=bootstrap-reboot.min.css.map */ -------------------------------------------------------------------------------- /vendor/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 | padding: $alert-padding-y $alert-padding-x; 38 | color: inherit; 39 | } 40 | } 41 | 42 | 43 | // Alternate styles 44 | // 45 | // Generate contextual modifier classes for colorizing the alert. 46 | 47 | @each $color, $value in $theme-colors { 48 | .alert-#{$color} { 49 | @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level)); 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /vendor/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 | -------------------------------------------------------------------------------- /vendor/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 `