@nine-lab/nine-ux 0.1.224 → 0.1.225
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/css/nineNav.css
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
border-bottom-right-radius: 8px;
|
|
23
23
|
border-bottom-left-radius: 8px;
|
|
24
24
|
--box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
|
|
25
|
-
gap:
|
|
25
|
+
gap: 8px;
|
|
26
26
|
|
|
27
27
|
.title-icon {
|
|
28
28
|
display: none;
|
|
@@ -33,12 +33,46 @@
|
|
|
33
33
|
background-size: auto;
|
|
34
34
|
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(200,200,200)" class="bi bi-grid" viewBox="0 0 16 16"><path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5z"/></svg>');
|
|
35
35
|
}
|
|
36
|
+
|
|
37
|
+
span.touchdown-3color {
|
|
38
|
+
display: inline-block;
|
|
39
|
+
font-family: 'Arial Black', Impact, sans-serif;
|
|
40
|
+
font-size: 20px;
|
|
41
|
+
font-weight: 900;
|
|
42
|
+
line-height: 1.2;
|
|
43
|
+
letter-spacing: -0.03em;
|
|
44
|
+
--padding: 0 8px;
|
|
45
|
+
white-space: nowrap;
|
|
46
|
+
|
|
47
|
+
/* 그라디언트를 이용해 사선을 왼쪽으로 당기고 삼색을 빈틈없이 결합 */
|
|
48
|
+
background: linear-gradient(
|
|
49
|
+
45deg,
|
|
50
|
+
#666 0%, /* [1번] 빨간색 시작 */
|
|
51
|
+
#666 50%,
|
|
52
|
+
#F37021 50%, /* [2번] 오렌지색 시작 (빨간색 끝점과 완벽 밀착) */
|
|
53
|
+
#F37021 70%,
|
|
54
|
+
#444 70%, /* [3번] 초록색 시작 (오렌지색 끝점과 완벽 밀착) */
|
|
55
|
+
#444 100%
|
|
56
|
+
);
|
|
57
|
+
|
|
58
|
+
/* 배경을 글자 테두리 모양으로 칼같이 깎아내기 */
|
|
59
|
+
-webkit-background-clip: text;
|
|
60
|
+
background-clip: text;
|
|
61
|
+
-webkit-text-fill-color: transparent;
|
|
62
|
+
|
|
63
|
+
/* 가상 요소나 잔여 span 스타일이 렌더링을 방해하지 못하도록 완전히 초기화 */
|
|
64
|
+
&::before, &::after, span {
|
|
65
|
+
display: none !important;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
/* [삭제/수정] 기존 초록색 span 스타일이 중복 방해하지 않도록 클래스가 없는 순수 span만 한정 */
|
|
36
70
|
span {
|
|
37
|
-
padding-left:
|
|
38
|
-
padding-right:
|
|
39
|
-
color:
|
|
40
|
-
font-weight:
|
|
41
|
-
font-size:
|
|
71
|
+
padding-left: unset;
|
|
72
|
+
padding-right: unset;
|
|
73
|
+
color: unset;
|
|
74
|
+
font-weight: unset;
|
|
75
|
+
font-size: unset;
|
|
42
76
|
}
|
|
43
77
|
|
|
44
78
|
.bar1, .bar8 {
|
|
@@ -57,6 +91,18 @@
|
|
|
57
91
|
.bar3, .bar9 {
|
|
58
92
|
display: none;
|
|
59
93
|
}
|
|
94
|
+
|
|
95
|
+
.bar9 {
|
|
96
|
+
display: block;
|
|
97
|
+
width: 18px;
|
|
98
|
+
height: 18px;
|
|
99
|
+
background-color: transparent;
|
|
100
|
+
background-repeat: no-repeat;
|
|
101
|
+
background-position: center;
|
|
102
|
+
background-size: auto;
|
|
103
|
+
/* stroke와 stroke-width를 주입하여 선 두께를 부드럽게 확장 */
|
|
104
|
+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23999999" class="bi bi-bookmark" viewBox="0 0 16 16"><path stroke="%23999999" stroke-width="0.5" stroke-linejoin="round" d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/></svg>');
|
|
105
|
+
}
|
|
60
106
|
}
|
|
61
107
|
}
|
|
62
108
|
|