Search
8 | 9 | @await Html.PartialAsync("ProductItem", Model) 10 | 11 | -------------------------------------------------------------------------------- /ECommerceMVC/wwwroot/scss/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 | -------------------------------------------------------------------------------- /ECommerceMVC/Views/Home/Index.cshtml: -------------------------------------------------------------------------------- 1 | @{ 2 | ViewData["Title"] = "Home Page"; 3 | } 4 | 5 |
6 |
9 |
--------------------------------------------------------------------------------
/ECommerceMVC/wwwroot/scss/bootstrap/scss/_helpers.scss:
--------------------------------------------------------------------------------
1 | @import "helpers/clearfix";
2 | @import "helpers/colored-links";
3 | @import "helpers/ratio";
4 | @import "helpers/position";
5 | @import "helpers/visually-hidden";
6 | @import "helpers/stretched-link";
7 | @import "helpers/text-truncation";
8 |
--------------------------------------------------------------------------------
/ECommerceMVC/wwwroot/scss/bootstrap/scss/forms/_form-text.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Form text
3 | //
4 |
5 | .form-text {
6 | margin-top: $form-text-margin-top;
7 | @include font-size($form-text-font-size);
8 | font-style: $form-text-font-style;
9 | font-weight: $form-text-font-weight;
10 | color: $form-text-color;
11 | }
12 |
--------------------------------------------------------------------------------
/ECommerceMVC/wwwroot/scss/bootstrap/scss/_forms.scss:
--------------------------------------------------------------------------------
1 | @import "forms/labels";
2 | @import "forms/form-text";
3 | @import "forms/form-control";
4 | @import "forms/form-select";
5 | @import "forms/form-check";
6 | @import "forms/form-range";
7 | @import "forms/floating-labels";
8 | @import "forms/input-group";
9 | @import "forms/validation";
10 |
--------------------------------------------------------------------------------
/ECommerceMVC/wwwroot/scss/bootstrap/scss/helpers/_stretched-link.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Stretched link
3 | //
4 |
5 | .stretched-link {
6 | &::#{$stretched-link-pseudo-element} {
7 | position: absolute;
8 | top: 0;
9 | right: 0;
10 | bottom: 0;
11 | left: 0;
12 | z-index: $stretched-link-z-index;
13 | content: "";
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/ECommerceMVC/wwwroot/scss/bootstrap/scss/mixins/_container.scss:
--------------------------------------------------------------------------------
1 | // Container mixins
2 |
3 | @mixin make-container($gutter: $container-padding-x) {
4 | width: 100%;
5 | padding-right: var(--#{$variable-prefix}gutter-x, #{$gutter});
6 | padding-left: var(--#{$variable-prefix}gutter-x, #{$gutter});
7 | margin-right: auto;
8 | margin-left: auto;
9 | }
10 |
--------------------------------------------------------------------------------
/ECommerceMVC/wwwroot/scss/bootstrap/scss/mixins/_alert.scss:
--------------------------------------------------------------------------------
1 | // scss-docs-start alert-variant-mixin
2 | @mixin alert-variant($background, $border, $color) {
3 | color: $color;
4 | @include gradient-bg($background);
5 | border-color: $border;
6 |
7 | .alert-link {
8 | color: shade-color($color, 20%);
9 | }
10 | }
11 | // scss-docs-end alert-variant-mixin
12 |
--------------------------------------------------------------------------------
/ECommerceMVC/ViewModels/CartItem.cs:
--------------------------------------------------------------------------------
1 | namespace ECommerceMVC.ViewModels
2 | {
3 | public class CartItem
4 | {
5 | public int MaHh { get; set; }
6 | public string Hinh { get; set; }
7 | public string TenHH { get; set; }
8 | public double DonGia { get; set; }
9 | public int SoLuong { get; set; }
10 | public double ThanhTien => SoLuong * DonGia;
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/ECommerceMVC/appsettings.json:
--------------------------------------------------------------------------------
1 | {
2 | "ConnectionStrings": {
3 | "HShop": "Server=.;Database=Hshop2023;Integrated Security=True;Trust Server Certificate=True"
4 | },
5 | "Logging": {
6 | "LogLevel": {
7 | "Default": "Information",
8 | "Microsoft.AspNetCore": "Warning"
9 | }
10 | },
11 | "AllowedHosts": "*"
12 | }
13 |
--------------------------------------------------------------------------------
/ECommerceMVC/Data/TrangThai.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 |
4 | namespace ECommerceMVC.Data;
5 |
6 | public partial class TrangThai
7 | {
8 | public int MaTrangThai { get; set; }
9 |
10 | public string TenTrangThai { get; set; } = null!;
11 |
12 | public string? MoTa { get; set; }
13 |
14 | public virtual ICollectionWelcome
7 |Learn about building Web apps with ASP.NET Core.
8 |
4 |
--------------------------------------------------------------------------------
/ECommerceMVC/wwwroot/scss/bootstrap/scss/mixins/_list-group.scss:
--------------------------------------------------------------------------------
1 | // List Groups
2 |
3 | // scss-docs-start list-group-mixin
4 | @mixin list-group-item-variant($state, $background, $color) {
5 | .list-group-item-#{$state} {
6 | color: $color;
7 | background-color: $background;
8 |
9 | &.list-group-item-action {
10 | &:hover,
11 | &:focus {
12 | color: $color;
13 | background-color: shade-color($background, 10%);
14 | }
15 |
16 | &.active {
17 | color: $white;
18 | background-color: $color;
19 | border-color: $color;
20 | }
21 | }
22 | }
23 | }
24 | // scss-docs-end list-group-mixin
25 |
--------------------------------------------------------------------------------
/ECommerceMVC/wwwroot/scss/bootstrap/scss/helpers/_position.scss:
--------------------------------------------------------------------------------
1 | // Shorthand
2 |
3 | .fixed-top {
4 | position: fixed;
5 | top: 0;
6 | right: 0;
7 | left: 0;
8 | z-index: $zindex-fixed;
9 | }
10 |
11 | .fixed-bottom {
12 | position: fixed;
13 | right: 0;
14 | bottom: 0;
15 | left: 0;
16 | z-index: $zindex-fixed;
17 | }
18 |
19 | // Responsive sticky top
20 | @each $breakpoint in map-keys($grid-breakpoints) {
21 | @include media-breakpoint-up($breakpoint) {
22 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
23 |
24 | .sticky#{$infix}-top {
25 | position: sticky;
26 | top: 0;
27 | z-index: $zindex-sticky;
28 | }
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/ECommerceMVC/Data/NhaCungCap.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 |
4 | namespace ECommerceMVC.Data;
5 |
6 | public partial class NhaCungCap
7 | {
8 | public string MaNcc { get; set; } = null!;
9 |
10 | public string TenCongTy { get; set; } = null!;
11 |
12 | public string Logo { get; set; } = null!;
13 |
14 | public string? NguoiLienLac { get; set; }
15 |
16 | public string Email { get; set; } = null!;
17 |
18 | public string? DienThoai { get; set; }
19 |
20 | public string? DiaChi { get; set; }
21 |
22 | public string? MoTa { get; set; }
23 |
24 | public virtual ICollection
5 |
21 | Danh mục
6 |-
7 | @foreach (var item in Model)
8 | {
9 |
-
10 | 11 | 12 | @item.TenLoai 13 | 14 | (@item.SoLuong) 15 |16 |
17 | }
18 |
19 |
Error.
7 |An error occurred while processing your request.
8 | 9 | @if (Model.ShowRequestId) 10 | { 11 |
12 | Request ID: @Model.RequestId
13 |
Development Mode
17 |18 | Swapping to Development environment will display more detailed information about the error that occurred. 19 |
20 |21 | The Development environment shouldn't be enabled for deployed applications. 22 | It can result in displaying sensitive information from exceptions to end users. 23 | For local debugging, enable the Development environment by setting the ASPNETCORE_ENVIRONMENT environment variable to Development 24 | and restarting the app. 25 |
26 | -------------------------------------------------------------------------------- /ECommerceMVC/wwwroot/lib/owlcarousel/assets/owl.theme.green.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Owl Carousel v2.2.1 3 | * Copyright 2013-2017 David Deutsch 4 | * Licensed under () 5 | */ 6 | .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0} -------------------------------------------------------------------------------- /ECommerceMVC/wwwroot/lib/owlcarousel/assets/owl.theme.default.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Owl Carousel v2.2.1 3 | * Copyright 2013-2017 David Deutsch 4 | * Licensed under () 5 | */ 6 | .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} -------------------------------------------------------------------------------- /ECommerceMVC/Data/KhachHang.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | 4 | namespace ECommerceMVC.Data; 5 | 6 | public partial class KhachHang 7 | { 8 | public string MaKh { get; set; } = null!; 9 | 10 | public string? MatKhau { get; set; } 11 | 12 | public string HoTen { get; set; } = null!; 13 | 14 | public bool GioiTinh { get; set; } 15 | 16 | public DateTime NgaySinh { get; set; } 17 | 18 | public string? DiaChi { get; set; } 19 | 20 | public string? DienThoai { get; set; } 21 | 22 | public string Email { get; set; } = null!; 23 | 24 | public string? Hinh { get; set; } 25 | 26 | public bool HieuLuc { get; set; } 27 | 28 | public int VaiTro { get; set; } 29 | 30 | public string? RandomKey { get; set; } 31 | 32 | public virtual ICollection
3 |
17 |
--------------------------------------------------------------------------------
/ECommerceMVC/wwwroot/scss/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 | // Helpers
12 | @import "mixins/breakpoints";
13 | @import "mixins/color-scheme";
14 | @import "mixins/image";
15 | @import "mixins/resize";
16 | @import "mixins/visually-hidden";
17 | @import "mixins/reset-text";
18 | @import "mixins/text-truncate";
19 |
20 | // Utilities
21 | @import "mixins/utilities";
22 |
23 | // Components
24 | @import "mixins/alert";
25 | @import "mixins/buttons";
26 | @import "mixins/caret";
27 | @import "mixins/pagination";
28 | @import "mixins/lists";
29 | @import "mixins/list-group";
30 | @import "mixins/forms";
31 | @import "mixins/table-variants";
32 |
33 | // Skins
34 | @import "mixins/border-radius";
35 | @import "mixins/box-shadow";
36 | @import "mixins/gradients";
37 | @import "mixins/transition";
38 |
39 | // Layout
40 | @import "mixins/clearfix";
41 | @import "mixins/container";
42 | @import "mixins/grid";
43 |
--------------------------------------------------------------------------------
/ECommerceMVC/wwwroot/scss/bootstrap/scss/mixins/_table-variants.scss:
--------------------------------------------------------------------------------
1 | // scss-docs-start table-variant
2 | @mixin table-variant($state, $background) {
3 | .table-#{$state} {
4 | $color: color-contrast(opaque($body-bg, $background));
5 | $hover-bg: mix($color, $background, percentage($table-hover-bg-factor));
6 | $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));
7 | $active-bg: mix($color, $background, percentage($table-active-bg-factor));
8 |
9 | --#{$variable-prefix}table-bg: #{$background};
10 | --#{$variable-prefix}table-striped-bg: #{$striped-bg};
11 | --#{$variable-prefix}table-striped-color: #{color-contrast($striped-bg)};
12 | --#{$variable-prefix}table-active-bg: #{$active-bg};
13 | --#{$variable-prefix}table-active-color: #{color-contrast($active-bg)};
14 | --#{$variable-prefix}table-hover-bg: #{$hover-bg};
15 | --#{$variable-prefix}table-hover-color: #{color-contrast($hover-bg)};
16 |
17 | color: $color;
18 | border-color: mix($color, $background, percentage($table-border-factor));
19 | }
20 | }
21 | // scss-docs-end table-variant
22 |
--------------------------------------------------------------------------------
/ECommerceMVC/Views/Shared/_Layout.cshtml.css:
--------------------------------------------------------------------------------
1 | /* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
2 | for details on configuring this project to bundle and minify static web assets. */
3 |
4 | a.navbar-brand {
5 | white-space: normal;
6 | text-align: center;
7 | word-break: break-all;
8 | }
9 |
10 | a {
11 | color: #0077cc;
12 | }
13 |
14 | .btn-primary {
15 | color: #fff;
16 | background-color: #1b6ec2;
17 | border-color: #1861ac;
18 | }
19 |
20 | .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
21 | color: #fff;
22 | background-color: #1b6ec2;
23 | border-color: #1861ac;
24 | }
25 |
26 | .border-top {
27 | border-top: 1px solid #e5e5e5;
28 | }
29 | .border-bottom {
30 | border-bottom: 1px solid #e5e5e5;
31 | }
32 |
33 | .box-shadow {
34 | box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
35 | }
36 |
37 | button.accept-policy {
38 | font-size: 1rem;
39 | line-height: inherit;
40 | }
41 |
42 | .footer {
43 | position: absolute;
44 | bottom: 0;
45 | width: 100%;
46 | white-space: nowrap;
47 | line-height: 60px;
48 | }
49 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # ECommerce - ASP.NET Core 8 MVC
2 |
3 | ### Series giới thiệu dự án E-Commerce
4 |
5 | ### Hướng dẫn Xây dựng Website Thương mại Điện tử với ASP.NET Core MVC trên nền .NET Core 8.
6 | Mời các bạn theo dõi, học hỏi và chia sẽ. ([YouTube](https://www.youtube.com/playlist?list=PLE5Bje814fYbtRxvDgmWJ6fUpIZXtbNrb))
7 |
8 | ## Video 0 - Giới thiệu dự án - https://youtu.be/7hwegNKkq9k
9 |
10 | ## Video 1 - Tạo project - https://youtu.be/JNFBVt2tbCs
11 |
12 | ## Video 2 - Tạo Layout template trang chủ - https://youtu.be/g7WjoJOMHyI
13 |
14 | ## Video 3 - Tạo Menu dạng ViewComponent cho trang Layout Danh sách hàng hóa - https://youtu.be/yTOcQtF1lzo
15 |
16 | ## Video 4 - Trang Danh sách hàng hóa - https://youtu.be/ocu5he0JSAs
17 |
18 | ## Video 5 - Trang chi tiết hàng hóa - https://youtu.be/rTLZTVyGwlw
19 |
20 | ## Video 6 - Đưa hàng vào giỏ - https://youtu.be/zooxDCy1oZY
21 |
22 | ## Video 7 - Thông tin giỏ hàng - https://youtu.be/K01EacugLzo
23 |
24 | ## Video 8 - Trang đăng ký - https://youtu.be/uuMMw2If1js
25 |
26 |
27 | #### Nếu thấy hay và hữu ích, hãy ủng hộ tôi 01 ly cafe để tỉnh táo thực hiện các video tiếp theo: *BIDV 0559 667 467*
28 | Chân thành cảm ơn.
29 |
--------------------------------------------------------------------------------
/ECommerceMVC/Data/HoaDon.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 |
4 | namespace ECommerceMVC.Data;
5 |
6 | public partial class HoaDon
7 | {
8 | public int MaHd { get; set; }
9 |
10 | public string MaKh { get; set; } = null!;
11 |
12 | public DateTime NgayDat { get; set; }
13 |
14 | public DateTime? NgayCan { get; set; }
15 |
16 | public DateTime? NgayGiao { get; set; }
17 |
18 | public string? HoTen { get; set; }
19 |
20 | public string DiaChi { get; set; } = null!;
21 |
22 | public string CachThanhToan { get; set; } = null!;
23 |
24 | public string CachVanChuyen { get; set; } = null!;
25 |
26 | public double PhiVanChuyen { get; set; }
27 |
28 | public int MaTrangThai { get; set; }
29 |
30 | public string? MaNv { get; set; }
31 |
32 | public string? GhiChu { get; set; }
33 |
34 | public virtual ICollection
4 |
16 |
5 |
15 |
6 | Your Site Name, All right reserved.
7 |
8 |
9 |
10 |
11 |
12 | Designed By HTML Codex
13 |
14 |
11 |
18 | }
19 |
20 |
21 | @await Html.PartialAsync("ProductItem", Model)
22 |
23 |
35 |
--------------------------------------------------------------------------------
/ECommerceMVC/Properties/launchSettings.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "http://json.schemastore.org/launchsettings.json",
3 | "iisSettings": {
4 | "windowsAuthentication": false,
5 | "anonymousAuthentication": true,
6 | "iisExpress": {
7 | "applicationUrl": "http://localhost:20123",
8 | "sslPort": 44392
9 | }
10 | },
11 | "profiles": {
12 | "http": {
13 | "commandName": "Project",
14 | "dotnetRunMessages": true,
15 | "launchBrowser": true,
16 | "applicationUrl": "http://localhost:5259",
17 | "environmentVariables": {
18 | "ASPNETCORE_ENVIRONMENT": "Development"
19 | }
20 | },
21 | "https": {
22 | "commandName": "Project",
23 | "dotnetRunMessages": true,
24 | "launchBrowser": true,
25 | "applicationUrl": "https://localhost:7148;http://localhost:5259",
26 | "environmentVariables": {
27 | "ASPNETCORE_ENVIRONMENT": "Development"
28 | }
29 | },
30 | "IIS Express": {
31 | "commandName": "IISExpress",
32 | "launchBrowser": true,
33 | "environmentVariables": {
34 | "ASPNETCORE_ENVIRONMENT": "Development"
35 | }
36 | }
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/ECommerceMVC/wwwroot/scss/bootstrap/scss/mixins/_visually-hidden.scss:
--------------------------------------------------------------------------------
1 | // stylelint-disable declaration-no-important
2 |
3 | // Hide content visually while keeping it accessible to assistive technologies
4 | //
5 | // See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
6 | // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
7 |
8 | @mixin visually-hidden() {
9 | position: absolute !important;
10 | width: 1px !important;
11 | height: 1px !important;
12 | padding: 0 !important;
13 | margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686
14 | overflow: hidden !important;
15 | clip: rect(0, 0, 0, 0) !important;
16 | white-space: nowrap !important;
17 | border: 0 !important;
18 | }
19 |
20 | // Use to only display content when it's focused, or one of its child elements is focused
21 | // (i.e. when focus is within the element/container that the class was applied to)
22 | //
23 | // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
24 |
25 | @mixin visually-hidden-focusable() {
26 | &:not(:focus):not(:focus-within) {
27 | @include visually-hidden();
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/ECommerceMVC/Data/HangHoa.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 |
4 | namespace ECommerceMVC.Data;
5 |
6 | public partial class HangHoa
7 | {
8 | public int MaHh { get; set; }
9 |
10 | public string TenHh { get; set; } = null!;
11 |
12 | public string? TenAlias { get; set; }
13 |
14 | public int MaLoai { get; set; }
15 |
16 | public string? MoTaDonVi { get; set; }
17 |
18 | public double? DonGia { get; set; }
19 |
20 | public string? Hinh { get; set; }
21 |
22 | public DateTime NgaySx { get; set; }
23 |
24 | public double GiamGia { get; set; }
25 |
26 | public int SoLanXem { get; set; }
27 |
28 | public string? MoTa { get; set; }
29 |
30 | public string MaNcc { get; set; } = null!;
31 |
32 | public virtual ICollectionShop
12 | 17 |Có @Model.Count() sản phẩm.
4 | @foreach (var item in Model) 5 | { 6 |
7 |
24 | }
--------------------------------------------------------------------------------
/ECommerceMVC/wwwroot/scss/bootstrap/scss/bootstrap.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v5.0.0 (https://getbootstrap.com/)
3 | * Copyright 2011-2021 The Bootstrap Authors
4 | * Copyright 2011-2021 Twitter, Inc.
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6 | */
7 |
8 | // scss-docs-start import-stack
9 | // Configuration
10 | @import "functions";
11 | @import "variables";
12 | @import "mixins";
13 | @import "utilities";
14 |
15 | // Layout & components
16 | @import "root";
17 | @import "reboot";
18 | @import "type";
19 | @import "images";
20 | @import "containers";
21 | @import "grid";
22 | @import "tables";
23 | @import "forms";
24 | @import "buttons";
25 | @import "transitions";
26 | @import "dropdown";
27 | @import "button-group";
28 | @import "nav";
29 | @import "navbar";
30 | @import "card";
31 | @import "accordion";
32 | @import "breadcrumb";
33 | @import "pagination";
34 | @import "badge";
35 | @import "alert";
36 | @import "progress";
37 | @import "list-group";
38 | @import "close";
39 | @import "toasts";
40 | @import "modal";
41 | @import "tooltip";
42 | @import "popover";
43 | @import "carousel";
44 | @import "spinners";
45 | @import "offcanvas";
46 |
47 | // Helpers
48 | @import "helpers";
49 |
50 | // Utilities
51 | @import "utilities/api";
52 | // scss-docs-end import-stack
53 |
--------------------------------------------------------------------------------
/ECommerceMVC/wwwroot/scss/bootstrap/scss/_close.scss:
--------------------------------------------------------------------------------
1 | // transparent background and border properties included for button version.
2 | // iOS requires the button element instead of an anchor tag.
3 | // If you want the anchor version, it requires `href="#"`.
4 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
5 |
6 | .btn-close {
7 | box-sizing: content-box;
8 | width: $btn-close-width;
9 | height: $btn-close-height;
10 | padding: $btn-close-padding-y $btn-close-padding-x;
11 | color: $btn-close-color;
12 | background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
13 | border: 0; // for button elements
14 | @include border-radius();
15 | opacity: $btn-close-opacity;
16 |
17 | // Override 's hover style
18 | &:hover {
19 | color: $btn-close-color;
20 | text-decoration: none;
21 | opacity: $btn-close-hover-opacity;
22 | }
23 |
24 | &:focus {
25 | outline: 0;
26 | box-shadow: $btn-close-focus-shadow;
27 | opacity: $btn-close-focus-opacity;
28 | }
29 |
30 | &:disabled,
31 | &.disabled {
32 | pointer-events: none;
33 | user-select: none;
34 | opacity: $btn-close-disabled-opacity;
35 | }
36 | }
37 |
38 | .btn-close-white {
39 | filter: $btn-close-white-filter;
40 | }
41 |
--------------------------------------------------------------------------------
/ECommerceMVC/wwwroot/scss/bootstrap/scss/forms/_labels.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Labels
3 | //
4 |
5 | .form-label {
6 | margin-bottom: $form-label-margin-bottom;
7 | @include font-size($form-label-font-size);
8 | font-style: $form-label-font-style;
9 | font-weight: $form-label-font-weight;
10 | color: $form-label-color;
11 | }
12 |
13 | // For use with horizontal and inline forms, when you need the label (or legend)
14 | // text to align with the form controls.
15 | .col-form-label {
16 | padding-top: add($input-padding-y, $input-border-width);
17 | padding-bottom: add($input-padding-y, $input-border-width);
18 | margin-bottom: 0; // Override the `
8 |
23 |
9 |
10 | 
11 |
12 |
13 | @item.TenLoai
14 |
22 |