active_frontend 4.5.0 → 4.5.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/active_frontend/version.rb +1 -1
- data/vendor/assets/stylesheets/alert.scss +20 -2
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 00d64c0e9f7dd2f0afc2a29990465485f13eba32
|
|
4
|
+
data.tar.gz: 167e7aefeeaf564de72274b62d0ca138384d37f7
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 0dd56f40f6e8b19b6995cdef3456646c1a225a1990eb719dd4f4edbeffa9c94e901f9e7b1c94971b05de232d9807e73b7d70a08de02755621d39e5f2869936b9
|
|
7
|
+
data.tar.gz: 8c420a8271aa8ad99bd96201c7b590b3149693e7d54eb2be3477ffa25bae63397e4e56cd4278348adfa56ae105b337d376d854a0555fa18ae528ef6e27fdd4a7
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
/* Table of Contents
|
|
2
2
|
==================================================
|
|
3
3
|
# Alert
|
|
4
|
-
#
|
|
4
|
+
# Application
|
|
5
|
+
# Colors
|
|
6
|
+
# Media Queries */
|
|
5
7
|
|
|
6
8
|
/* # Alert
|
|
7
9
|
================================================== */
|
|
@@ -38,6 +40,10 @@
|
|
|
38
40
|
line-height: 24px;
|
|
39
41
|
}
|
|
40
42
|
|
|
43
|
+
/* # Application
|
|
44
|
+
================================================== */
|
|
45
|
+
.alert.alert-app { width: calc(100% - 280px); }
|
|
46
|
+
|
|
41
47
|
/* # Colors
|
|
42
48
|
================================================== */
|
|
43
49
|
.alert-green,
|
|
@@ -48,4 +54,16 @@
|
|
|
48
54
|
.alert-error,
|
|
49
55
|
.alert-alert { background: rgba(225,80,80,1); }
|
|
50
56
|
.alert-black,
|
|
51
|
-
.alert-system { background: rgba(42,44,48,1); }
|
|
57
|
+
.alert-system { background: rgba(42,44,48,1); }
|
|
58
|
+
|
|
59
|
+
/* # Media Queries
|
|
60
|
+
================================================== */
|
|
61
|
+
@media only screen and (max-width: 1365px) {
|
|
62
|
+
.alert.alert-app { width: calc(100% - 250px); }
|
|
63
|
+
}
|
|
64
|
+
@media only screen and (max-width: 1199px) {
|
|
65
|
+
.alert.alert-app { width: calc(100% - 220px); }
|
|
66
|
+
}
|
|
67
|
+
@media only screen and (max-width: 959px) {
|
|
68
|
+
.alert.alert-app { width: 100%; }
|
|
69
|
+
}
|