jekyll-theme-easy-wedding 0.1.16 → 0.1.17

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 60cecd6322e85692166fbd9bdc36a69b8ef32bf1dee382bfe8d360a413840e3b
4
- data.tar.gz: 99eefadc7ea7d7b217474b325633cdc7f91f8216b2ab4c120651ac98c64fa650
3
+ metadata.gz: 849a775c2703eb2d4e50e5900d4d1a0a07acfc92da5ba07c1c77b090e8e1fefc
4
+ data.tar.gz: 8c3a806b0ae42bf94f2d907a04137249775532e75db8b581dae60297ebdd56e7
5
5
  SHA512:
6
- metadata.gz: c3b8667a3b22df91fd9502c18168b230d9fdd4942cc1b17fbb1cba0fe22e8a497456b368846173bc0b387359b0498c76a0549080012ecfbbf2c6e5f3fe123b6a
7
- data.tar.gz: 23c5499b2aa74198276688300c913e08099c38fab30d1796d06df485cdff55f7789cd6cb39521a471608d4cf843b80f6e43e01644369074c530930106106138d
6
+ metadata.gz: a7b740f2a5af1693dee42ea37eddde5d731b6a0c67191fc4d186c2634a4a1c67eb18378e8bca00278e44da9e94e62c1c0d6bf46729aa4d5adb4d6968746d84cc
7
+ data.tar.gz: 22428c98919b47d89a6021a3003947dfee9293b0e1c4514f0a04aef15aff51f7d494f53168f0cc0bdf131e24f1a8e25de6404d0d92fde8f28608e5bac9ba8165
@@ -10,9 +10,9 @@
10
10
  width: 300px;
11
11
  height: auto;
12
12
  padding: 15px;
13
- border: solid 1px rgb(181 181 181);
13
+ border: solid 1px var(--secondary-color-darker);
14
14
  margin: 8px;
15
- background-color: #e0e0e0;
15
+ background-color: var(--secondary-color);
16
16
  cursor: zoom-in;
17
17
  }
18
18
  </style>
@@ -1,6 +1,39 @@
1
1
  ---
2
2
  ---
3
3
 
4
+ @use "sass:color";
5
+
6
+ @function text-clr($color) {
7
+ @if (lightness($color) > 50) {
8
+ @return #000;
9
+ } @else {
10
+ @return #fff;
11
+ }
12
+ }
13
+
14
+ // Theme Variables
15
+ $text-color: {{site.data.settings.theme.text_color | default: "#404040"}};
16
+
17
+ $primary-color: {{site.data.settings.theme.primary_color | default: "#fff"}};
18
+ $primary-text-color: text-clr($primary-color);
19
+ $primary-color-darker: scale-color({{site.data.settings.theme.primary_color | default: "#fff"}}, $lightness: -10%);
20
+ $primary-text-color-darker: text-clr($primary-color-darker);
21
+ $primary-color-darkest: scale-color({{site.data.settings.theme.primary_color | default: "#fff"}}, $lightness: -30%);
22
+ $primary-text-color-darkest: text-clr($primary-color-darkest);
23
+
24
+ $secondary-color: {{site.data.settings.theme.secondary_color | default: "#afa63d"}};
25
+ $secondary-text-color: text-clr($secondary-color);
26
+ $secondary-color-darker: scale-color({{site.data.settings.theme.secondary_color | default: "#fff"}}, $lightness: -10%);
27
+ $secondary-text-color-darker: text-clr($secondary-color-darker);
28
+ $secondary-color-darkest: scale-color({{site.data.settings.theme.secondary_color | default: "#fff"}}, $lightness: -30%);
29
+ $secondary-text-color-darkest: text-clr($secondary-color-darkest);
30
+
31
+ $accent-color: {{site.data.settings.theme.accent_color | default: "#219ab3"}};
32
+ $accent-color-darker: scale-color({{site.data.settings.theme.accent_color | default: "#fff"}}, $lightness: -10%);
33
+ $accent-color-darkest: scale-color({{site.data.settings.theme.accent_color | default: "#fff"}}, $lightness: -30%);
34
+
35
+ $background-color: {{site.data.settings.theme.background_color | default: "#fff"}};
36
+
4
37
  :root {
5
38
  --intro-background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
6
39
  rgba(0,0,0,0.65) 100%),url({{site.data.settings.hero_image}}) no-repeat center center scroll;
@@ -14,4 +47,26 @@
14
47
  --intro-background-position: {{site.data.settings.mobile_hero_position | default: "center center"}};
15
48
  {% endif %}
16
49
  }
50
+
51
+ --text-color: #{$text-color};
52
+
53
+ --primary-color: #{$primary-color};
54
+ --primary-color-darker: #{$primary-color-darker};
55
+ --primary-color-darkest: #{$primary-color-darkest};
56
+ --primary-text-color: #{$primary-text-color};
57
+ --primary-text-color-darker: #{$primary-text-color-darker};
58
+ --primary-text-color-darkest: #{$primary-text-color-darkest};
59
+
60
+ --secondary-color: #{$secondary-color};
61
+ --secondary-color-darker: #{$secondary-color-darker};
62
+ --secondary-color-darkest: #{$secondary-color-darkest};
63
+ --secondary-text-color: #{$secondary-text-color};
64
+ --secondary-text-color-darker: #{$secondary-text-color-darker};
65
+ --secondary-text-color-darkest: #{$secondary-text-color-darkest};
66
+
67
+ --accent-color: #{$accent-color};
68
+ --accent-color-darker: #{$accent-color-darker};
69
+ --accent-color-darkest: #{$accent-color-darkest};
70
+
71
+ --background-color: #{$background-color};
17
72
  }