dlegr250_material_design 0.2.30 → 0.2.31

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.
Files changed (5) hide show
  1. checksums.yaml +4 -4
  2. data/lib/dlegr250_material_design/version.rb +1 -1
  3. data/vendor/assets/stylesheets/components/boxes.scss +35 -104
  4. data/vendor/assets/stylesheets/components/lists.scss +14 -9
  5. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: cecefe9cd1beb735600e2c1afff614081f366a61
4
- data.tar.gz: 68b91e7cb31444b04676c964e3d0e811da73dcc6
3
+ metadata.gz: b9f5dbdf92f99a236c8278ab06f078b87ae058ca
4
+ data.tar.gz: d3189d9c9c385e7e19a265c812768a827b8488cf
5
5
  SHA512:
6
- metadata.gz: 08014ef39471e936db24e9acf5f0164898be7d801da626836f8f8b5103d562aba8e317f238a82843846d0b715ca598f22cdb70ddae16696ec9fb3920d4292101
7
- data.tar.gz: c766f263d33961d4fc7bc9e17a85edf27c3dfe79af5e5fc49757384f7754255b3b30aaf591bcd282eff0bfdb85346f205d6585a8171095fb89905b0d256bf230
6
+ metadata.gz: ed27e1d3ba7e520f77de641d8d7c3939c425c8465a66eb7a25b44202c4444b9057c2d9fff4a351fdab9e7e4ee57172f24477f84e3acd4d92f936ce83039d3ade
7
+ data.tar.gz: 98872ceae667d31021f7a8d6d3b8cb58768c139f484df82a0e30923bc7f0c01ddcf761e74519aae8f257d8a035f58b0c3880fff009dcf85c20cfccccc2493efb
data/lib/dlegr250_material_design/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Dlegr250MaterialDesign
2
- VERSION = "0.2.30"
2
+ VERSION = "0.2.31"
3
3
  end
data/vendor/assets/stylesheets/components/boxes.scss CHANGED
@@ -2,16 +2,29 @@
2
2
  // Extends .list and .list-item in order to keep code DRY.
3
3
  //======================================================================
4
4
 
5
+ // Box - base
6
+ //----------------------------------------------------------------------
7
+
5
8
  .box {
6
9
  border: 1px solid color("divider");
7
10
  @extend .list-item;
8
11
  @include rounded-corners;
9
12
  }
10
13
 
14
+ // Box - icon
15
+ //----------------------------------------------------------------------
16
+
11
17
  .box-icon {
12
18
  @extend .list-item-icon;
13
19
  }
14
20
 
21
+ .box-icon-circle {
22
+ @extend .list-item-icon-circle;
23
+ }
24
+
25
+ // Box - primary
26
+ //----------------------------------------------------------------------
27
+
15
28
  .box-primary {
16
29
  @extend .list-item-primary;
17
30
  }
@@ -20,119 +33,37 @@
20
33
  @extend .list-item-primary-subtext;
21
34
  }
22
35
 
36
+ // Box - custom boxes
37
+ //----------------------------------------------------------------------
38
+
23
39
  .box-info {
24
40
  border-left: 4px solid color("primary");
41
+
42
+ .box-icon-circle {
43
+ background-color: color("primary");
44
+ }
25
45
  }
26
46
 
27
47
  .box-warning {
28
48
  border-left: 4px solid color("amber");
49
+
50
+ .box-icon-circle {
51
+ background-color: color("amber");
52
+ }
29
53
  }
30
54
 
31
55
  .box-error {
32
56
  border-left: 4px solid color("red");
57
+
58
+ .box-icon-circle {
59
+ background-color: color("red");
60
+ }
33
61
  }
34
62
 
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
- // }
63
+ .box-success {
64
+ border-left: 4px solid color("green");
65
+
66
+ .box-icon-circle {
67
+ background-color: color("green");
68
+ }
69
+ }
data/vendor/assets/stylesheets/components/lists.scss CHANGED
@@ -121,21 +121,26 @@ ol {
121
121
  .list-item-icon {
122
122
  color: color("icon");
123
123
  font-size: $font-size-icon;
124
- padding: $spacing-normal;
124
+ height: $list-item-icon-width;
125
+ line-height: $list-item-icon-width;
126
+ margin-left: $spacing-normal;
127
+ padding: 0;
125
128
  text-align: center;
126
129
  width: $list-item-icon-width;
130
+
131
+ .icon {
132
+ color: color("icon");
133
+ font-size: $font-size-icon;
134
+ }
127
135
  }
128
136
 
129
137
  .list-item-icon-circle {
130
- background-color: color("grey");
131
- color: color("white");
132
- display: inline-block;
133
- font-size: $font-size-normal;
134
- height: 24px;
135
- line-height: 24px;
136
- text-align: center;
137
- width: 24px;
138
+ background-color: color("icon");
138
139
  @include rounded-corners(50%);
140
+
141
+ .icon {
142
+ color: color("white");
143
+ }
139
144
  }
140
145
 
141
146
  // Lists - list item primary
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dlegr250_material_design
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.30
4
+ version: 0.2.31
5
5
  platform: ruby
6
6
  authors:
7
7
  - Daniel LeGrand