dlegr250_material_design 0.1.21 → 0.1.22
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:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: deea66486b4bf2512fcb5bc2ee65b882560b9c18
|
4
|
+
data.tar.gz: 802fc6d195de11bf05ccdd63e713a729c101d01a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 36bc1e9a2afd721cc9adab41b002deaac041e4e07ed1945531a6d7fea6e8f4dc5dfbc0d66f18fd9d5f38894b98e16f08a9f310d9a3292859565ce1382e52e681
|
7
|
+
data.tar.gz: a01deadc11d4e92cac6734bc9e04faa5ee6074c555306aa17727fe415ec07920831d95fbc807acb0ec72df28521b77f95ac0492bb11156740f1490a9629c5aed
|
@@ -13,6 +13,7 @@
|
|
13
13
|
box-sizing: border-box;
|
14
14
|
text-align: left;
|
15
15
|
@include flex-parent-row();
|
16
|
+
@include rounded-corners();
|
16
17
|
}
|
17
18
|
|
18
19
|
.box-icon,
|
@@ -42,6 +43,7 @@
|
|
42
43
|
@each $color-name, $color in $colors {
|
43
44
|
.box-background-#{$color-name} {
|
44
45
|
background-color: $color;
|
46
|
+
border-color: darken($color, 5%);
|
45
47
|
|
46
48
|
@if ($color-name == "hover") or ($color-name == "white") or ($color-name == "highlight") {
|
47
49
|
color: color("text");
|
@@ -52,6 +52,14 @@
|
|
52
52
|
// Fields - sizes
|
53
53
|
//----------------------------------------------------------------------
|
54
54
|
|
55
|
+
.field-xsmall,
|
56
|
+
.field-small,
|
57
|
+
.field-normal,
|
58
|
+
.field-large,
|
59
|
+
.field-xlarge {
|
60
|
+
@extend .field;
|
61
|
+
}
|
62
|
+
|
55
63
|
.field-xsmall {
|
56
64
|
padding: $spacing-xsmall $spacing-small;
|
57
65
|
}
|
@@ -60,6 +68,10 @@
|
|
60
68
|
padding: $spacing-small;
|
61
69
|
}
|
62
70
|
|
71
|
+
.field-normal {
|
72
|
+
padding: $spacing-normal $spacing-small;
|
73
|
+
}
|
74
|
+
|
63
75
|
.field-large {
|
64
76
|
padding: $spacing-large $spacing-small;
|
65
77
|
}
|
@@ -90,6 +102,7 @@
|
|
90
102
|
// Fields - responsive label placement
|
91
103
|
//----------------------------------------------------------------------
|
92
104
|
|
105
|
+
.field.responsive,
|
93
106
|
.field-responsive {
|
94
107
|
margin-bottom: $spacing-small;
|
95
108
|
|
@@ -121,6 +134,7 @@
|
|
121
134
|
}
|
122
135
|
|
123
136
|
@media (min-width: $medium-width) {
|
137
|
+
.field.responsive,
|
124
138
|
.field-responsive {
|
125
139
|
margin-bottom: $spacing-xsmall;
|
126
140
|
width: 100%;
|