bullet_train-themes-light 1.6.9 → 1.6.10
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/light/tailwind/utilities/bg-fade.css +53 -0
- data/app/assets/stylesheets/light/tailwind/utilities/billing.css +0 -33
- data/app/assets/stylesheets/light/tailwind/utilities/scroll-reveal.css +19 -0
- data/app/assets/stylesheets/light/tailwind/utilities.css +2 -0
- data/app/views/themes/light/layouts/_pricing.html.erb +2 -2
- data/lib/bullet_train/themes/light/version.rb +1 -1
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3bbc45d1f3c316900a1871fd4159e213cac6ee8ee772e1b50269fbdfc610ea6b
|
|
4
|
+
data.tar.gz: 81d1bdae41dc0bb04653e42bfd2516d488a73c9993aae34f8ab930db2539fe6e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 0a42a692d26000ea9c1de894abb7ce6ad834fdf4ec5c77d68720c2aeb22e503b7ead05c22cd20c8ba36ca55280350d3c33e67c1828b2c9b6136ceaf06d530f67
|
|
7
|
+
data.tar.gz: 13819a2a3e6588f54d1a925294ea8fa2cf16724a1ab306e972b145f0b63f89b5e4cc6c395402c59c4cfdcfd9ab0100364b89659b99cd23a4ac70c08c6758a00e
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
@layer utilities {
|
|
2
|
+
.background-fade-container {
|
|
3
|
+
position: fixed;
|
|
4
|
+
top: 0;
|
|
5
|
+
left: 0;
|
|
6
|
+
bottom: 0;
|
|
7
|
+
width: 100vw;
|
|
8
|
+
max-width: 100vw;
|
|
9
|
+
overflow: hidden;
|
|
10
|
+
z-index: -1;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.background-fade {
|
|
14
|
+
&:before {
|
|
15
|
+
content: "";
|
|
16
|
+
position: absolute;
|
|
17
|
+
z-index: 1;
|
|
18
|
+
@apply bg-primary-200 bg-gradient-to-r from-white
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
position: absolute;
|
|
22
|
+
top: 0px;
|
|
23
|
+
transform: translate(-360px, 0px) rotate(-45deg);
|
|
24
|
+
z-index: -1;
|
|
25
|
+
@apply bg-primary-400 bg-gradient-to-r from-white
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.medium-fade {
|
|
29
|
+
&:before {
|
|
30
|
+
right: -40px;
|
|
31
|
+
top: -200px;
|
|
32
|
+
width: 1000px;
|
|
33
|
+
height: 600px;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
right: -800px;
|
|
37
|
+
width: 800px;
|
|
38
|
+
height: 600px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.large-fade {
|
|
42
|
+
&:before {
|
|
43
|
+
right: -0px;
|
|
44
|
+
top: -200px;
|
|
45
|
+
width: 1500px;
|
|
46
|
+
height: 800px;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
right: -700px;
|
|
50
|
+
width: 1000px;
|
|
51
|
+
height: 800px;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
@@ -7,39 +7,6 @@
|
|
|
7
7
|
background-image: linear-gradient(to bottom, #f8faff, #fff);
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.pricing-page-background-fade-container {
|
|
11
|
-
position: fixed;
|
|
12
|
-
top: 0;
|
|
13
|
-
left: 0;
|
|
14
|
-
bottom: 0;
|
|
15
|
-
width: 100vw;
|
|
16
|
-
max-width: 100vw;
|
|
17
|
-
overflow: hidden;
|
|
18
|
-
z-index: -1;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.pricing-page-background-fade {
|
|
22
|
-
&:before {
|
|
23
|
-
content: "";
|
|
24
|
-
position: absolute;
|
|
25
|
-
right: -40px;
|
|
26
|
-
top: -200px;
|
|
27
|
-
width: 1000px;
|
|
28
|
-
height: 600px;
|
|
29
|
-
z-index: -1;
|
|
30
|
-
@apply bg-primary-200 bg-gradient-to-r from-white
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
position: absolute;
|
|
34
|
-
right: -800px;
|
|
35
|
-
top: 0px;
|
|
36
|
-
width: 800px;
|
|
37
|
-
height: 600px;
|
|
38
|
-
transform: translate(-360px, 0px) rotate(-45deg);
|
|
39
|
-
z-index: -1;
|
|
40
|
-
@apply bg-primary-400 bg-gradient-to-r from-white
|
|
41
|
-
}
|
|
42
|
-
|
|
43
10
|
.brand-title {
|
|
44
11
|
color: #047bf8;
|
|
45
12
|
font-size: 2.99rem;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Refer to the stimulus-scroll-reveal documentation for details.
|
|
3
|
+
* https://www.stimulus-components.com/docs/stimulus-scroll-reveal/
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
@layer utilities {
|
|
7
|
+
.reveal {
|
|
8
|
+
transition-property: opacity, transform;
|
|
9
|
+
@apply opacity-0 translate-y-5 ease-out
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.reveal-from-left {
|
|
13
|
+
@apply translate-y-0 -translate-x-20
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.reveal.in {
|
|
17
|
+
@apply opacity-100 transform-none duration-1000
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
</head>
|
|
6
6
|
<body class="pricing-page-background">
|
|
7
7
|
<div data-turbo="false">
|
|
8
|
-
<div class="
|
|
9
|
-
<div class="
|
|
8
|
+
<div class="background-fade-container">
|
|
9
|
+
<div class="background-fade medium-fade"></div>
|
|
10
10
|
</div>
|
|
11
11
|
|
|
12
12
|
<% if @back %>
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: bullet_train-themes-light
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.6.
|
|
4
|
+
version: 1.6.10
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Andrew Culver
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2023-11-
|
|
11
|
+
date: 2023-11-03 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: standard
|
|
@@ -139,7 +139,9 @@ files:
|
|
|
139
139
|
- app/assets/stylesheets/light/tailwind/secondary_colors/yellow.css
|
|
140
140
|
- app/assets/stylesheets/light/tailwind/secondary_colors/zinc.css
|
|
141
141
|
- app/assets/stylesheets/light/tailwind/utilities.css
|
|
142
|
+
- app/assets/stylesheets/light/tailwind/utilities/bg-fade.css
|
|
142
143
|
- app/assets/stylesheets/light/tailwind/utilities/billing.css
|
|
144
|
+
- app/assets/stylesheets/light/tailwind/utilities/scroll-reveal.css
|
|
143
145
|
- app/assets/stylesheets/light/turn.css
|
|
144
146
|
- app/assets/stylesheets/tailwindcss/base.css
|
|
145
147
|
- app/assets/stylesheets/tailwindcss/components.css
|