this repo has no description
phaz.uk
1.tab-menu{
2 position: fixed;
3 top: 70px;
4 left: 20px;
5 width: 200px;
6 z-index: 100;
7 height: calc(100vh - 100px);
8 background: #272e44;
9 border-radius: 20px;
10 padding: 5px;
11 overflow-x: hidden;
12 overflow-y: auto;
13}
14
15.tab-container{
16 height: calc(100% - 35px);
17 overflow: auto;
18 mask-image: linear-gradient(to bottom, #000 90%, #0000);
19 padding-bottom: 25px;
20}
21
22.tab{
23 border-radius: 10px;
24 padding: 8px 10px;
25 background: #fff0;
26 margin: 5px;
27 font-size: 14px;
28 transition: 0.5s;
29 user-select: none;
30 -webkit-user-select: none;
31 display: flex;
32 color: #cfcfcf;
33}
34
35.tab:hover{
36 background: #fff1;
37}
38
39.tab-selected{
40 border-radius: 10px;
41 padding: 8px 10px;
42 margin: 5px;
43 font-size: 14px;
44 transition: 0.5s;
45 user-select: none;
46 -webkit-user-select: none;
47 display: flex;
48 color: #cfcfcf;
49 background: #fff4;
50}
51
52.tab-selected > .tab-close{
53 opacity: 1;
54}
55
56.tab:hover > .tab-close{
57 opacity: 1;
58}
59
60.tab-meta{
61 width: calc(100% - 40px);
62 transform: translateY(1px);
63 display: flex;
64 align-items: center;
65}
66
67.tab-meta-input{
68 color: #cfcfcf;
69 font-size: 14px;
70 width: 120px;
71 background: none;
72 outline: none;
73 border: none;
74 transform: translateY(-1px);
75}
76
77.tab-close{
78 opacity: 0;
79 width: 20px;
80 height: 20px;
81 display: flex;
82 align-items: center;
83 justify-content: center;
84 border-radius: 5px;
85}
86
87.tab-close:hover{
88 background: #fff3;
89}
90
91.tab-icon{
92 width: 20px;
93 height: 20px;
94 display: flex;
95 align-items: center;
96 justify-content: left;
97}
98
99.tab-new-dropdown{
100 position: absolute;
101 width: 180px;
102 transform: translate(-10px, 35px);
103 border-radius: 10px;
104 background: #fff1;
105}
106
107.tab-icon-bar{
108 height: 30px;
109 margin: 0 5px;
110 display: flex;
111 justify-content: left;
112 align-items: center;
113}
114
115.tab-icon-bar img{
116 padding: 3px;
117 border-radius: 5px;
118 transition: 0.1s;
119 background: transparent;
120 cursor: pointer;
121 user-select: none;
122 -webkit-user-select: none;
123}
124
125.tab-icon-bar img:hover{
126 background: #fff2;
127}