dlegr250_material_design 0.1.10 → 0.1.12
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/dlegr250_material_design/version.rb +1 -1
- data/vendor/assets/javascripts/components/snackbar_handler.coffee +1 -1
- data/vendor/assets/stylesheets/base/base.scss +7 -0
- data/vendor/assets/stylesheets/components/buttons.scss +13 -0
- data/vendor/assets/stylesheets/layouts/application/main.scss +4 -2
- data/vendor/assets/stylesheets/layouts/application/sidebars.scss +1 -3
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 0a207472993de41a4318cc62bf8778a19f636c4c
|
|
4
|
+
data.tar.gz: 7a6c888f1e79f3f1a9ebcf5bf13491f2f47075ad
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e4a0bba82566b1da750f895d770d41085a85773fccb3501b27fc77c2cb4208d97b5a7cebb04f60b5a437a65566e17b56ff028a6f40518e0881fefb6b4d258429
|
|
7
|
+
data.tar.gz: 2595fda48cfa0a47d8140f6c2681645fdcf29d2707dc9c241f3c96dbac16f7a1990e38cc98a72d9cc21657154a0f4facef0cabd1351003952bc3a5e5636a20f0
|
|
@@ -27,6 +27,13 @@ body {
|
|
|
27
27
|
font-size: $font-size-normal;
|
|
28
28
|
font-weight: normal;
|
|
29
29
|
line-height: 1.2;
|
|
30
|
+
|
|
31
|
+
// Elements animated via transform instead of display will
|
|
32
|
+
// still be rendered on the page and cause horizontal scroll.
|
|
33
|
+
// This stops that scrolling on smaller devices.
|
|
34
|
+
&.has-right-sidebar {
|
|
35
|
+
overflow-x: hidden;
|
|
36
|
+
}
|
|
30
37
|
}
|
|
31
38
|
|
|
32
39
|
// Bold
|
|
@@ -50,6 +50,19 @@ $buttons: "button, .button, input[type='submit'], input[type='reset'], input[typ
|
|
|
50
50
|
height: $button-height-large !important;
|
|
51
51
|
line-height: $button-height-large !important;
|
|
52
52
|
}
|
|
53
|
+
|
|
54
|
+
// Must mark icon element with class "icon"
|
|
55
|
+
&.with-left-icon {
|
|
56
|
+
.icon {
|
|
57
|
+
margin-right: 4px;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
&.with-right-icon {
|
|
62
|
+
.icon {
|
|
63
|
+
margin-left: 4px;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
53
66
|
}
|
|
54
67
|
|
|
55
68
|
// Buttons - icon buttons
|
|
@@ -16,9 +16,11 @@
|
|
|
16
16
|
padding: $spacing-normal;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
// If you have a right sidebar to show on large, you have to
|
|
20
|
-
// make #main leave a gap for the right sidebar.
|
|
21
19
|
body.has-right-sidebar {
|
|
20
|
+
overflow-x: auto;
|
|
21
|
+
|
|
22
|
+
// If showing right-sidebar on large screens, need to move
|
|
23
|
+
// main over to compensate.
|
|
22
24
|
#main {
|
|
23
25
|
right: $main-left;
|
|
24
26
|
}
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
overflow-y: auto;
|
|
19
19
|
top: 0;
|
|
20
20
|
width: $sidebar-width;
|
|
21
|
-
will-change:
|
|
21
|
+
will-change: left, right;
|
|
22
22
|
z-index: $sidebar-depth;
|
|
23
23
|
}
|
|
24
24
|
|
|
@@ -54,7 +54,6 @@
|
|
|
54
54
|
#right-sidebar {
|
|
55
55
|
border: none;
|
|
56
56
|
left: auto;
|
|
57
|
-
right: 0;
|
|
58
57
|
@include transform(translateX(100%));
|
|
59
58
|
@include box-shadow(1px 0 5px rgba(0, 0, 0, 0.2));
|
|
60
59
|
|
|
@@ -77,7 +76,6 @@
|
|
|
77
76
|
#right-sidebar {
|
|
78
77
|
border-left: 1px solid color("divider");
|
|
79
78
|
left: auto;
|
|
80
|
-
right: 0;
|
|
81
79
|
z-index: $layout-depth;
|
|
82
80
|
@include transform(translateX(0));
|
|
83
81
|
@include box-shadow(none);
|
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.1.
|
|
4
|
+
version: 0.1.12
|
|
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-02-
|
|
11
|
+
date: 2016-02-19 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|