autonomic-cooperative/autonomic-block-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

home: adjust layout column widths and add flower

Browse Source
This commit is contained in:
desmukh 2023-02-03 11:42:28 +05:00
parent 8688174a52
commit 1dd429685a
3 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
style.css
View File

@ -63,4 +63,10 @@ with others.
.wp-site-blocks h2 a {
text-decoration: none;
}
.wp-site-blocks .home-flower {
margin-bottom: -40px;
z-index: -20;
position: relative;
}

18
templates/index.html
View File

@ -1,7 +1,7 @@
<!-- wp:group {"style":{"spacing":{"padding":{"top":"96px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:96px"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%">
<div class="wp-block-columns"><!-- wp:column {"width":"15%"} -->
<div class="wp-block-column" style="flex-basis:15%">
<!-- wp:group {"style":{"spacing":{"padding":{"top":"188px","right":"64px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:188px;padding-right:64px">
<!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /--></div>
@ -9,12 +9,18 @@
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"64%"} -->
<div class="wp-block-column" style="flex-basis:64%"><!-- wp:post-content /--></div>
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-content /--></div>
<!-- /wp:column -->
<!-- wp:column {"width":"16%"} -->
<div class="wp-block-column" style="flex-basis:16%"></div>
<!-- wp:column {"verticalAlignment":"bottom","width":"35%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:35%">
<!-- wp:image {"id":378,"sizeSlug":"full","linkDestination":"none","className":"home-flower"} -->
<figure class="wp-block-image size-full home-flower"><img
src="https://autonomic.local/wp-content/uploads/2023/02/01flowergreen-1.png" alt="" class="wp-image-378" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

4
theme.json
View File

@ -76,8 +76,8 @@
]
},
"layout": {
"contentSize": "1000px",
"wideSize": "1100px"
"contentSize": "1226px",
"wideSize": "1226px"
},
"spacing": {
"units": [ "px", "em", "rem", "vh", "vw", "%" ]