Full source code website bán hàng thương mại điện tử gần giống shopee
478.590 lượt xem;
1 /*
2 * Component: alert
3 * ----------------
4 */
5
6 .alert {
7 .border-radius(3px);
8 h4 {
9 font-weight: 600;
10 }
11 .icon {
12 margin-right: 10px;
13 }
14 .close {
15 color: #000;
16 .opacity(.2);
17 &:hover {
18 .opacity(.5);
19 }
20 }
21 a {
22 color: #fff;
23 text-decoration: underline;
24 }
25 }
26
27 //Alert Variants
28 .alert-success {
29 &:extend(.bg-green);
30 border-color: darken(@green, 5%);
31 }
32
33 .alert-danger,
34 .alert-error {
35 &:extend(.bg-red);
36 border-color: darken(@red, 5%);
37 }
38
39 .alert-warning {
40 &:extend(.bg-yellow);
41 border-color: darken(@yellow, 5%);
42 }
43
44 .alert-info {
45 &:extend(.bg-aqua);
46 border-color: darken(@aqua, 5%);
47 }
2 * Component: alert
3 * ----------------
4 */
5
6 .alert {
7 .border-radius(3px);
8 h4 {
9 font-weight: 600;
10 }
11 .icon {
12 margin-right: 10px;
13 }
14 .close {
15 color: #000;
16 .opacity(.2);
17 &:hover {
18 .opacity(.5);
19 }
20 }
21 a {
22 color: #fff;
23 text-decoration: underline;
24 }
25 }
26
27 //Alert Variants
28 .alert-success {
29 &:extend(.bg-green);
30 border-color: darken(@green, 5%);
31 }
32
33 .alert-danger,
34 .alert-error {
35 &:extend(.bg-red);
36 border-color: darken(@red, 5%);
37 }
38
39 .alert-warning {
40 &:extend(.bg-yellow);
41 border-color: darken(@yellow, 5%);
42 }
43
44 .alert-info {
45 &:extend(.bg-aqua);
46 border-color: darken(@aqua, 5%);
47 }