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.
Files changed (26) hide show
  1. checksums.yaml +4 -4
  2. data/lib/dlegr250_material_design/version.rb +1 -1
  3. data/vendor/assets/stylesheets/base/base.scss +1 -28
  4. data/vendor/assets/stylesheets/base/global_classes.scss +59 -51
  5. data/vendor/assets/stylesheets/base/mixins.scss +120 -70
  6. data/vendor/assets/stylesheets/base/variables/colors.scss +295 -296
  7. data/vendor/assets/stylesheets/base/variables/dimensions.scss +57 -92
  8. data/vendor/assets/stylesheets/components/blank_states.scss +2 -1
  9. data/vendor/assets/stylesheets/components/dialogs.scss +13 -13
  10. data/vendor/assets/stylesheets/components/dividers.scss +37 -51
  11. data/vendor/assets/stylesheets/components/layout/application_container.scss +12 -0
  12. data/vendor/assets/stylesheets/components/layout/grid.scss +102 -0
  13. data/vendor/assets/stylesheets/components/layout/main.scss +16 -0
  14. data/vendor/assets/stylesheets/components/layout/overlay.scss +31 -0
  15. data/vendor/assets/stylesheets/components/layout/sidebar.scss +17 -0
  16. data/vendor/assets/stylesheets/components/layout/toolbar.scss +129 -0
  17. data/vendor/assets/stylesheets/components/search.scss +146 -0
  18. data/vendor/assets/stylesheets/components/tables.scss +106 -64
  19. data/vendor/assets/stylesheets/dlegr250_material_design.scss +7 -6
  20. metadata +9 -8
  21. data/vendor/assets/stylesheets/components/borders.scss +0 -8
  22. data/vendor/assets/stylesheets/components/breadcrumbs.scss +0 -32
  23. data/vendor/assets/stylesheets/components/circles.scss +0 -16
  24. data/vendor/assets/stylesheets/components/cursors.scss +0 -6
  25. data/vendor/assets/stylesheets/components/overlay.scss +0 -24
  26. data/vendor/assets/stylesheets/components/underlines.scss +0 -7
@@ -17,18 +17,21 @@
17
17
  // Layouts
18
18
  //----------------------------------------------------------------------
19
19
 
20
- // TODO: currently in Rails app
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.80
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-19 00:00:00.000000000 Z
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,8 +0,0 @@
1
- .bordered {
2
- border: 1px solid color("divider");
3
- }
4
-
5
- .bordered-rounded {
6
- border: 1px solid color("divider");
7
- @include rounded-corners();
8
- }
@@ -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,6 +0,0 @@
1
- // Cursors
2
- //----------------------------------------------------------------------
3
-
4
- .cursor-default { cursor: default !important; }
5
- .cursor-disabled { cursor: not-allowed !important; }
6
- .cursor-drag { cursor: move !important; }
@@ -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
- }
@@ -1,7 +0,0 @@
1
- .underline-color {
2
- border-bottom: 2px solid transparent;
3
- }
4
-
5
- @each $color-name, $color in $colors {
6
- .underline-color-#{$color-name} { border-color: $color; }
7
- }