Add card-shadow

This commit is contained in:
Luke 2022-06-27 12:11:46 +02:00
parent c4bc7beac6
commit 33c20c691e
7 changed files with 10 additions and 8 deletions

View file

@ -1,4 +1,4 @@
<div class="card"> <div class="card card-shadow">
<label class="card-label" for="card{{ include.state | prepend: '-' }}{{ include.project | prepend: '-' }}-{{ forloop.index }}"> <label class="card-label" for="card{{ include.state | prepend: '-' }}{{ include.project | prepend: '-' }}-{{ forloop.index }}">
<div class="wrapper-left"> <div class="wrapper-left">
<div class="flex"> <div class="flex">

View file

@ -1,4 +1,4 @@
<div class="card-extended"> <div class="card-extended card-shadow">
<label class="card-label" for="tablecard-{{ include.state }}-{{ forloop.index }}"> <label class="card-label" for="tablecard-{{ include.state }}-{{ forloop.index }}">
<div class="wrapper-left"> <div class="wrapper-left">
<div class="flex"> <div class="flex">

View file

@ -5,7 +5,7 @@
{% endif %} {% endif %}
<div class="faq-container-bottom-question"> <div class="faq-container-bottom-question">
<div class="card-faq hover-scale-out"> <div class="card-faq card-shadow hover-scale-out">
<label class="card-label" for="card-toggle-anchor-{{ faq_id }}"> <label class="card-label" for="card-toggle-anchor-{{ faq_id }}">
<div class="wrapper-left"> <div class="wrapper-left">
<div class="card-title"> <div class="card-title">

View file

@ -78,7 +78,7 @@ layout: page
{% assign jobs = site.jobs %} {% assign jobs = site.jobs %}
{% if jobs.size > 0 %} {% if jobs.size > 0 %}
{% for job in jobs %} {% for job in jobs %}
<div class="card p-7 flex items-center"> <div class="card card-shadow p-7 flex items-center">
<div class="flex space-x-2 items-center"> <div class="flex space-x-2 items-center">
<h3 class="text-xl block">{{ job.title }}</h3> <h3 class="text-xl block">{{ job.title }}</h3>
<span class="text-sm text-safing-gray-300 block">{{ job.extraInfo }}</span> <span class="text-sm text-safing-gray-300 block">{{ job.extraInfo }}</span>

View file

@ -212,7 +212,7 @@ redirect_from:
<div class="faq-container-bottom"> <div class="faq-container-bottom">
{% for faq in site.data.faq.portmaster %} {% for faq in site.data.faq.portmaster %}
<div class="faq-container-bottom-question"> <div class="faq-container-bottom-question">
<div class="card-faq hover-scale-out"> <div class="card-faq card-shadow hover-scale-out">
<label class="card-label" for="card-toggle-anchor-{{ forloop.index }}"> <label class="card-label" for="card-toggle-anchor-{{ forloop.index }}">
<div class="wrapper-left"> <div class="wrapper-left">
<div class="card-title"> <div class="card-title">

View file

@ -38,6 +38,7 @@ layout: page
controls> controls>
</video> </video>
</div> </div>
<div class="card-package most-popular card-shadow">
</div> </div>
<span style="font-size: 12rem; font-weight: 800; margin-top: -4.5rem; margin-left: -3rem; z-index: -1;" class="absolute transform scale-50 lg:scale-125"> <span style="font-size: 12rem; font-weight: 800; margin-top: -4.5rem; margin-left: -3rem; z-index: -1;" class="absolute transform scale-50 lg:scale-125">
<img src="{{ site.img_url }}shapes/circle-sm.png" alt=""> <img src="{{ site.img_url }}shapes/circle-sm.png" alt="">
@ -202,6 +203,7 @@ layout: page
</div> </div>
<div class="card-package-bottom"> <div class="card-package-bottom">
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}plans/2/subscribe">Subscribe</a> <a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}plans/2/subscribe">Subscribe</a>
<div class="card-package most-popular card-shadow">
</div> </div>
</div> </div>
</div> </div>
@ -219,7 +221,7 @@ layout: page
<div class="faq-container-bottom"> <div class="faq-container-bottom">
{% for faq in site.data.faq.spn %} {% for faq in site.data.faq.spn %}
<div class="faq-container-bottom-question"> <div class="faq-container-bottom-question">
<div class="card-faq hover-scale-out"> <div class="card-faq card-shadow hover-scale-out">
<label class="card-label" for="card-toggle-anchor-{{ forloop.index }}"> <label class="card-label" for="card-toggle-anchor-{{ forloop.index }}">
<div class="wrapper-left"> <div class="wrapper-left">
<div class="card-title"> <div class="card-title">

View file

@ -59,7 +59,7 @@ layout: page
<div class="faq-container-bottom"> <div class="faq-container-bottom">
{% for faq in site.data.faq.portmaster %} {% for faq in site.data.faq.portmaster %}
<div class="faq-container-bottom-question"> <div class="faq-container-bottom-question">
<div class="card-faq hover-scale-out"> <div class="card-faq card-shadow hover-scale-out">
<label class="card-label" for="card-toggle-anchor-portmaster-{{ forloop.index }}"> <label class="card-label" for="card-toggle-anchor-portmaster-{{ forloop.index }}">
<div class="wrapper-left"> <div class="wrapper-left">
<div class="card-title"> <div class="card-title">
@ -126,7 +126,7 @@ layout: page
<div class="faq-container-bottom"> <div class="faq-container-bottom">
{% for faq in site.data.faq.spn %} {% for faq in site.data.faq.spn %}
<div class="faq-container-bottom-question"> <div class="faq-container-bottom-question">
<div class="card-faq hover-scale-out"> <div class="card-faq card-shadow hover-scale-out">
<label class="card-label" for="card-toggle-anchor-spn-{{ forloop.index }}"> <label class="card-label" for="card-toggle-anchor-spn-{{ forloop.index }}">
<div class="wrapper-left"> <div class="wrapper-left">
<div class="card-title"> <div class="card-title">