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 +4 -4
- data/lib/dlegr250_material_design/version.rb +1 -1
- data/vendor/assets/stylesheets/components/cards.scss +5 -1
- data/vendor/assets/stylesheets/components/definition_lists.scss +42 -0
- data/vendor/assets/stylesheets/components/grids.scss +31 -0
- data/vendor/assets/stylesheets/components/lists.scss +2 -2
- data/vendor/assets/stylesheets/components/{code.scss → tables.scss} +6 -7
- data/vendor/assets/stylesheets/dlegr250_material_design.scss +3 -3
- metadata +5 -5
- data/vendor/assets/stylesheets/components/details_lists.scss +0 -29
- data/vendor/assets/stylesheets/components/grid_lists.scss +0 -40
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: f18ad88e967b10e99dc4012b072083b798e9e447
|
4
|
+
data.tar.gz: 97af9d53a35e9756b7334a2402f12e6a624f0814
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 52fa6a4b902e22c56eda220de34f29e789442b297c64ea8a14313052ec0b279762c6c9c02748e4362d2ca9218f3e77252019d30d2f152fde8c61f3eb9f06c1a4
|
7
|
+
data.tar.gz: 2626a8c82c04786151dde7311090e724587909ced1066aec4948f48e047b3745f453358f80786fbd39eb1be9919e53a92fd29f39d5e9122c1199ec9787a0e24f
|
@@ -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
|
+
}
|
@@ -1,13 +1,12 @@
|
|
1
1
|
//======================================================================
|
2
|
-
//
|
3
|
-
// component because it is used like one.
|
2
|
+
// EXAMPLE:
|
4
3
|
//======================================================================
|
5
4
|
|
6
|
-
//
|
5
|
+
// Striped rows
|
7
6
|
//----------------------------------------------------------------------
|
8
7
|
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
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/
|
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.
|
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-
|
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/
|
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/
|
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
|
-
}
|