dlegr250_material_design 0.1.21 → 0.1.22
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:
|
|
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%;
|