/
input.css
42 lines (38 loc) · 999 Bytes
/
input.css
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
36
37
38
39
40
41
42
/* Tailwind用 */
@tailwind base;
@tailwind components;
@tailwind utilities;
/* 下記はオリジナル */
/* フッターを最下部固定にするために */
html, body {
height: 100%;
}
footer {
position: sticky; /* フッターを最下部固定にするために */
top: 100%; /* フッターを最下部固定にするために */
background-color: skyblue;
font-size: 1.3rem;
color: white;
padding: 1rem 0;
text-align: center;
}
#tabs {
@apply border-slate-300 border-b mt-10;
> ul {
@apply flex list-none;
> li {
&.active {
@apply border-slate-300 border-b-[#faf7f5] border-b-2 mb-[-1px] border-s border-t border-t-4 border-e rounded-t;
> button {
@apply font-bold text-black;
}
}
}
}
.tabs-btn {
@apply my-1 px-2 sm:px-5 py-2 sm:py-3 text-xs sm:text-base md:text-lg;
}
#tabsContents {
@apply border-slate-300 border-t border-s border-e p-5;
}
}