dlegr250_material_design 0.1.82 → 0.1.83
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 +4 -4
- data/lib/dlegr250_material_design/version.rb +1 -1
- data/vendor/assets/stylesheets/base/variables.scss +2 -2
- data/vendor/assets/stylesheets/components/boxes.scss +1 -1
- data/vendor/assets/stylesheets/components/dialogs.scss +0 -1
- data/vendor/assets/stylesheets/components/tables.scss +52 -0
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 6bb2881fbd323c697416af3cdd30c9bf24d46201
|
|
4
|
+
data.tar.gz: b042b6ab86efdd91fefe0711ec7012e295ae5441
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 4aaca07e763e96a674c8e796bf5a6d08553d3249bcdaf1af59a3371e7a49b383a7a477e8a58bd40edb99c83f5704aa8cc167a710fc748dae53646cc6abce8497
|
|
7
|
+
data.tar.gz: daee381da5cc88cc94f6ceb3e3d6538643dc92aae2abf89b993bcf1f1bd6cd9442f9a28e82d16d485f1ca19bd5562407e509589bb6dfd3fe75bbe063beb3c11b
|
|
@@ -37,7 +37,7 @@ $card-width-xlarge: 420px;
|
|
|
37
37
|
//----------------------------------------------------------------------
|
|
38
38
|
|
|
39
39
|
// 72px is the specification, but minus 32px for 16px left/right padding.
|
|
40
|
-
$list-item-icon-width:
|
|
40
|
+
$list-item-icon-width: 40px;
|
|
41
41
|
|
|
42
42
|
// Dimensions - menus
|
|
43
43
|
//----------------------------------------------------------------------
|
|
@@ -102,7 +102,7 @@ $dialog-depth: 50;
|
|
|
102
102
|
//----------------------------------------------------------------------
|
|
103
103
|
|
|
104
104
|
$small-width: 400px;
|
|
105
|
-
$medium-width:
|
|
105
|
+
$medium-width: 760px;
|
|
106
106
|
$large-width: 1000px;
|
|
107
107
|
|
|
108
108
|
// Convenience variables
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
@each $color-name, $color in $colors {
|
|
48
48
|
.box-background-#{$color-name} {
|
|
49
49
|
background-color: $color;
|
|
50
|
-
border-color: darken($color,
|
|
50
|
+
border-color: darken($color, 10%);
|
|
51
51
|
|
|
52
52
|
@if ($color-name == "hover") or ($color-name == "white") or ($color-name == "highlight") {
|
|
53
53
|
color: color("text");
|
|
@@ -1,7 +1,59 @@
|
|
|
1
1
|
//======================================================================
|
|
2
|
+
// Note: Uses DIVs styled as table instead of TABLE element because
|
|
3
|
+
// you cannot make a LINK a TABLE ROW, and it is easier to re-style
|
|
4
|
+
// DIVs if you want to make responsive tables.
|
|
2
5
|
// EXAMPLE:
|
|
3
6
|
//======================================================================
|
|
4
7
|
|
|
8
|
+
.table {
|
|
9
|
+
background-color: color("white");
|
|
10
|
+
border: 1px solid color("divider");
|
|
11
|
+
display: table;
|
|
12
|
+
width: 100%;
|
|
13
|
+
|
|
14
|
+
a {
|
|
15
|
+
color: color("text");
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.thead {
|
|
20
|
+
border-bottom: 2px solid color("hover");
|
|
21
|
+
display: table-row;
|
|
22
|
+
height: 56px;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.th {
|
|
26
|
+
border-bottom: 2px solid color("hover");
|
|
27
|
+
color: lighten(color("text"), 10%);
|
|
28
|
+
display: table-cell;
|
|
29
|
+
font-size: $font-size-normal;
|
|
30
|
+
font-weight: bold;
|
|
31
|
+
padding: 0 $spacing-normal;
|
|
32
|
+
text-transform: uppercase;
|
|
33
|
+
vertical-align: middle;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.tr {
|
|
37
|
+
border-bottom: 1px solid color("hover");
|
|
38
|
+
display: table-row;
|
|
39
|
+
height: 48px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.td {
|
|
43
|
+
border-bottom: 1px solid color("hover");
|
|
44
|
+
display: table-cell;
|
|
45
|
+
padding: 0 $spacing-normal;
|
|
46
|
+
vertical-align: middle;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.table-hoverable .tr {
|
|
50
|
+
@include transition(background-color 0.2s);
|
|
51
|
+
|
|
52
|
+
&:hover {
|
|
53
|
+
background-color: color("hover");
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
5
57
|
// Striped rows
|
|
6
58
|
//----------------------------------------------------------------------
|
|
7
59
|
|