Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitb544617

Browse files
authored
reduce product banner stroke width (#1632)
1 parent0f57e80 commitb544617

File tree

1 file changed

+25
-14
lines changed

1 file changed

+25
-14
lines changed
Lines changed: 25 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,63 @@
11
div[data-controller="notifications-product-product-banner"] {
22
margin-top:3rem;
33
margin-bottom:3rem;
4-
5-
.product_high,.product_medium,.product_marketing {
4+
5+
.product_high,
6+
.product_medium,
7+
.product_marketing {
68
background-color:#{$gray-600};
79
margin:2px0px;
810
}
911

1012
.product_high {
11-
border:2pxsolid#{$alert-notification-high};
12-
.title,.preset-icon {
13+
border:1pxsolid#{$alert-notification-high};
14+
15+
.title,
16+
.preset-icon {
1317
color:#{$alert-notification-high};
1418
}
19+
1520
.modal-body {
1621
border-color:#{$alert-notification-high};
1722
}
1823
}
1924

2025
.product_medium {
21-
border:2pxsolid#{$alert-notification-medium};
22-
.title,.preset-icon {
26+
border:1pxsolid#{$alert-notification-medium};
27+
28+
.title,
29+
.preset-icon {
2330
color:#{$alert-notification-medium};
2431
}
32+
2533
.modal-body {
2634
border-color:#{$alert-notification-medium};
2735
}
2836
}
2937

3038
.product_marketing {
31-
border:2pxsolid#{$alert-notification-marketing};
32-
.title,.preset-icon {
39+
border:1pxsolid#{$alert-notification-marketing};
40+
41+
.title,
42+
.preset-icon {
3343
color:#{$alert-notification-marketing};
3444
}
45+
3546
.modal-body {
3647
border-color:#{$alert-notification-marketing};
3748
}
3849
}
3950

4051
.close {
41-
color:#{$gray-100};
42-
font-size:24px;
52+
color:#{$gray-100};
53+
font-size:24px;
4354

44-
&:hover {
45-
color:#{$gray-200};
46-
}
55+
&:hover {
56+
color:#{$gray-200};
57+
}
4758
}
4859

4960
.more-info {
50-
color:#{$gray-100}
61+
color:#{$gray-100}
5162
}
5263
}

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp