Skip to content

Commit 1ac27da

Browse files
author
Nick Hwang
committed
Transpile tether
1 parent 9709bef commit 1ac27da

15 files changed

Lines changed: 1866 additions & 2201 deletions

‎dist/css/tether-theme-arrows-dark.css‎

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before {
2+
box-sizing: border-box; }
3+
4+
.tether-element {
5+
position: absolute;
6+
display: none; }
7+
.tether-element.tether-open {
8+
display: block; }
9+
10+
.tether-element.tether-theme-arrows-dark {
11+
max-width: 100%;
12+
max-height: 100%; }
13+
.tether-element.tether-theme-arrows-dark .tether-content {
14+
border-radius: 5px;
15+
position: relative;
16+
font-family: inherit;
17+
background: #000;
18+
color: #fff;
19+
padding: 1em;
20+
font-size: 1.1em;
21+
line-height: 1.5em; }
22+
.tether-element.tether-theme-arrows-dark .tether-content:before {
23+
content: "";
24+
display: block;
25+
position: absolute;
26+
width: 0;
27+
height: 0;
28+
border-color: transparent;
29+
border-width: 16px;
30+
border-style: solid; }
31+
.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-center .tether-content {
32+
margin-bottom: 16px; }
33+
.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-center .tether-content:before {
34+
top: 100%;
35+
left: 50%;
36+
margin-left: -16px;
37+
border-top-color: #000; }
38+
.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-center .tether-content {
39+
margin-top: 16px; }
40+
.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-center .tether-content:before {
41+
bottom: 100%;
42+
left: 50%;
43+
margin-left: -16px;
44+
border-bottom-color: #000; }
45+
.tether-element.tether-theme-arrows-dark.tether-element-attached-right.tether-element-attached-middle .tether-content {
46+
margin-right: 16px; }
47+
.tether-element.tether-theme-arrows-dark.tether-element-attached-right.tether-element-attached-middle .tether-content:before {
48+
left: 100%;
49+
top: 50%;
50+
margin-top: -16px;
51+
border-left-color: #000; }
52+
.tether-element.tether-theme-arrows-dark.tether-element-attached-left.tether-element-attached-middle .tether-content {
53+
margin-left: 16px; }
54+
.tether-element.tether-theme-arrows-dark.tether-element-attached-left.tether-element-attached-middle .tether-content:before {
55+
right: 100%;
56+
top: 50%;
57+
margin-top: -16px;
58+
border-right-color: #000; }
59+
.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content {
60+
margin-top: 16px; }
61+
.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content:before {
62+
bottom: 100%;
63+
left: 16px;
64+
border-bottom-color: #000; }
65+
.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content {
66+
margin-top: 16px; }
67+
.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content:before {
68+
bottom: 100%;
69+
right: 16px;
70+
border-bottom-color: #000; }
71+
.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content {
72+
margin-bottom: 16px; }
73+
.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content:before {
74+
top: 100%;
75+
left: 16px;
76+
border-top-color: #000; }
77+
.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content {
78+
margin-bottom: 16px; }
79+
.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content:before {
80+
top: 100%;
81+
right: 16px;
82+
border-top-color: #000; }
83+
.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content {
84+
margin-right: 16px; }
85+
.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content:before {
86+
top: 16px;
87+
left: 100%;
88+
border-left-color: #000; }
89+
.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content {
90+
margin-left: 16px; }
91+
.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before {
92+
top: 16px;
93+
right: 100%;
94+
border-right-color: #000; }
95+
.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content {
96+
margin-right: 16px; }
97+
.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content:before {
98+
bottom: 16px;
99+
left: 100%;
100+
border-left-color: #000; }
101+
.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content {
102+
margin-left: 16px; }
103+
.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content:before {
104+
bottom: 16px;
105+
right: 100%;
106+
border-right-color: #000; }

‎dist/css/tether-theme-arrows.css‎

Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before {
2+
box-sizing: border-box; }
3+
4+
.tether-element {
5+
position: absolute;
6+
display: none; }
7+
.tether-element.tether-open {
8+
display: block; }
9+
10+
.tether-element.tether-theme-arrows {
11+
max-width: 100%;
12+
max-height: 100%; }
13+
.tether-element.tether-theme-arrows .tether-content {
14+
border-radius: 5px;
15+
position: relative;
16+
font-family: inherit;
17+
background: #fff;
18+
color: inherit;
19+
padding: 1em;
20+
font-size: 1.1em;
21+
line-height: 1.5em;
22+
-webkit-transform: translateZ(0);
23+
transform: translateZ(0);
24+
-webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
25+
filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); }
26+
.tether-element.tether-theme-arrows .tether-content:before {
27+
content: "";
28+
display: block;
29+
position: absolute;
30+
width: 0;
31+
height: 0;
32+
border-color: transparent;
33+
border-width: 16px;
34+
border-style: solid; }
35+
.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-center .tether-content {
36+
margin-bottom: 16px; }
37+
.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-center .tether-content:before {
38+
top: 100%;
39+
left: 50%;
40+
margin-left: -16px;
41+
border-top-color: #fff; }
42+
.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-center .tether-content {
43+
margin-top: 16px; }
44+
.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-center .tether-content:before {
45+
bottom: 100%;
46+
left: 50%;
47+
margin-left: -16px;
48+
border-bottom-color: #fff; }
49+
.tether-element.tether-theme-arrows.tether-element-attached-right.tether-element-attached-middle .tether-content {
50+
margin-right: 16px; }
51+
.tether-element.tether-theme-arrows.tether-element-attached-right.tether-element-attached-middle .tether-content:before {
52+
left: 100%;
53+
top: 50%;
54+
margin-top: -16px;
55+
border-left-color: #fff; }
56+
.tether-element.tether-theme-arrows.tether-element-attached-left.tether-element-attached-middle .tether-content {
57+
margin-left: 16px; }
58+
.tether-element.tether-theme-arrows.tether-element-attached-left.tether-element-attached-middle .tether-content:before {
59+
right: 100%;
60+
top: 50%;
61+
margin-top: -16px;
62+
border-right-color: #fff; }
63+
.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content {
64+
margin-top: 16px; }
65+
.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content:before {
66+
bottom: 100%;
67+
left: 16px;
68+
border-bottom-color: #fff; }
69+
.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content {
70+
margin-top: 16px; }
71+
.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content:before {
72+
bottom: 100%;
73+
right: 16px;
74+
border-bottom-color: #fff; }
75+
.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content {
76+
margin-bottom: 16px; }
77+
.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content:before {
78+
top: 100%;
79+
left: 16px;
80+
border-top-color: #fff; }
81+
.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content {
82+
margin-bottom: 16px; }
83+
.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content:before {
84+
top: 100%;
85+
right: 16px;
86+
border-top-color: #fff; }
87+
.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content {
88+
margin-right: 16px; }
89+
.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content:before {
90+
top: 16px;
91+
left: 100%;
92+
border-left-color: #fff; }
93+
.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content {
94+
margin-left: 16px; }
95+
.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before {
96+
top: 16px;
97+
right: 100%;
98+
border-right-color: #fff; }
99+
.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content {
100+
margin-right: 16px; }
101+
.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content:before {
102+
bottom: 16px;
103+
left: 100%;
104+
border-left-color: #fff; }
105+
.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content {
106+
margin-left: 16px; }
107+
.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content:before {
108+
bottom: 16px;
109+
right: 100%;
110+
border-right-color: #fff; }

‎dist/css/tether-theme-basic.css‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before {
2+
box-sizing: border-box; }
3+
4+
.tether-element {
5+
position: absolute;
6+
display: none; }
7+
.tether-element.tether-open {
8+
display: block; }
9+
10+
.tether-element.tether-theme-basic {
11+
max-width: 100%;
12+
max-height: 100%; }
13+
.tether-element.tether-theme-basic .tether-content {
14+
border-radius: 5px;
15+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
16+
font-family: inherit;
17+
background: #fff;
18+
color: inherit;
19+
padding: 1em;
20+
font-size: 1.1em;
21+
line-height: 1.5em; }

‎dist/css/tether.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before {
2+
box-sizing: border-box; }
3+
4+
.tether-element {
5+
position: absolute;
6+
display: none; }
7+
.tether-element.tether-open {
8+
display: block; }

‎dist/js/temp/abutment.js‎

Lines changed: 0 additions & 74 deletions
This file was deleted.

0 commit comments

Comments
 (0)