Skip to content

Jeremy Groot / stellervista-Intranet

Go to a project
Toggle navigation
Toggle navigation pinning
0184fabd by Jeff Balicki
Options

sss 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent b4f6f780
Inline Side-by-side
Showing 6 changed files with 25 additions and 7 deletions
......@@ -20,7 +20,9 @@ if($fields['new_window']){
switch($style){
case 'image': ?>
<a class="block-link" <?php echo $new_window; ?> href="<?php echo $fields['link']; ?>">
<div class="link-block single">
<div class="link-block image" style="background-image: url('<?php the_field('image'); ?>')">
</div>
<div class="link"><?php echo $fields['link_text']; ?> </div>
</div>
</a>
......@@ -28,7 +30,7 @@ switch($style){
break;
case 'text': ?>
<a class="block-link" <?php echo $new_window; ?> href="<?php echo $fields['link']; ?>">
<div class="link-block Text">
<div class="link-block text">
<?php echo $fields['text']; ?>
<div class="link"><?php echo $fields['link_text']; ?> </div>
</div>
......
......@@ -14874,10 +14874,12 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item {
color: #000;
height: 350px;
position: relative;
overflow: hidden;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.block-link .link-block .image {
background-size: cover;
background-position: center;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
padding: 40px 32px 0px 32px;
transition: 0.5s;
}
.block-link .link-block .link {
......@@ -14896,10 +14898,15 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item {
background-position: top right;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23183668' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E");
}
.block-link .link-block.text {
padding: 40px 32px 0px 32px;
}
.block-link:hover .link-block {
color: #000;
background-size: 101%;
}
.block-link:hover .link-block .image {
transform: scale(1.1) !important;
background-position: center;
transition: 0.3s;
}
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
.block-link{
text-decoration: none;
.link-block{
color: #000;
height:350px;
position: relative;
overflow: hidden;
box-shadow: 0px 3px 6px #00000029;
.image{
background-size: cover;
background-position:center;
box-shadow: 0px 3px 6px #00000029;
padding:40px 32px 0px 32px;
transition: 0.5s;
}
.link{
padding-top: 18px;
text-transform: uppercase;
......@@ -27,14 +30,20 @@
}
}
.link-block.text{
padding:40px 32px 0px 32px;
}
}
.block-link:hover{
.link-block{
color: #000;
background-size: 101%;
.image{
transform: scale(1.1) !important;
background-position:center;
transition: .3s;
}
.link{
font-weight: 700;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23132C55' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E");
......