dlegr250_material_design 0.1.75 → 0.1.76

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: 97f4863adaf6dad9cf38ed7625f523590ed9ca37
4
- data.tar.gz: db89193872e696df455e67f347918ac159735f10
3
+ metadata.gz: f18ad88e967b10e99dc4012b072083b798e9e447
4
+ data.tar.gz: 97af9d53a35e9756b7334a2402f12e6a624f0814
5
5
  SHA512:
6
- metadata.gz: db3555f80634cf5ed438ffdd03fbb4f3dc41fc30b6d0e01da18815e4dcc707030f184bb6f0ebbe0501eae55424603de8b647adf0b68241d552169133e3c573ff
7
- data.tar.gz: 1d3f295988526822761e3adef247df8177f9c7c9d40a41c1c5e9300384a231723ffa0642b2e80fb82fa4c3fb7c1bf9cc781a174ca8f17b9024dabf9172adeca6
6
+ metadata.gz: 52fa6a4b902e22c56eda220de34f29e789442b297c64ea8a14313052ec0b279762c6c9c02748e4362d2ca9218f3e77252019d30d2f152fde8c61f3eb9f06c1a4
7
+ data.tar.gz: 2626a8c82c04786151dde7311090e724587909ced1066aec4948f48e047b3745f453358f80786fbd39eb1be9919e53a92fd29f39d5e9122c1199ec9787a0e24f
@@ -1,3 +1,3 @@
1
1
  module Dlegr250MaterialDesign
2
- VERSION = "0.1.75"
2
+ VERSION = "0.1.76"
3
3
  end
@@ -21,7 +21,6 @@
21
21
  background-color: color("white");
22
22
  border: 1px solid color("divider");
23
23
  width: $card-width;
24
- // @include box-shadow(0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2));
25
24
  @include box-shadow(0 1px 0 color("divider"));
26
25
  @include rounded-corners;
27
26
 
@@ -46,6 +45,11 @@
46
45
  }
47
46
  }
48
47
 
48
+ .card-flat {
49
+ @include box-shadow("none");
50
+ @include rounded-corners(0);
51
+ }
52
+
49
53
  // Card - header
50
54
  //----------------------------------------------------------------------
51
55
 
@@ -0,0 +1,42 @@
1
+ //======================================================================
2
+ // EXAMPLE:
3
+ //======================================================================
4
+
5
+ // Definition list
6
+ //----------------------------------------------------------------------
7
+
8
+ .definition-list {
9
+ width: 100%;
10
+
11
+ caption {
12
+ border-bottom: 2px solid color("text");
13
+ font-weight: bold;
14
+ padding: $spacing-xsmall 0;
15
+ text-align: left;
16
+ }
17
+
18
+ tr {
19
+ border-bottom: 1px solid color("divider");
20
+ }
21
+ }
22
+
23
+ // Definition list - children
24
+ //----------------------------------------------------------------------
25
+
26
+ .definition-list-term,
27
+ .definition-list-description {
28
+ padding: $spacing-xsmall 0;
29
+ }
30
+
31
+ // Definition list - term
32
+ //----------------------------------------------------------------------
33
+
34
+ .definition-list-term {
35
+ color: color("helper");
36
+ }
37
+
38
+ // Definition list - description
39
+ //----------------------------------------------------------------------
40
+
41
+ .definition-list-description {
42
+ }
@@ -0,0 +1,31 @@
1
+ //======================================================================
2
+ // EXAMPLE:
3
+ // <div class="grid-row">
4
+ // <div class="grid-row-element">...</div>
5
+ // <div class="grid-row-element">...</div>
6
+ // </div>
7
+ //======================================================================
8
+
9
+ // Grid - row
10
+ //----------------------------------------------------------------------
11
+
12
+ .grid-row {
13
+
14
+ }
15
+
16
+ // Grid - row - element
17
+ //----------------------------------------------------------------------
18
+
19
+ .grid-row-element {
20
+ padding: $spacing-xsmall;
21
+ }
22
+
23
+ @media (min-width: $medium-width) {
24
+ .grid-row {
25
+ @include flex-parent-row-align-top();
26
+ }
27
+
28
+ .grid-row-element {
29
+ flex: 1;
30
+ }
31
+ }
@@ -23,8 +23,8 @@
23
23
 
24
24
  ul,
25
25
  ol {
26
- margin: $spacing-normal 0;
27
- padding-left: $spacing-normal;
26
+ margin: $spacing-xsmall 0;
27
+ padding-left: $spacing-large;
28
28
 
29
29
  li {
30
30
  padding: 2px 0;
@@ -1,13 +1,12 @@
1
1
  //======================================================================
2
- // Modifying base HTML element instead of class, but putting as a
3
- // component because it is used like one.
2
+ // EXAMPLE:
4
3
  //======================================================================
5
4
 
6
- // Code - base
5
+ // Striped rows
7
6
  //----------------------------------------------------------------------
8
7
 
9
- code {
10
- background-color: #eee;
11
- line-height: 1.5;
12
- padding: $spacing-xsmall;
8
+ .table-striped-rows {
9
+ tr:nth-child(even) {
10
+ background-color: lighten(color("hover"), 3%);
11
+ }
13
12
  }
@@ -41,8 +41,8 @@
41
41
  @import "components/overlay";
42
42
  @import "components/panels";
43
43
  @import "components/lists";
44
- @import "components/details_lists";
45
- @import "components/grid_lists";
44
+ @import "components/definition_lists";
46
45
  @import "components/tooltips";
46
+ @import "components/grids";
47
+ @import "components/tables";
47
48
  @import "components/spinners";
48
- @import "components/code";
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.1.75
4
+ version: 0.1.76
5
5
  platform: ruby
6
6
  authors:
7
7
  - Daniel LeGrand
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2016-05-25 00:00:00.000000000 Z
11
+ date: 2016-06-01 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -103,8 +103,7 @@ files:
103
103
  - vendor/assets/stylesheets/components/boxes.scss
104
104
  - vendor/assets/stylesheets/components/buttons.scss
105
105
  - vendor/assets/stylesheets/components/cards.scss
106
- - vendor/assets/stylesheets/components/code.scss
107
- - vendor/assets/stylesheets/components/details_lists.scss
106
+ - vendor/assets/stylesheets/components/definition_lists.scss
108
107
  - vendor/assets/stylesheets/components/dialogs.scss
109
108
  - vendor/assets/stylesheets/components/dividers.scss
110
109
  - vendor/assets/stylesheets/components/forms/fields.scss
@@ -115,13 +114,14 @@ files:
115
114
  - vendor/assets/stylesheets/components/forms/selects.scss
116
115
  - vendor/assets/stylesheets/components/forms/text_fields.scss
117
116
  - vendor/assets/stylesheets/components/forms/toggles.scss
118
- - vendor/assets/stylesheets/components/grid_lists.scss
117
+ - vendor/assets/stylesheets/components/grids.scss
119
118
  - vendor/assets/stylesheets/components/lists.scss
120
119
  - vendor/assets/stylesheets/components/menus.scss
121
120
  - vendor/assets/stylesheets/components/overlay.scss
122
121
  - vendor/assets/stylesheets/components/panels.scss
123
122
  - vendor/assets/stylesheets/components/snackbarlight.scss
124
123
  - vendor/assets/stylesheets/components/spinners.scss
124
+ - vendor/assets/stylesheets/components/tables.scss
125
125
  - vendor/assets/stylesheets/components/tabs.scss
126
126
  - vendor/assets/stylesheets/components/tooltips.scss
127
127
  - vendor/assets/stylesheets/dlegr250_material_design.scss
@@ -1,29 +0,0 @@
1
- // Details list
2
- //----------------------------------------------------------------------
3
-
4
- .details-list {
5
- width: 100%;
6
- }
7
-
8
- // Details list - key/value
9
- //----------------------------------------------------------------------
10
- .details-list-key,
11
- .details-list-value {
12
- padding: $spacing-xsmall;
13
- vertical-align: top;
14
- }
15
-
16
- // Details list - key
17
- //----------------------------------------------------------------------
18
-
19
- .details-list-key {
20
- color: color("helper");
21
- padding-right: $spacing-small;
22
- text-align: right;
23
- width: 100px;
24
- }
25
-
26
- // Details list - value
27
- //----------------------------------------------------------------------
28
-
29
- .details-list-value {}
@@ -1,40 +0,0 @@
1
- //======================================================================
2
- // EXAMPLE:
3
- //======================================================================
4
-
5
- // Gridlists - base
6
- //----------------------------------------------------------------------
7
-
8
- // Flex parent
9
- .gridlist {
10
- @include flex-grid-list();
11
- }
12
-
13
- .gridlist-item {
14
- box-sizing: border-box;
15
- display: table-row;
16
- font-size: $font-size-normal;
17
- padding: $spacing-normal;
18
- max-width: $card-width;
19
- }
20
-
21
- .gridlist-item-icon {
22
- color: color("icon");
23
- display: table-cell;
24
- font-size: 40px;
25
- text-align: left;
26
- vertical-align: top;
27
- width: 72px;
28
- }
29
-
30
- .gridlist-item-primary {
31
- display: table-cell;
32
- text-align: left;
33
- vertical-align: top;
34
-
35
- .gridlist-item-primary-subtext {
36
- color: color("helper");
37
- font-size: $font-size-normal;
38
- padding-top: $spacing-xsmall;
39
- }
40
- }