Add btn style

This commit is contained in:
samaradel 2022-03-28 22:10:51 +02:00
parent ef86a0d3f6
commit 7fcf1fd944
2 changed files with 20 additions and 3 deletions

View File

@ -81,8 +81,18 @@ img[src*="#large"] {
li li {
@apply text-sm lg:text-sm font-light;
}
button a {
@apply inline-block lg:text-lg hover:bg-gray-400 px-12 py-1 mr-5 my-10 border-2 shadow border-black capitalize;
button {
@apply
inline-block
lg:text-lg
px-12
py-1
mr-5
my-10
border-2
shadow
border-black
capitalize
}
}
@ -106,3 +116,10 @@ a {
header {
font-family: "Work Sans";
}
.nav_btn {
margin: 0 !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
}

View File

@ -126,7 +126,7 @@
{% else %}
<div class="relative">
{% set button_id = header_label ~ "-menu-btn" | slugify %}
<button type="button" id="{{button_id}}" class="font-medium text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-blue-300 focus:outline-none transition ease-in-out duration-150">
<button type="button" id="{{button_id}}" class="nav_btn font-medium text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-blue-300 focus:outline-none transition ease-in-out duration-150">
<span>{{ header_label }}</span>
<div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
</button>