Compare commits

..

5 Commits

Author SHA1 Message Date
desmukh
a81e7e4777 home: tweak styling
All checks were successful
continuous-integration/drone/push Build is passing
2023-01-23 22:11:50 +05:00
desmukh
ad3363f4bf tweak typography 2023-01-23 18:57:00 +05:00
desmukh
0cf22317e7 home: style list list 2023-01-23 11:06:37 +05:00
desmukh
87ca5ee238 add custom stylesheet ¯\_(ツ)_/¯ 2023-01-23 11:06:37 +05:00
desmukh
c67a53f535 move heading typography to styles > elements 2023-01-23 11:06:37 +05:00
6 changed files with 67 additions and 29 deletions

BIN
assets/images/arrow.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 227 B

8
functions.php Normal file
View File

@ -0,0 +1,8 @@
<?php
add_action('init', 'custom_stylesheet');
function custom_stylesheet() {
wp_register_style( 'custom-styles', get_template_directory_uri() . '/style.css' );
}
wp_enqueue_style( 'custom-styles' );

View File

@ -1,5 +1,5 @@
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"secondary","textColor":"background","layout":{"type":"constrained"}} --> <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"secondary","textColor":"background","layout":{"type":"constrained"},"fontSize":"small"} -->
<div class="wp-block-group has-background-color has-secondary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:columns --> <div class="wp-block-group has-background-color has-secondary-background-color has-text-color has-background has-link-color has-small-font-size" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-column"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:site-logo {"width":44,"shouldSyncIcon":false} /--> <div class="wp-block-group"><!-- wp:site-logo {"width":44,"shouldSyncIcon":false} /-->

View File

@ -7,16 +7,16 @@
*/ */
?> ?>
<!-- wp:heading {"level":1} --> <!-- wp:heading {"level":1,"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}}}} -->
<h1>Autonomic is a co-operative that is owned and run by its workers</h1> <h1 style="padding-bottom:var(--wp--preset--spacing--40)">Autonomic is a co-operative that is owned and run by its workers <img class="wp-image-193" style="width: 26px;" src="http://autonomic.local/wp-content/uploads/2023/01/leaf.png" alt=""></h1>
<!-- /wp:heading --> <!-- /wp:heading -->
<!-- wp:heading --> <!-- wp:heading -->
<h2>What we offer</h2> <h2>What we offer</h2>
<!-- /wp:heading --> <!-- /wp:heading -->
<!-- wp:list --> <!-- wp:list {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.6"},"spacing":{"padding":{"left":"120px"}}}} -->
<ul><!-- wp:list-item --> <ul style="padding-left:120px;font-size:28px;font-style:normal;font-weight:700;line-height:1.6"><!-- wp:list-item -->
<li>Support</li> <li>Support</li>
<!-- /wp:list-item --> <!-- /wp:list-item -->
@ -46,8 +46,8 @@
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:group {"layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"}} --> <!-- wp:group {"layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:buttons {"style":{"spacing":{"blockGap":"0"}}} --> <div class="wp-block-group"><!-- wp:buttons {"style":{"spacing":{"blockGap":"0"},"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} --> <div class="wp-block-buttons" style="font-style:normal;font-weight:700"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Sustainability</a></div> <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Sustainability</a></div>
<!-- /wp:button --> <!-- /wp:button -->
@ -61,12 +61,12 @@
<!-- /wp:buttons --></div> <!-- /wp:buttons --></div>
<!-- /wp:group --> <!-- /wp:group -->
<!-- wp:paragraph --> <!-- wp:paragraph {"fontSize":"small"} -->
<p>You can consult our expanded list of values here.</p> <p class="has-small-font-size">You can consult our expanded list of values here.</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0"}}} --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"button"} --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"button","fontSize":"small"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-button-background-color has-background wp-element-button">Contact us at hello@autonomic.zone</a></div> <div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-button-background-color has-background wp-element-button">Contact us at <strong>hello@autonomic.zone</strong></a></div>
<!-- /wp:button --></div> <!-- /wp:button --></div>
<!-- /wp:buttons --> <!-- /wp:buttons -->

View File

@ -20,3 +20,35 @@ This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned Use it to make something cool, have fun, and share what you've learned
with others. with others.
*/ */
.wp-site-blocks h2 {
display: flex;
height: 36px;
align-items: center;
border-bottom: 1px solid;
}
.wp-site-blocks h2::before {
content: "";
border-top: 1px solid;
border-right: 1px solid;
width: 80px;
margin-right: 8px;
height: 36px;
border-bottom: 1px solid #f5fbf8;
}
.wp-site-blocks h2::after {
content: "";
border-top: 1px solid;
flex-grow: 1;
margin-left: 8px;
height: 36px;
border-left: 1px solid;
border-bottom: 1px solid #f5fbf8;
}
.wp-site-blocks ul {
list-style-image: url('/wp-content/themes/autonomic/assets/images/arrow.png');
}

View File

@ -114,8 +114,8 @@
"fontWeight": "600", "fontWeight": "600",
"textTransform": "uppercase" "textTransform": "uppercase"
} }
}
}, },
"core/heading": {
"elements": { "elements": {
"h1": { "h1": {
"typography": { "typography": {
@ -131,8 +131,6 @@
} }
} }
} }
}
}
}, },
"templateParts": [ "templateParts": [
{ {