styled front page with colors and sizes

This commit is contained in:
jorge 2022-12-29 00:59:40 +01:00
parent 4cb5a027c7
commit d38f77cece
5 changed files with 82 additions and 10 deletions

View File

@ -12,3 +12,4 @@ body {
display: flex;
align-items: center;
}

View File

@ -26,3 +26,36 @@ dd {
margin: 0 0 0.5em 0.5em;
padding: 0;
}
.oficina-support-label {
margin: 0;
padding: 0;
display: inline;
li {
display:inline-block;
margin:0.1rem;
padding: 0 0.2rem;
color: $color__white;
background-color: $color__black;
font-family: $font__black;
font-size: $font__size-body*0.7;
text-transform: uppercase;
}
}
.item-os_fund_target li {
background-color: $color__orange;
}
.item-os_fund_source li {
background-color: $color__lightblue;
}
.item-os_fund_field li {
background-color: $color__yellow;
}
.item-os_fund_call {
display: block;
margin:0.2rem 0.1rem;
li {
font-size: $font__size-body*1.2;
}
}

View File

@ -617,6 +617,44 @@ dd {
padding: 0;
}
.oficina-support-label {
margin: 0;
padding: 0;
display: inline;
}
.oficina-support-label li {
display: inline-block;
margin: 0.1rem;
padding: 0 0.2rem;
color: #fff;
background-color: #000;
font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 0.7rem;
text-transform: uppercase;
}
.item-os_fund_target li {
background-color: #ff8d76;
}
.item-os_fund_source li {
background-color: #5bcee8;
}
.item-os_fund_field li {
background-color: #f6cc4c;
}
.item-os_fund_call {
display: block;
margin: 0.2rem 0.1rem;
}
.item-os_fund_call li {
font-size: 1.2rem;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,

File diff suppressed because one or more lines are too long

View File

@ -16,13 +16,13 @@
$fielditerate = $args['os_acf_field'];
?>
<?php
$values= get_field($fielditerate);
if( $values ):
?>
<ul class="oficina-support-label color-<?php echo $fielditerate ?>">
<?php foreach( $values as $value ): ?>
<li><?php echo $value; ?></li>
<?php endforeach; ?>
</ul>
<?php
$values= get_field($fielditerate);
if( $values ):
?>
<ul class="oficina-support-label item-<?php echo $fielditerate ?>">
<?php foreach( $values as $value ): ?>
<li><?php echo $value; ?></li>
<?php endforeach; ?>
</ul>
<?php endif; ?>