minimal-categorized 0.0.10 → 0.0.11
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_sass/styles/_cookies.scss +14 -5
- data/_sass/variables/_layout.scss +2 -0
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 60b00053fc68dba704da894303403887a302cac570b27c992a6c348a2369e16c
|
4
|
+
data.tar.gz: 57d20f961c3b1b8be197f9418774c17d09637ef607c50949bacfa8c9171268ff
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 85e3a1b2a3fd308725e66f040b07533badd0769b8aa615d4be58a813be42b2d9a801b2f9618cbb07b07a802853f4317a65f51562918a262c255067ef2c99b0e3
|
7
|
+
data.tar.gz: 2a07fc4f37f0df2101937592f1fedda33b59ea92d49bf60015bfbe7c706e16ed0b37398906d7b7f09bd551534c78042bf0589447fc771572c6044c67087cf6d6
|
data/_sass/styles/_cookies.scss
CHANGED
@@ -1,8 +1,7 @@
|
|
1
1
|
.cookie-container {
|
2
2
|
position: fixed;
|
3
|
-
right: 0;
|
4
3
|
padding: 20px 15px;
|
5
|
-
z-index:
|
4
|
+
z-index: $pop-ups-z-1;
|
6
5
|
background-image: radial-gradient(farthest-corner at 25% 0, $primary, $p_dark);
|
7
6
|
box-shadow: 0 0 6px 0 $p_dark;
|
8
7
|
text-align: center;
|
@@ -10,7 +9,7 @@
|
|
10
9
|
-webkit-transition: opacity 800ms, visibility 800ms;
|
11
10
|
transition: opacity 800ms, visibility 800ms;
|
12
11
|
bottom: 30px;
|
13
|
-
left:
|
12
|
+
left: 40px;
|
14
13
|
max-width: 300px;
|
15
14
|
border-radius: 3px;
|
16
15
|
border: 3px solid $p_dark;
|
@@ -25,15 +24,25 @@
|
|
25
24
|
visibility: hidden;
|
26
25
|
}
|
27
26
|
button {
|
28
|
-
line-height: 1.
|
27
|
+
line-height: 1.4;
|
29
28
|
font-weight: 700;
|
30
29
|
font-family: Titillium Web,sans-serif;
|
31
30
|
display: inline-block;
|
32
|
-
padding:
|
31
|
+
padding: 10px 20px;
|
33
32
|
background: $p_text;
|
34
33
|
color: $primary;
|
35
34
|
border: 3px solid $p_light;
|
36
35
|
border-radius: 3px;
|
37
36
|
text-decoration: none;
|
38
37
|
}
|
38
|
+
@include mobile {
|
39
|
+
bottom: 0;
|
40
|
+
left: 0;
|
41
|
+
width: 100%;
|
42
|
+
max-width: 100%;
|
43
|
+
padding: 12px 10px;
|
44
|
+
border-left: 0;
|
45
|
+
border-right: 0;
|
46
|
+
border-bottom: 0;
|
47
|
+
}
|
39
48
|
}
|
@@ -3,9 +3,11 @@ $desktop-width: 1024px;
|
|
3
3
|
$menu-size: 200px;
|
4
4
|
$minimal-menu-size: 50px;
|
5
5
|
$gap: 30px;
|
6
|
+
$pop-ups-z-1: 100;
|
6
7
|
|
7
8
|
$content-width-desktop: calc(100% - #{$menu-size});
|
8
9
|
$content-width-desktop-minimal-menu: calc(100% - #{$minimal-menu-size});
|
10
|
+
|
9
11
|
@mixin tablet {
|
10
12
|
@media only screen and (min-width: #{$tablet-width}) and (max-width: #{$desktop-width - 1px}) {
|
11
13
|
@content;
|