dlegr250_material_design 0.5.80 → 0.5.81
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/dlegr250_material_design/version.rb +1 -1
- data/vendor/assets/stylesheets/base/base.scss +1 -28
- data/vendor/assets/stylesheets/base/global_classes.scss +59 -51
- data/vendor/assets/stylesheets/base/mixins.scss +120 -70
- data/vendor/assets/stylesheets/base/variables/colors.scss +295 -296
- data/vendor/assets/stylesheets/base/variables/dimensions.scss +57 -92
- data/vendor/assets/stylesheets/components/blank_states.scss +2 -1
- data/vendor/assets/stylesheets/components/dialogs.scss +13 -13
- data/vendor/assets/stylesheets/components/dividers.scss +37 -51
- data/vendor/assets/stylesheets/components/layout/application_container.scss +12 -0
- data/vendor/assets/stylesheets/components/layout/grid.scss +102 -0
- data/vendor/assets/stylesheets/components/layout/main.scss +16 -0
- data/vendor/assets/stylesheets/components/layout/overlay.scss +31 -0
- data/vendor/assets/stylesheets/components/layout/sidebar.scss +17 -0
- data/vendor/assets/stylesheets/components/layout/toolbar.scss +129 -0
- data/vendor/assets/stylesheets/components/search.scss +146 -0
- data/vendor/assets/stylesheets/components/tables.scss +106 -64
- data/vendor/assets/stylesheets/dlegr250_material_design.scss +7 -6
- metadata +9 -8
- data/vendor/assets/stylesheets/components/borders.scss +0 -8
- data/vendor/assets/stylesheets/components/breadcrumbs.scss +0 -32
- data/vendor/assets/stylesheets/components/circles.scss +0 -16
- data/vendor/assets/stylesheets/components/cursors.scss +0 -6
- data/vendor/assets/stylesheets/components/overlay.scss +0 -24
- data/vendor/assets/stylesheets/components/underlines.scss +0 -7
@@ -17,18 +17,21 @@
|
|
17
17
|
// Layouts
|
18
18
|
//----------------------------------------------------------------------
|
19
19
|
|
20
|
-
|
20
|
+
@import "components/layout/application_container";
|
21
|
+
@import "components/layout/toolbar";
|
22
|
+
@import "components/layout/sidebar";
|
23
|
+
@import "components/layout/main";
|
24
|
+
@import "components/layout/overlay";
|
25
|
+
@import "components/layout/grid";
|
21
26
|
|
22
27
|
// Components
|
23
28
|
//----------------------------------------------------------------------
|
24
29
|
|
30
|
+
@import "components/search";
|
25
31
|
@import "components/snackbars";
|
26
32
|
@import "components/badges";
|
27
33
|
@import "components/tabs";
|
28
34
|
@import "components/blank_states";
|
29
|
-
@import "components/borders";
|
30
|
-
@import "components/breadcrumbs";
|
31
|
-
@import "components/circles";
|
32
35
|
@import "components/comments";
|
33
36
|
@import "components/keyboard_shortcuts";
|
34
37
|
@import "components/menus";
|
@@ -51,7 +54,6 @@
|
|
51
54
|
@import "components/forms/helper_texts";
|
52
55
|
@import "components/cards";
|
53
56
|
@import "components/dialogs";
|
54
|
-
@import "components/overlay";
|
55
57
|
@import "components/panels";
|
56
58
|
@import "components/progress_bar";
|
57
59
|
@import "components/lists";
|
@@ -61,7 +63,6 @@
|
|
61
63
|
@import "components/tables";
|
62
64
|
@import "components/toggle_panels";
|
63
65
|
@import "components/spinners";
|
64
|
-
@import "components/underlines";
|
65
66
|
|
66
67
|
// Global classes have modifiers that should override defaults
|
67
68
|
//----------------------------------------------------------------------
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: dlegr250_material_design
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.5.
|
4
|
+
version: 0.5.81
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Daniel LeGrand
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date: 2017-08-
|
11
|
+
date: 2017-08-22 00:00:00.000000000 Z
|
12
12
|
dependencies: []
|
13
13
|
description: 'WARNING: ALPHA CODE, NOT PRODUCTION READY. ACTIVELY UNDER DEVELOPMENT
|
14
14
|
AS OF AUG 2016. Implement Google Material Design spec with modern browsers in mind
|
@@ -78,14 +78,10 @@ files:
|
|
78
78
|
- vendor/assets/stylesheets/base/variables/dimensions.scss
|
79
79
|
- vendor/assets/stylesheets/components/badges.scss
|
80
80
|
- vendor/assets/stylesheets/components/blank_states.scss
|
81
|
-
- vendor/assets/stylesheets/components/borders.scss
|
82
81
|
- vendor/assets/stylesheets/components/boxes.scss
|
83
|
-
- vendor/assets/stylesheets/components/breadcrumbs.scss
|
84
82
|
- vendor/assets/stylesheets/components/buttons.scss
|
85
83
|
- vendor/assets/stylesheets/components/cards.scss
|
86
|
-
- vendor/assets/stylesheets/components/circles.scss
|
87
84
|
- vendor/assets/stylesheets/components/comments.scss
|
88
|
-
- vendor/assets/stylesheets/components/cursors.scss
|
89
85
|
- vendor/assets/stylesheets/components/description_lists.scss
|
90
86
|
- vendor/assets/stylesheets/components/dialogs.scss
|
91
87
|
- vendor/assets/stylesheets/components/dividers.scss
|
@@ -103,11 +99,17 @@ files:
|
|
103
99
|
- vendor/assets/stylesheets/components/forms/toggles.scss
|
104
100
|
- vendor/assets/stylesheets/components/grids.scss
|
105
101
|
- vendor/assets/stylesheets/components/keyboard_shortcuts.scss
|
102
|
+
- vendor/assets/stylesheets/components/layout/application_container.scss
|
103
|
+
- vendor/assets/stylesheets/components/layout/grid.scss
|
104
|
+
- vendor/assets/stylesheets/components/layout/main.scss
|
105
|
+
- vendor/assets/stylesheets/components/layout/overlay.scss
|
106
|
+
- vendor/assets/stylesheets/components/layout/sidebar.scss
|
107
|
+
- vendor/assets/stylesheets/components/layout/toolbar.scss
|
106
108
|
- vendor/assets/stylesheets/components/lists.scss
|
107
109
|
- vendor/assets/stylesheets/components/menus.scss
|
108
|
-
- vendor/assets/stylesheets/components/overlay.scss
|
109
110
|
- vendor/assets/stylesheets/components/panels.scss
|
110
111
|
- vendor/assets/stylesheets/components/progress_bar.scss
|
112
|
+
- vendor/assets/stylesheets/components/search.scss
|
111
113
|
- vendor/assets/stylesheets/components/snackbars.scss
|
112
114
|
- vendor/assets/stylesheets/components/spinners.scss
|
113
115
|
- vendor/assets/stylesheets/components/subheaders.scss
|
@@ -115,7 +117,6 @@ files:
|
|
115
117
|
- vendor/assets/stylesheets/components/tabs.scss
|
116
118
|
- vendor/assets/stylesheets/components/toggle_panels.scss
|
117
119
|
- vendor/assets/stylesheets/components/tooltips.scss
|
118
|
-
- vendor/assets/stylesheets/components/underlines.scss
|
119
120
|
- vendor/assets/stylesheets/dlegr250_material_design.scss
|
120
121
|
- vendor/assets/stylesheets/fonts/google_material_design_icons.scss
|
121
122
|
- vendor/assets/stylesheets/fonts/google_material_design_icons/MaterialIcons-Regular.eot
|
@@ -1,32 +0,0 @@
|
|
1
|
-
//======================================================================
|
2
|
-
// EXAMPLE:
|
3
|
-
// <div class="breadcrumbs">
|
4
|
-
// <%= link_to "Text", url %>
|
5
|
-
// <em class="material-icons font-size-small">chevron_right</em>
|
6
|
-
// Text
|
7
|
-
// </div>
|
8
|
-
//======================================================================
|
9
|
-
|
10
|
-
.breadcrumbs {
|
11
|
-
color: color("helper");
|
12
|
-
font-size: $font-size-small;
|
13
|
-
font-weight: normal;
|
14
|
-
@include flex-parent-row();
|
15
|
-
@include truncate-text();
|
16
|
-
overflow-x: scroll;
|
17
|
-
padding: $spacing-normal;
|
18
|
-
|
19
|
-
a {
|
20
|
-
color: color("text");
|
21
|
-
font-size: $font-size-small;
|
22
|
-
font-weight: normal;
|
23
|
-
|
24
|
-
&:hover {
|
25
|
-
text-decoration: underline;
|
26
|
-
}
|
27
|
-
}
|
28
|
-
|
29
|
-
.material-icons {
|
30
|
-
padding: 0 $spacing-xsmall;
|
31
|
-
}
|
32
|
-
}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
// Circles
|
2
|
-
//----------------------------------------------------------------------
|
3
|
-
|
4
|
-
.circle {
|
5
|
-
background-color: color("divider");
|
6
|
-
display: inline-block;
|
7
|
-
padding: $spacing-normal;
|
8
|
-
text-align: center;
|
9
|
-
@include rounded-corners(50%);
|
10
|
-
}
|
11
|
-
|
12
|
-
.circle-xsmall { padding: $spacing-xsmall; }
|
13
|
-
.circle-small { padding: $spacing-small; }
|
14
|
-
.circle-normal { padding: $spacing-normal; }
|
15
|
-
.circle-large { padding: $spacing-large; }
|
16
|
-
.circle-xlarge { padding: $spacing-xlarge; }
|
@@ -1,24 +0,0 @@
|
|
1
|
-
// Overlay - base
|
2
|
-
//----------------------------------------------------------------------
|
3
|
-
|
4
|
-
#overlay {
|
5
|
-
background-color: rgba(0, 0, 0, 0.6);
|
6
|
-
cursor: pointer;
|
7
|
-
height: 100%;
|
8
|
-
left: 0;
|
9
|
-
position: fixed;
|
10
|
-
pointer-events: none;
|
11
|
-
top: 0;
|
12
|
-
width: 100%;
|
13
|
-
will-change: opacity;
|
14
|
-
z-index: $overlay-depth;
|
15
|
-
@include flex-center();
|
16
|
-
@include no-touch-highlight;
|
17
|
-
@include transparency(0);
|
18
|
-
@include transition(opacity 0.3s cubic-bezier(0, 0, 0.3, 1));
|
19
|
-
|
20
|
-
&.visible {
|
21
|
-
pointer-events: auto;
|
22
|
-
@include transparency(1.0);
|
23
|
-
}
|
24
|
-
}
|