dlegr250_material_design 0.5.73 → 0.5.74

Sign up to get free protection for your applications and to get access to all the features.
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