dlegr250_material_design 0.2.29 → 0.2.30
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: cecefe9cd1beb735600e2c1afff614081f366a61
|
|
4
|
+
data.tar.gz: 68b91e7cb31444b04676c964e3d0e811da73dcc6
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 08014ef39471e936db24e9acf5f0164898be7d801da626836f8f8b5103d562aba8e317f238a82843846d0b715ca598f22cdb70ddae16696ec9fb3920d4292101
|
|
7
|
+
data.tar.gz: c766f263d33961d4fc7bc9e17a85edf27c3dfe79af5e5fc49757384f7754255b3b30aaf591bcd282eff0bfdb85346f205d6585a8171095fb89905b0d256bf230
|
|
@@ -1,89 +1,138 @@
|
|
|
1
1
|
//======================================================================
|
|
2
|
-
//
|
|
3
|
-
// <div class="box box-background-<color>">
|
|
4
|
-
// Text
|
|
5
|
-
// </div>
|
|
2
|
+
// Extends .list and .list-item in order to keep code DRY.
|
|
6
3
|
//======================================================================
|
|
7
4
|
|
|
8
|
-
// Boxes - base
|
|
9
|
-
//----------------------------------------------------------------------
|
|
10
|
-
|
|
11
5
|
.box {
|
|
12
|
-
border: 1px solid
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
@include flex-parent-row();
|
|
16
|
-
@include rounded-corners();
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.box-icon,
|
|
20
|
-
.box-primary,
|
|
21
|
-
.box-primary-subtext {
|
|
22
|
-
box-sizing: border-box;
|
|
23
|
-
padding-bottom: $spacing-normal;
|
|
24
|
-
padding-top: $spacing-normal;
|
|
6
|
+
border: 1px solid color("divider");
|
|
7
|
+
@extend .list-item;
|
|
8
|
+
@include rounded-corners;
|
|
25
9
|
}
|
|
26
10
|
|
|
27
11
|
.box-icon {
|
|
28
|
-
|
|
29
|
-
padding: $spacing-normal;
|
|
30
|
-
text-align: center;
|
|
31
|
-
width: $list-item-icon-width;
|
|
12
|
+
@extend .list-item-icon;
|
|
32
13
|
}
|
|
33
14
|
|
|
34
15
|
.box-primary {
|
|
35
|
-
|
|
36
|
-
padding-left: $spacing-normal;
|
|
37
|
-
padding-right: $spacing-normal;
|
|
16
|
+
@extend .list-item-primary;
|
|
38
17
|
}
|
|
39
18
|
|
|
40
19
|
.box-primary-subtext {
|
|
41
|
-
|
|
20
|
+
@extend .list-item-primary-subtext;
|
|
42
21
|
}
|
|
43
22
|
|
|
44
|
-
// Boxes - colored boxes
|
|
45
|
-
//----------------------------------------------------------------------
|
|
46
|
-
|
|
47
|
-
@each $color-name, $color in $colors {
|
|
48
|
-
.box-background-#{$color-name} {
|
|
49
|
-
background-color: $color;
|
|
50
|
-
border-color: darken($color, 10%);
|
|
51
|
-
|
|
52
|
-
@if ($color-name == "hover") or ($color-name == "white") or ($color-name == "highlight") {
|
|
53
|
-
color: color("text");
|
|
54
|
-
} @else {
|
|
55
|
-
color: color("white");
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
// Boxes - custom styles
|
|
61
|
-
//----------------------------------------------------------------------
|
|
62
|
-
|
|
63
|
-
.box-success {
|
|
64
|
-
background-color: color("white");
|
|
65
|
-
border-color: color("divider");
|
|
66
|
-
border-left: 4px solid color("green");
|
|
67
|
-
color: color("text");
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
// Blue box
|
|
71
23
|
.box-info {
|
|
72
|
-
|
|
73
|
-
border: 1px solid #b8e5f7;
|
|
74
|
-
color: #008fc6;
|
|
24
|
+
border-left: 4px solid color("primary");
|
|
75
25
|
}
|
|
76
26
|
|
|
77
|
-
// Yellow box
|
|
78
27
|
.box-warning {
|
|
79
|
-
|
|
80
|
-
border: 1px solid color("dark-highlight");
|
|
81
|
-
color: color("text");
|
|
28
|
+
border-left: 4px solid color("amber");
|
|
82
29
|
}
|
|
83
30
|
|
|
84
|
-
// Red box
|
|
85
31
|
.box-error {
|
|
86
|
-
|
|
87
|
-
border: 1px solid #f8daca;
|
|
88
|
-
color: #e36b2b;
|
|
32
|
+
border-left: 4px solid color("red");
|
|
89
33
|
}
|
|
34
|
+
|
|
35
|
+
// DEPRECATED 2016-06-24 / dan.legrand@gmail.com
|
|
36
|
+
|
|
37
|
+
// //======================================================================
|
|
38
|
+
// // EXAMPLE:
|
|
39
|
+
// // <div class="box box-background-<color>">
|
|
40
|
+
// // Text
|
|
41
|
+
// // </div>
|
|
42
|
+
// //======================================================================
|
|
43
|
+
//
|
|
44
|
+
// // Boxes - base
|
|
45
|
+
// //----------------------------------------------------------------------
|
|
46
|
+
//
|
|
47
|
+
// .box {
|
|
48
|
+
// border: 1px solid transparent;
|
|
49
|
+
// box-sizing: border-box;
|
|
50
|
+
// text-align: left;
|
|
51
|
+
// @include flex-parent-row();
|
|
52
|
+
// @include rounded-corners();
|
|
53
|
+
// }
|
|
54
|
+
//
|
|
55
|
+
// .box-icon,
|
|
56
|
+
// .box-primary {
|
|
57
|
+
// box-sizing: border-box;
|
|
58
|
+
// padding-bottom: $spacing-normal;
|
|
59
|
+
// padding-top: $spacing-normal;
|
|
60
|
+
// }
|
|
61
|
+
//
|
|
62
|
+
// .box-icon {
|
|
63
|
+
// font-size: $font-size-icon;
|
|
64
|
+
// padding: $spacing-normal;
|
|
65
|
+
// text-align: center;
|
|
66
|
+
// width: $list-item-icon-width;
|
|
67
|
+
// }
|
|
68
|
+
//
|
|
69
|
+
// .box-icon-circle {
|
|
70
|
+
// background-color: color("grey");
|
|
71
|
+
// color: color("white");
|
|
72
|
+
// display: inline-block;
|
|
73
|
+
// font-size: $font-size-normal;
|
|
74
|
+
// height: 24px;
|
|
75
|
+
// line-height: 24px;
|
|
76
|
+
// text-align: center;
|
|
77
|
+
// width: 24px;
|
|
78
|
+
// @include rounded-corners(50%);
|
|
79
|
+
// }
|
|
80
|
+
//
|
|
81
|
+
// .box-primary {
|
|
82
|
+
// flex: 1;
|
|
83
|
+
// padding-left: $spacing-normal;
|
|
84
|
+
// padding-right: $spacing-normal;
|
|
85
|
+
// }
|
|
86
|
+
//
|
|
87
|
+
// .box-primary-subtext {
|
|
88
|
+
// color: color("helper");
|
|
89
|
+
// font-size: $font-size-small;
|
|
90
|
+
// padding-top: $spacing-xsmall;
|
|
91
|
+
// }
|
|
92
|
+
//
|
|
93
|
+
// // Boxes - colored boxes
|
|
94
|
+
// //----------------------------------------------------------------------
|
|
95
|
+
//
|
|
96
|
+
// @each $color-name, $color in $colors {
|
|
97
|
+
// .box-background-#{$color-name} {
|
|
98
|
+
// background-color: $color;
|
|
99
|
+
// border-color: darken($color, 10%);
|
|
100
|
+
//
|
|
101
|
+
// @if ($color-name == "hover") or ($color-name == "white") or ($color-name == "highlight") {
|
|
102
|
+
// color: color("text");
|
|
103
|
+
// } @else {
|
|
104
|
+
// color: color("white");
|
|
105
|
+
// }
|
|
106
|
+
// }
|
|
107
|
+
// }
|
|
108
|
+
//
|
|
109
|
+
// // Boxes - custom styles
|
|
110
|
+
// //----------------------------------------------------------------------
|
|
111
|
+
//
|
|
112
|
+
// .box-success {
|
|
113
|
+
// background-color: color("white");
|
|
114
|
+
// border-color: color("divider");
|
|
115
|
+
// border-left: 4px solid color("green");
|
|
116
|
+
// color: color("text");
|
|
117
|
+
// }
|
|
118
|
+
//
|
|
119
|
+
// // Blue box
|
|
120
|
+
// .box-info {
|
|
121
|
+
// background-color: #e6f6fc;
|
|
122
|
+
// border: 1px solid #b8e5f7;
|
|
123
|
+
// color: #008fc6;
|
|
124
|
+
// }
|
|
125
|
+
//
|
|
126
|
+
// // Yellow box
|
|
127
|
+
// .box-warning {
|
|
128
|
+
// background-color: color("highlight");
|
|
129
|
+
// border: 1px solid color("dark-highlight");
|
|
130
|
+
// color: color("text");
|
|
131
|
+
// }
|
|
132
|
+
//
|
|
133
|
+
// // Red box
|
|
134
|
+
// .box-error {
|
|
135
|
+
// background-color: #fdf2ec;
|
|
136
|
+
// border: 1px solid #f8daca;
|
|
137
|
+
// color: #e36b2b;
|
|
138
|
+
// }
|
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.2.
|
|
4
|
+
version: 0.2.30
|
|
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-06-
|
|
11
|
+
date: 2016-06-24 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|