dlegr250_material_design 0.5.73 → 0.5.74

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 710dc596d2421a1dc3e1b79bda6c4481aed8938d
4
- data.tar.gz: e947640259467251650b098c0d38df55a365d918
3
+ metadata.gz: 0b9539c41e974669699eae52e2b3a73e2ab910a1
4
+ data.tar.gz: 637840d116890b303c7d6e6de872a5681a418045
5
5
  SHA512:
6
- metadata.gz: 1c33b3b94341750fe2eaf5d967058dbf73237087a941ffd4a7c417da2cd5caaf390134949743e381d18bb039e9308cc0393ac8a202ab30c37d87c0bdf1d1f673
7
- data.tar.gz: '086d046452181ddc77cf6598dbf963322aa6f89481ab2fb79a9e107ce6abd4f8fb92b56276a1b23941ec183253275715ec4f8d7b69b55e9e662da0615b3fcec9'
6
+ metadata.gz: 382151bdc296d8e6993293d84e259537a94317fbe52253fb40297ae5eaf11fb714fb20afb012e26162f291a7a8fad8e858711bc13d9944002b7b60964c087b58
7
+ data.tar.gz: 4b94ec1deccfd97999c16538d5b77d55e0e1f92ba2d403e3e2dea5d5c275dff179f4e22ab1aa96e7d88dfe2c94314ad9abebcfe42a98d9c4d8e7bbcff109439f
@@ -1,3 +1,3 @@
1
1
  module Dlegr250MaterialDesign
2
- VERSION = "0.5.73"
2
+ VERSION = "0.5.74"
3
3
  end
@@ -5,7 +5,7 @@ class App.MD.ExpansionPanel
5
5
  $(document).off("click", "[data-behavior='expansion-panel-toggle']").on "click", "[data-behavior='expansion-panel-toggle']", (e) ->
6
6
  $panel = $(this).closest("[data-behavior='expansion-panel']")
7
7
  $details = $panel.find("[data-behavior='expansion-panel-details']")
8
- $editor = $details.find("[data-behavior~='html-editor']")
8
+ $editor = $details.find("[role~='html-editor']")
9
9
 
10
10
  if $panel.attr("data-state") == "expanded"
11
11
  $panel.attr("data-state", "collapsed")
@@ -18,9 +18,8 @@
18
18
 
19
19
  .card {
20
20
  background-color: color("white");
21
- border: 1px solid color("divider");
22
21
  width: auto;
23
- @include box-shadow(0 1px 0 rgba(0, 0, 0, 0.2));
22
+ @include box-shadow(0 0 1px #aaa);
24
23
  @include rounded-corners;
25
24
  }
26
25
 
@@ -131,7 +130,6 @@
131
130
  }
132
131
  }
133
132
 
134
-
135
133
  // Card - image header
136
134
  // Using an image at top instead of header text
137
135
  //----------------------------------------------------------------------
@@ -145,19 +143,15 @@
145
143
  }
146
144
  }
147
145
 
148
- // Inner cards - cards inside cards
146
+ // Card - responsive on small devices
149
147
  //----------------------------------------------------------------------
150
148
 
151
- // TODO do we even use this???
152
- .card-inner {
153
- @include box-shadow(none);
154
- @include full-width();
155
-
156
- .card-header {
157
- background-color: color("hover");
158
- }
149
+ .card-responsive {
150
+ @include rounded-corners(0);
151
+ }
159
152
 
160
- .card-header-primary {
161
- font-size: $font-size-normal;
153
+ @media (min-width: $device-medium) {
154
+ .card-responsive {
155
+ @include rounded-corners();
162
156
  }
163
157
  }
@@ -107,7 +107,7 @@
107
107
 
108
108
  .dl-dd {
109
109
  display: block;
110
- padding-bottom: $spacing-normal;
110
+ padding-bottom: 0;
111
111
  padding-top: 0;
112
112
  }
113
113
  }
@@ -2,10 +2,10 @@
2
2
  //----------------------------------------------------------------------
3
3
 
4
4
  label {
5
- color: color("text");
5
+ color: color("icon");
6
6
  cursor: pointer;
7
7
  font-size: $font-size-normal;
8
- font-weight: 600;
8
+ font-weight: normal;
9
9
  }
10
10
 
11
11
  // Labels - top aligned
@@ -108,7 +108,12 @@ ol {
108
108
  }
109
109
 
110
110
  .list-bordered {
111
- @include box-shadow(0 0 1px color("divider"));
111
+ @include box-shadow(0 0 1px #aaa);
112
+ }
113
+
114
+ // Remove duplicate border on last item in list
115
+ .list-bordered.list-divided .list-item:last-child {
116
+ border-bottom: none;
112
117
  }
113
118
 
114
119
  // Dividers between items
@@ -1,9 +1,8 @@
1
- // Updated tabs
1
+ // Tabs
2
2
  //----------------------------------------------------------------------
3
3
 
4
4
  .tabs {
5
5
  @include flex-parent-row();
6
- // height: $tab-height;
7
6
  height: 100%;
8
7
  position: relative;
9
8
  }
@@ -13,23 +12,21 @@
13
12
  color: color("helper");
14
13
  cursor: pointer;
15
14
  font-weight: bold;
16
-
17
15
  display: inline-flex;
18
16
  align-items: center;
19
17
  justify-content: center;
20
18
  flex: 1 1 auto;
21
19
  position: relative;
22
20
  height: 100%;
23
- @include font-smoothing();
24
-
25
21
  max-width: 264px;
26
22
  min-height: 48px;
27
- min-width: 72px;
23
+ min-width: auto;
28
24
  padding-left: 12px;
29
25
  padding-right: 12px;
30
26
  text-align: center;
31
27
  text-transform: uppercase;
32
28
  vertical-align: middle;
29
+ @include font-smoothing();
33
30
  @include transition(border-color 0.30s ease, background-color 0.30s ease);
34
31
  }
35
32
 
@@ -42,36 +39,8 @@
42
39
  }
43
40
  }
44
41
 
45
- // .tab {
46
- // @include flex-parent-row-align-center();
47
- // border-bottom: 2px solid transparent;
48
- // color: color("helper");
49
- // cursor: pointer;
50
- // display: inline-flex;
51
- // flex: 1 1 auto;
52
- // font-size: $font-size-small;
53
- // font-weight: 600;
54
- // height: 100%;
55
- // max-width: 150px;
56
- // overflow-x: auto;
57
- // overflow-y: hidden;
58
- // padding: 0 $spacing-normal;
59
- // position: relative;
60
- // text-align: center;
61
- // text-transform: uppercase;
62
- // vertical-align: middle;
63
- // @include transition(all 0.30s ease);
64
- // }
65
- //
66
- // @media (min-width: $width-medium) {
67
- // .tab {
68
- // font-size: $font-size-normal;
69
- // }
70
- // }
71
-
72
42
  .tab-primary {
73
43
  align-items: center;
74
- // display: flex;
75
44
  display: inline-block;
76
45
  flex: 1 1 auto;
77
46
  justify-content: center;
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.73
4
+ version: 0.5.74
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-02 00:00:00.000000000 Z
11
+ date: 2017-08-08 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