add hover styles to all buttons
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Aadil Ayub 2024-07-15 14:28:02 +05:00
parent 6f3fd8fabb
commit 046a729cec
2 changed files with 16 additions and 15 deletions

View File

@ -30,20 +30,20 @@
<!-- /wp:group --> <!-- /wp:group -->
<!-- wp:columns {"style":{"spacing":{"padding":{"right":"var:preset|spacing|80","left":"var:preset|spacing|80"},"blockGap":{"left":"0"}}}} --> <!-- wp:columns {"style":{"spacing":{"padding":{"right":"var:preset|spacing|80","left":"var:preset|spacing|80"},"blockGap":{"left":"0"}}}} -->
<div class="wp-block-columns" style="padding-right:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)"><!-- wp:column {"verticalAlignment":"stretch","style":{"spacing":{"blockGap":"0","padding":{"top":"1.05rem"}}}} --> <div class="wp-block-columns" style="padding-right:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)"><!-- wp:column {"verticalAlignment":"stretch","style":{"spacing":{"blockGap":"0","padding":{"top":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-stretch" style="padding-top:1.05rem"><!-- wp:tiptip/hyperlink-group-block {"url":"/our-work#refusing-control"} --> <div class="wp-block-column is-vertically-aligned-stretch" style="padding-top:0"><!-- wp:tiptip/hyperlink-group-block {"url":"/our-work#refusing-control","className":"pcss-195048ed","pcssAdditionalCss":"[block] {\n display: flex !important;\n flex-direction: column;\n height: 100%;\n}","pcssAdditionalCssCompiled":".pcss-195048ed{flex-direction:column;height:100%;display:flex!important}","pcssClassId":"pcss-195048ed"} -->
<a class="wp-block-hyperlink-group" href="/our-work#refusing-control"> <a class="wp-block-hyperlink-group" href="/our-work#refusing-control">
<div class="wp-block-tiptip-hyperlink-group-block"><!-- wp:image {"id":186,"scale":"cover","sizeSlug":"full","linkDestination":"none","className":"overlap pcss-fc27f5e8","pcssAdditionalCss":"[block] img {\n z-index: 2;\n position: relative;\n}","pcssAdditionalCssCompiled":".pcss-fc27f5e8 img{z-index:2;position:relative}","pcssClassId":"pcss-fc27f5e8"} --> <div class="wp-block-tiptip-hyperlink-group-block pcss-195048ed"><!-- wp:image {"id":186,"scale":"cover","sizeSlug":"full","linkDestination":"none","className":"overlap pcss-fc27f5e8","pcssAdditionalCss":"[block] img {\n z-index: 2;\n position: relative;\n}","pcssAdditionalCssCompiled":".pcss-fc27f5e8 img{z-index:2;position:relative}","pcssClassId":"pcss-fc27f5e8"} -->
<figure class="wp-block-image size-full overlap pcss-fc27f5e8"><img src="http://jett.local/wp-content/uploads/2024/06/image.png" alt="" class="wp-image-186" style="object-fit:cover" /></figure> <figure class="wp-block-image size-full overlap pcss-fc27f5e8"><img src="http://jett.local/wp-content/uploads/2024/06/image.png" alt="" class="wp-image-186" style="object-fit:cover" /></figure>
<!-- /wp:image --> <!-- /wp:image -->
<!-- wp:group {"style":{"border":{"top":{"width":"16px"},"right":{"width":"2px"},"bottom":{"width":"6px"},"left":{"width":"2px"}},"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70","top":"var:preset|spacing|70","bottom":"3.4rem"},"margin":{"top":"-32px"}}},"className":"pcss-d2c67f90","layout":{"type":"default"},"fontSize":"standard","pcssAdditionalCss":"[block] {\n\n}","pcssClassId":"pcss-d2c67f90"} --> <!-- wp:group {"style":{"border":{"top":{"width":"16px"},"right":{"width":"2px"},"bottom":{"width":"6px"},"left":{"width":"2px"}},"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70","top":"var:preset|spacing|70","bottom":"3.4rem"},"margin":{"top":"-32px"}}},"className":"pcss-d2c67f90","layout":{"type":"default"},"fontSize":"standard","pcssAdditionalCss":"[block] {\n flex-grow: 1;\n}","pcssAdditionalCssCompiled":".pcss-d2c67f90{flex-grow:1}","pcssClassId":"pcss-d2c67f90"} -->
<div class="wp-block-group pcss-d2c67f90 has-standard-font-size" style="border-top-width:16px;border-right-width:2px;border-bottom-width:6px;border-left-width:2px;margin-top:-32px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:3.4rem;padding-left:var(--wp--preset--spacing--70)"><!-- wp:heading {"textAlign":"center","fontSize":"huge"} --> <div class="wp-block-group pcss-d2c67f90 has-standard-font-size" style="border-top-width:16px;border-right-width:2px;border-bottom-width:6px;border-left-width:2px;margin-top:-32px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:3.4rem;padding-left:var(--wp--preset--spacing--70)"><!-- wp:heading {"textAlign":"center","fontSize":"huge"} -->
<h2 class="wp-block-heading has-text-align-center has-huge-font-size">Refusing control</h2> <h2 class="wp-block-heading has-text-align-center has-huge-font-size">Refusing control</h2>
<!-- /wp:heading --> <!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"18px"}},"fontFamily":"commit-mono"} --> <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"18px","lineHeight":"1.5"}},"fontFamily":"commit-mono"} -->
<p class="has-text-align-center has-commit-mono-font-family" style="font-size:18px">Disqualifications, and flawed predictions that affect some groups, such as historically marginalized ones, more than others.</p> <p class="has-text-align-center has-commit-mono-font-family" style="font-size:18px;line-height:1.5">Disqualifications, and flawed predictions that affect some groups, such as historically marginalized ones, more than others.</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
</div> </div>
<!-- /wp:group --> <!-- /wp:group -->
@ -54,19 +54,19 @@
<!-- /wp:column --> <!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"stretch","style":{"spacing":{"blockGap":"0"}},"className":"pcss-c272a733","pcssAdditionalCss":"[block] {\n position: relative;\n top: 1px;\n}","pcssAdditionalCssCompiled":".pcss-c272a733{position:relative;top:1px}","pcssClassId":"pcss-c272a733"} --> <!-- wp:column {"verticalAlignment":"stretch","style":{"spacing":{"blockGap":"0"}},"className":"pcss-c272a733","pcssAdditionalCss":"[block] {\n position: relative;\n top: 1px;\n}","pcssAdditionalCssCompiled":".pcss-c272a733{position:relative;top:1px}","pcssClassId":"pcss-c272a733"} -->
<div class="wp-block-column is-vertically-aligned-stretch pcss-c272a733"><!-- wp:tiptip/hyperlink-group-block {"url":"/our-work#this-is-what-police-tech-looks-like"} --> <div class="wp-block-column is-vertically-aligned-stretch pcss-c272a733"><!-- wp:tiptip/hyperlink-group-block {"url":"/our-work#this-is-what-police-tech-looks-like","className":"pcss-7b4ad062","pcssAdditionalCss":"[block] {\n display: flex !important;\n flex-direction: column;\n height: 100%;\n}","pcssAdditionalCssCompiled":".pcss-7b4ad062{flex-direction:column;height:100%;display:flex!important}","pcssClassId":"pcss-7b4ad062"} -->
<a class="wp-block-hyperlink-group" href="/our-work#this-is-what-police-tech-looks-like"> <a class="wp-block-hyperlink-group" href="/our-work#this-is-what-police-tech-looks-like">
<div class="wp-block-tiptip-hyperlink-group-block"><!-- wp:image {"id":521,"scale":"cover","sizeSlug":"full","linkDestination":"none","className":"pcss-793cc96b","pcssAdditionalCss":"[block] img {\n z-index: 2;\n position: relative;\n}","pcssAdditionalCssCompiled":".pcss-793cc96b img{z-index:2;position:relative}","pcssClassId":"pcss-793cc96b"} --> <div class="wp-block-tiptip-hyperlink-group-block pcss-7b4ad062"><!-- wp:image {"id":521,"scale":"cover","sizeSlug":"full","linkDestination":"none","className":"pcss-3loeobyq","pcssAdditionalCss":"[block] img {\n z-index: 2;\n position: relative;\n}","pcssAdditionalCssCompiled":".pcss-3loeobyq img{z-index:2;position:relative}","pcssClassId":"pcss-3loeobyq"} -->
<figure class="wp-block-image size-full pcss-793cc96b"><img src="https://jett.local/wp-content/uploads/2024/06/gardener_hands.png" alt="" class="wp-image-521" style="object-fit:cover" /></figure> <figure class="wp-block-image size-full pcss-3loeobyq"><img src="https://jett.local/wp-content/uploads/2024/06/gardener_hands.png" alt="" class="wp-image-521" style="object-fit:cover" /></figure>
<!-- /wp:image --> <!-- /wp:image -->
<!-- wp:group {"style":{"border":{"top":{"width":"16px"},"right":{"width":"2px"},"bottom":{"width":"6px"},"left":{"width":"2px"}},"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70","top":"var:preset|spacing|70","bottom":"2.5rem"},"margin":{"top":"-32px"}}},"className":"pcss-793cc96b","layout":{"type":"default"},"pcssAdditionalCss":"","pcssClassId":"pcss-793cc96b"} --> <!-- wp:group {"style":{"border":{"top":{"width":"16px"},"right":{"width":"2px"},"bottom":{"width":"6px"},"left":{"width":"2px"}},"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70","top":"var:preset|spacing|70","bottom":"3.4rem"},"margin":{"top":"-32px"}}},"className":"pcss-793cc96b","layout":{"type":"default"},"pcssAdditionalCss":"[block] {\n flex-grow: 1;\n position: relative;\n top: -1px;\n}","pcssAdditionalCssCompiled":".pcss-793cc96b{flex-grow:1;position:relative;top:-1px}","pcssClassId":"pcss-793cc96b"} -->
<div class="wp-block-group pcss-793cc96b" style="border-top-width:16px;border-right-width:2px;border-bottom-width:6px;border-left-width:2px;margin-top:-32px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:2.5rem;padding-left:var(--wp--preset--spacing--70)"><!-- wp:heading {"textAlign":"center","fontSize":"huge"} --> <div class="wp-block-group pcss-793cc96b" style="border-top-width:16px;border-right-width:2px;border-bottom-width:6px;border-left-width:2px;margin-top:-32px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:3.4rem;padding-left:var(--wp--preset--spacing--70)"><!-- wp:heading {"textAlign":"center","fontSize":"huge"} -->
<h2 class="wp-block-heading has-text-align-center has-huge-font-size">This is What Police Tech Looks Like</h2> <h2 class="wp-block-heading has-text-align-center has-huge-font-size">This is What Police Tech Looks Like</h2>
<!-- /wp:heading --> <!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"18px"}},"fontFamily":"commit-mono"} --> <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"18px","lineHeight":"1.5"}},"fontFamily":"commit-mono"} -->
<p class="has-text-align-center has-commit-mono-font-family" style="font-size:18px">Computer systems&nbsp;is feeding into a moral panic for which technology is the savior.</p> <p class="has-text-align-center has-commit-mono-font-family" style="font-size:18px;line-height:1.5">Computer systems&nbsp;is feeding into a moral panic for which technology is the savior.</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
</div> </div>
<!-- /wp:group --> <!-- /wp:group -->
@ -141,7 +141,7 @@
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} --> <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"stretch"}} --> <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"stretch"}} -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"spacing":{"padding":{"left":"0","right":"0"}}},"className":"pcss-808b88d9","fontSize":"medium","pcssAdditionalCss":"[block] {\n width: 100%;\n margin-inline: 1rem !important;\n display: inline-block;\n transition: 0.25s ease-in-out;\n}\n\n[block] .wp-element-button {\n width: 100%;\n}\n\n[block]:hover {\n box-shadow: rgb(51, 51, 51) 4px 4px 0 0;\n transform: translate(-4px, -4px)\n}","pcssAdditionalCssCompiled":".pcss-808b88d9{width:100%;transition:all .25s ease-in-out;display:inline-block;margin-inline:1rem!important}.pcss-808b88d9 .wp-element-button{width:100%}.pcss-808b88d9:hover{transform:translate(-4px,-4px);box-shadow:4px 4px #333}","pcssClassId":"pcss-808b88d9"} --> <div class="wp-block-buttons"><!-- wp:button {"style":{"spacing":{"padding":{"left":"0","right":"0"}}},"className":"pcss-808b88d9","fontSize":"medium","pcssAdditionalCss":"[block] {\n width: 100%;\n margin-inline: 1rem !important;\n display: inline-block;\n}\n\n[block] .wp-element-button {\n width: 100%;\n}\n\n[block] .wp-block-button__link:hover {\n transform: translate(-4px, -4px);\n box-shadow: 4px 4px #333;\n}","pcssAdditionalCssCompiled":".pcss-808b88d9{width:100%;display:inline-block;margin-inline:1rem!important}.pcss-808b88d9 .wp-element-button{width:100%}.pcss-808b88d9 .wp-block-button__link:hover{transform:translate(-4px,-4px);box-shadow:4px 4px #333}","pcssClassId":"pcss-808b88d9"} -->
<div class="wp-block-button has-custom-font-size pcss-808b88d9 has-medium-font-size"><a class="wp-block-button__link wp-element-button" href="https://jett.local/blog/" style="padding-right:0;padding-left:0">More </a></div> <div class="wp-block-button has-custom-font-size pcss-808b88d9 has-medium-font-size"><a class="wp-block-button__link wp-element-button" href="https://jett.local/blog/" style="padding-right:0;padding-left:0">More </a></div>
<!-- /wp:button --> <!-- /wp:button -->
</div> </div>

View File

@ -585,7 +585,8 @@
"letterSpacing": "0.48px", "letterSpacing": "0.48px",
"lineHeight": "1", "lineHeight": "1",
"textTransform": "none" "textTransform": "none"
} },
"css": "transition: 0.25s ease-in-out; &:hover { transform: translate(-2px, -2px);box-shadow: 2px 2px #333; }"
}, },
"core/heading": { "core/heading": {
"color": { "color": {