Skip to content

Commit 66c4a1c

Browse files
nolimits4webnolimits4web
committed
3.0.0-beta.14 release
1 parent b47cdad commit 66c4a1c

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

41 files changed

+2529
-723
lines changed

‎CHANGELOG.md

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,17 @@
22

33
# Change Log
44

5+
# [v3.0.0-beta.14](https://github.com/framework7io/framework7/compare/v3.0.0-beta.12...v3.0.0-beta.14) - June 24, 2018
6+
* Core
7+
* Elevation
8+
* Elevation moved to separate component
9+
* Added support for `elevation-hover-$n` class to add elevation on hover
10+
* Added support for `elevation-pressed-$n` class to add elevation on press
11+
* Added support for `elevation-transiton` class to add transition between elevation states
12+
* Phenome
13+
* Icon
14+
* Added support for tooltip with `tooltip` prop
15+
516
# [v3.0.0-beta.12](https://github.com/framework7io/framework7/compare/v3.0.0-beta.11...v3.0.0-beta.12) - June 22, 2018
617
* Core
718
* Tooltip

‎packages/core/components/elevation/elevation-ios.less

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.ios {
2+
@import (multiple) '../../less/colors-ios.less';
3+
}

‎packages/core/components/elevation/elevation-md.less

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
.md {
2+
@import (multiple) '../../less/colors-md.less';
3+
}
4+
5+

‎packages/core/components/elevation/elevation.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
export default {
2+
name: 'elevation',
3+
};

‎packages/core/components/elevation/elevation.less

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
/* === Elevation === */
2+
@elevations: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24;
3+
.elevation-loop(@array, @i: 1) when (@i =< length(@array)) {
4+
@value: extract(@array, @i);
5+
.elevation-@{value} {
6+
.elevation(@value) !important;
7+
}
8+
.elevation-loop(@array, (@i + 1));
9+
}
10+
.elevation-loop(@elevations);
11+
12+
.elevation-hover-loop(@array, @i: 1) when (@i =< length(@array)) {
13+
@value: extract(@array, @i);
14+
.device-desktop .elevation-hover-@{value}:hover {
15+
.elevation(@value) !important;
16+
}
17+
.elevation-hover-loop(@array, (@i + 1));
18+
}
19+
.elevation-hover-loop(@elevations);
20+
21+
.elevation-pressed-loop(@array, @i: 1) when (@i =< length(@array)) {
22+
@value: extract(@array, @i);
23+
.active-state.elevation-pressed-@{value},
24+
.device-desktop .active-state.elevation-pressed-@{value} {
25+
.elevation(@value) !important;
26+
}
27+
.elevation-pressed-loop(@array, (@i + 1));
28+
}
29+
.elevation-pressed-loop(@elevations);
30+
31+
.elevation-transition-100 {
32+
transition-duration: 100ms;
33+
transition-property: box-shadow;
34+
}
35+
.elevation-transition,
36+
.elevation-transition-200 {
37+
transition-duration: 200ms;
38+
transition-property: box-shadow;
39+
}
40+
.elevation-transition-300 {
41+
transition-duration: 300ms;
42+
transition-property: box-shadow;
43+
}
44+
.elevation-transition-400 {
45+
transition-duration: 400ms;
46+
transition-property: box-shadow;
47+
}
48+
.elevation-transition-500 {
49+
transition-duration: 500ms;
50+
transition-property: box-shadow;
51+
}
52+
53+
& when (@includeIosTheme) {
54+
@import url('./elevation-ios.less');
55+
}
56+
& when (@includeMdTheme) {
57+
@import url('./elevation-md.less');
58+
}

‎packages/core/components/typography/typography.less

Lines changed: 0 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -87,81 +87,6 @@
8787
width: 100% !important;
8888
}
8989

90-
// Elevation
91-
.elevation-1 {
92-
.elevation(1) !important;
93-
}
94-
.elevation-2 {
95-
.elevation(2) !important;
96-
}
97-
.elevation-3 {
98-
.elevation(3) !important;
99-
}
100-
.elevation-4 {
101-
.elevation(4) !important;
102-
}
103-
.elevation-5 {
104-
.elevation(5) !important;
105-
}
106-
.elevation-6 {
107-
.elevation(6) !important;
108-
}
109-
.elevation-7 {
110-
.elevation(7) !important;
111-
}
112-
.elevation-8 {
113-
.elevation(8) !important;
114-
}
115-
.elevation-9 {
116-
.elevation(9) !important;
117-
}
118-
.elevation-10 {
119-
.elevation(10) !important;
120-
}
121-
.elevation-11 {
122-
.elevation(11) !important;
123-
}
124-
.elevation-12 {
125-
.elevation(12) !important;
126-
}
127-
.elevation-13 {
128-
.elevation(13) !important;
129-
}
130-
.elevation-14 {
131-
.elevation(14) !important;
132-
}
133-
.elevation-15 {
134-
.elevation(15) !important;
135-
}
136-
.elevation-16 {
137-
.elevation(16) !important;
138-
}
139-
.elevation-17 {
140-
.elevation(17) !important;
141-
}
142-
.elevation-18 {
143-
.elevation(18) !important;
144-
}
145-
.elevation-19 {
146-
.elevation(19) !important;
147-
}
148-
.elevation-20 {
149-
.elevation(20) !important;
150-
}
151-
.elevation-21 {
152-
.elevation(21) !important;
153-
}
154-
.elevation-22 {
155-
.elevation(22) !important;
156-
}
157-
.elevation-23 {
158-
.elevation(23) !important;
159-
}
160-
.elevation-24 {
161-
.elevation(24) !important;
162-
}
163-
164-
16590
& when (@includeIosTheme) {
16691
@import url('./typography-ios.less');
16792
}

‎packages/core/css/framework7.css

Lines changed: 369 additions & 98 deletions
Large diffs are not rendered by default.

‎packages/core/css/framework7.ios.css

Lines changed: 369 additions & 98 deletions
Large diffs are not rendered by default.

‎packages/core/css/framework7.ios.min.css

Lines changed: 3 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎packages/core/css/framework7.md.css

Lines changed: 369 additions & 98 deletions
Large diffs are not rendered by default.

0 commit comments

Comments
 (0)