Skip to content

Commit 498ae4e

Browse files
PeterBotPeterBot
committedMar 1, 2017
Add spectre.css v0.2.4
1 parent 7472f85 commit 498ae4e

File tree

5 files changed

+2870
-1
lines changed

5 files changed

+2870
-1
lines changed
 

‎ajax/libs/spectre.css/0.2.4/spectre-exp.css

+170
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,170 @@
1+
/*! Spectre.css Experimentals | MIT License | github.com/picturepan2/spectre */
2+
.meter {
3+
-webkit-appearance: none;
4+
-moz-appearance: none;
5+
appearance: none;
6+
background: #f8f8f8;
7+
border: 0;
8+
display: block;
9+
height: 1.6rem;
10+
width: 100%;
11+
}
12+
.meter::-webkit-meter-inner-element {
13+
display: block;
14+
}
15+
.meter::-webkit-meter-bar,
16+
.meter::-webkit-meter-optimum-value,
17+
.meter::-webkit-meter-suboptimum-value,
18+
.meter::-webkit-meter-even-less-good-value {
19+
border-radius: .2rem;
20+
}
21+
.meter::-webkit-meter-bar {
22+
background: #f8f8f8;
23+
}
24+
.meter::-webkit-meter-optimum-value {
25+
background: #32b643;
26+
}
27+
.meter::-webkit-meter-suboptimum-value {
28+
background: #ffb700;
29+
}
30+
.meter::-webkit-meter-even-less-good-value {
31+
background: #e85600;
32+
}
33+
.meter::-moz-meter-bar,
34+
.meter::-moz-meter-optimum,
35+
.meter::-moz-meter-sub-optimum,
36+
.meter::-moz-meter-sub-sub-optimum {
37+
border-radius: .2rem;
38+
}
39+
.meter::-moz-meter-bar {
40+
background: #f8f8f8;
41+
}
42+
.meter:-moz-meter-optimum {
43+
background: #32b643;
44+
}
45+
.meter:-moz-meter-sub-optimum {
46+
background: #ffb700;
47+
}
48+
.meter:-moz-meter-sub-sub-optimum {
49+
background: #e85600;
50+
}
51+
.progress {
52+
-webkit-appearance: none;
53+
-moz-appearance: none;
54+
appearance: none;
55+
background: #efefef;
56+
border: 0;
57+
border-radius: .2rem;
58+
color: #5764c6;
59+
height: .4rem;
60+
position: relative;
61+
width: 100%;
62+
}
63+
.progress::-webkit-progress-bar {
64+
background: transparent;
65+
border-radius: .2rem;
66+
}
67+
.progress::-webkit-progress-value {
68+
background: #5764c6;
69+
border-radius: .2rem;
70+
}
71+
.progress::-moz-progress-bar {
72+
background: #5764c6;
73+
border-radius: .2rem;
74+
}
75+
.progress:indeterminate {
76+
-webkit-animation: progress-indeterminate 1.5s linear infinite;
77+
animation: progress-indeterminate 1.5s linear infinite;
78+
background: #efefef linear-gradient(to right, #5764c6 30%, #efefef 30%) top left / 150% 150% no-repeat;
79+
}
80+
.progress:indeterminate::-moz-progress-bar {
81+
background: transparent;
82+
}
83+
@-webkit-keyframes progress-indeterminate {
84+
0% {
85+
background-position: 200% 0;
86+
}
87+
100% {
88+
background-position: -200% 0;
89+
}
90+
}
91+
@keyframes progress-indeterminate {
92+
0% {
93+
background-position: 200% 0;
94+
}
95+
100% {
96+
background-position: -200% 0;
97+
}
98+
}
99+
.slider {
100+
-webkit-appearance: none;
101+
-moz-appearance: none;
102+
appearance: none;
103+
background: transparent;
104+
display: block;
105+
height: 2.4rem;
106+
width: 100%;
107+
}
108+
.slider::-webkit-slider-thumb {
109+
-webkit-appearance: none;
110+
background: #5764c6;
111+
border-radius: 50%;
112+
height: 1.2rem;
113+
margin-top: -.4rem;
114+
transition: transform .2s ease, -webkit-transform .2s ease;
115+
transition: transform .2s ease;
116+
transition: -webkit-transform .2s ease;
117+
width: 1.2rem;
118+
}
119+
.slider::-moz-range-thumb {
120+
background: #5764c6;
121+
border: 0;
122+
border-radius: 50%;
123+
height: 1.2rem;
124+
transition: transform .2s ease, -webkit-transform .2s ease;
125+
transition: transform .2s ease;
126+
transition: -webkit-transform .2s ease;
127+
width: 1.2rem;
128+
}
129+
.slider::-ms-thumb {
130+
background: #5764c6;
131+
border: 0;
132+
border-radius: 50%;
133+
height: 1.2rem;
134+
transition: transform .2s ease, -webkit-transform .2s ease;
135+
transition: transform .2s ease;
136+
transition: -webkit-transform .2s ease;
137+
width: 1.2rem;
138+
}
139+
.slider:active::-webkit-slider-thumb {
140+
-webkit-transform: scale(1.25);
141+
transform: scale(1.25);
142+
}
143+
.slider:active::-moz-range-thumb {
144+
transform: scale(1.25);
145+
}
146+
.slider:active::-ms-thumb {
147+
-ms-transform: scale(1.25);
148+
transform: scale(1.25);
149+
}
150+
.slider::-webkit-slider-runnable-track {
151+
background: #efefef;
152+
border-radius: .2rem;
153+
height: .4rem;
154+
width: 100%;
155+
}
156+
.slider::-moz-range-track {
157+
background: #efefef;
158+
border-radius: .2rem;
159+
height: .4rem;
160+
width: 100%;
161+
}
162+
.slider::-ms-track {
163+
background: #efefef;
164+
border-radius: .2rem;
165+
height: .4rem;
166+
width: 100%;
167+
}
168+
.slider::-ms-fill-lower {
169+
background: #5764c6;
170+
}

‎ajax/libs/spectre.css/0.2.4/spectre-exp.min.css

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎ajax/libs/spectre.css/0.2.4/spectre.css

+2,697
Large diffs are not rendered by default.

‎ajax/libs/spectre.css/0.2.4/spectre.min.css

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎ajax/libs/spectre.css/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "spectre.css",
3-
"version": "0.2.3",
3+
"version": "0.2.4",
44
"filename": "spectre.min.css",
55
"homepage": "https://picturepan2.github.io/spectre",
66
"author": "Yan Zhu <picturepan2@hotmail.com>",

0 commit comments

Comments
 (0)
Please sign in to comment.