dlegr250_material_design 0.1.75 → 0.1.76

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: 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
- }