styled front page with colors and sizes
This commit is contained in:
parent
4cb5a027c7
commit
d38f77cece
|
@ -12,3 +12,4 @@ body {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
38
style.css
38
style.css
|
@ -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
|
@ -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; ?>
|
||||
|
|
Loading…
Reference in New Issue