Commit graph

99 commits

Author SHA1 Message Date
Jason Crist
1b61f3c876
Try/consolidate headers (#5145)
* consolidate header styles designed for child themes into Blockbase which child themes can use as header/footer options.
* Refactor header spacing mechanism to use a spacer in a template part
* Refactor header layouts to allow for full-width background colors.
* Tweak navigation styles leveraged by headers to align with design intentions
* Various other header and navigation tweaks.
* Affects all Blockbase children

Co-authored-by: Maggie <maggie.cabrera@automattic.com>
Co-authored-by: Ben Dwyer <ben@scruffian.com>
2021-12-09 10:22:50 -05:00
Ben Dwyer
35fc26d218
Move calendar styles to blockbase (#5114)
* Move calendar styles to blockbase

* remove calendar styles
2021-12-01 10:13:35 +00:00
Ben Dwyer
5fa525509b
Remove unused search block code (#5116)
* Remove unused search block code

* rebuild children
2021-12-01 10:04:27 +00:00
Ben Dwyer
7f5e587c78
Blockbase: Move table stripes to Blockbase (#5115)
* Blockbase: Move table stripes to Blockbase

* Remove unneeded code

* rebuild css

* rebuild all

* give the tertiary color a bit more contrast
2021-11-30 17:09:05 +00:00
Sarah Norris
701115a37d
Quadrat: Fix post title spacing (#4720)
* Quadrat: remove title spacers from templates

* Quadrat: add margin to post-title

* Quadrat: increase post title bottom margin

* Quadrat: increase post title margin again

* Quadrat: add GB comment for context

* Quadrat: reduce spacing above featured image

* Quadrat: increase featured image spacing slightly

* Quadrat: add spacing below featured image

* Remove :empty title styling

* Move post title spacing to theme.json

* Tweak featured image spacing

* Remove title spacer from index template

* Remove title spacer from page template

* Reduce post title spacing

* Move post title spacing from theme.json to css

* Add spacer back to index template

* Reduce featured image spacing

* Move CSS to the templates where possible

* Even out spacing without using negative margins.

* Apply the same changes to Geologist

* Apply the same changes to Zoologist

* Apply the same changes to Payton

* Geologist & Zoologist: Move the post-title margin to the block so that the no title posts line up

* Add left/right padding back to Payton page title

Co-authored-by: Ben Dwyer <ben@scruffian.com>
Co-authored-by: Kjell Reigstad <kjell@kjellr.com>
2021-11-19 09:15:04 +00:00
Ben Dwyer
25bf57cbec
Blockbase: Add a mixin for post meta (#4897) 2021-10-25 10:57:46 +01:00
Maggie
a025027975
Blockbase: make post meta icons optional (#4891)
* move blockbase post meta icons to block styles

* refactored geologist, removed unneeded css coming from Quadrat

* added meta icons to russell

* seedlet, zoologist refactored like geologist

* refactored Quadrat

* more unnecesary css

* applied to Mayland

* removed CSS from videomaker

* built mayland

* refactored Skatepark

* correct icon and size for Skatepark
2021-10-21 16:30:06 +02:00
Jason Crist
0d08de6d60
Adjusted menu CSS to match recent changes in the block (#4822)
* Adjusted menu CSS to match recent changes in the block

* Adjusted mobile menu styling to fit recent changes to navigation block

* Style social nav on mobile only

* Made the same menu changes in Geologist as in Quadrat

* Corrected blockbase classes due to recent changes to navigation block

* Adjusted skatepark's navigation classes

* corrected videomaker classes

* Improved mobile navigation alignment for Seedlet Blocks

* Further addressed Seedlet's mobile stylings.  Better addressed Blockbase mobile submenu spacing.

* Remove the margins on the social links block when in the nav

* Add a block style for 'clean mobile navigation block' and cleaned up base navigation block styles polyfill

* moved social menu location of styled mobile menu

* Renamed block style to improved responsive navigation

Co-authored-by: Ben Dwyer <ben@scruffian.com>
2021-10-15 08:27:27 +01:00
Jason Crist
21ef6ad1d5
Added font color and size styles to form input placeholder (#4667)
* Added font color and size styles to form input placeholder

* Update quadrat/sass/elements/_forms.scss

* Quadrat: Fix search form placeholder color in the editor

* Quadrat: Remove accidental theme.json changes

* Move fix to blockbase

Co-authored-by: Ben Dwyer <ben@scruffian.com>
Co-authored-by: Daniel Dudzic <daniel.dudzic@automattic.com>
2021-10-07 09:39:44 +01:00
Daniel Dudzic
30ee449139
Quadrat: Fix post meta offset (#4752)
* Quadrat: Fix post meta offset

* Remove padding on site tagline.

* Remove inline spacing rules on site tagline.

* Use content: none to hide icon and add comment about configuring in Blockbase.

* Fix comment typo.

Co-authored-by: Jeff Ong <jonger4@gmail.com>
2021-10-01 09:53:32 +02:00
Maggie
55ab2e3368
Merge pull request #4737 from Automattic/try-quadrat-dynamic-pattern
Quadrat: created new query block pattern
2021-09-30 16:08:22 +02:00
Maggie
b22bc65ae0 fixed stretch on image for the horizontal pattern 2021-09-30 16:07:14 +02:00
Jeff Ong
36285e3449
Replace query-loop with post-template. (#4744) 2021-09-30 09:25:42 -04:00
Ben Dwyer
10918d3451 tidy up the query pattern 2021-09-29 13:19:39 +01:00
Ben Dwyer
52b6bd9d7b fix third post 2021-09-29 12:06:18 +01:00
Maggie
548eb82ffb created new query block pattern 2021-09-29 10:24:01 +02:00
Ben Dwyer
4c192fefb1
Blockbase: Make the top margins consistent (#4726)
* Blockbase: Make the top margins consistent

* import post-template partial
2021-09-28 14:51:39 -04:00
Ben Dwyer
347903e0f7
Blockbase: Update font size names (#4711)
* Blockbase: Update font size names
* Add overrides to geologist and quadrat
* Add a tiny custom variable to blockbase
* update templates to use new variable
* update block patterns
* update the post-meta font sizes
* Add a medium font size and make huge bigger
* replace font sizes in patterns with explict pixel values

Co-authored-by: Jeffrey Pearce <jeffikus@automattic.com>
2021-09-28 12:40:11 -04:00
Ben Dwyer
290dcac0a4
Blockbase: Add site logo (#4692)
* removed non-gap margins from heading
* Blockbase: Add site logo
* Blockbase: Reduce the default logo size
* Refactored blockbase headers to include all of Quadrat's header design
* Added tagline to mayland blocks
* resized suggested dimensions per reccomendation

Co-authored-by: Jason Crist <jcrist@pbking.com>
Co-authored-by: Daniel Dudzic <daniel.dudzic@automattic.com>
2021-09-27 14:31:07 -04:00
Ben Dwyer
41b4037836
Quadrat: Add pagination arrows through block settings, not in CSS (#4536) 2021-09-24 15:57:14 -04:00
Daniel Dudzic
9152c65c57
Quadrat: Fix styling of post meta (#4695)
* Quadrat: Fix styling of post meta

* Quadrat: Remove unnecessary styles from post meta
2021-09-24 14:37:01 +01:00
Daniel Dudzic
946394db41
Quadrat: Enhance the logo spacing on mobile (#4634)
* Quadrat: Enhance the logo spacing on mobile

* Update quadrat/sass/templates/_header.scss

Co-authored-by: Kjell Reigstad <kjell.reigstad@automattic.com>

* Geologist: Add logo spacing

* Geologist/Quadrat: update theme.css files

Co-authored-by: Ben Dwyer <ben@scruffian.com>
Co-authored-by: Kjell Reigstad <kjell.reigstad@automattic.com>
Co-authored-by: Sarah Norris <sarah@sekai.co.uk>
2021-09-24 14:27:20 +01:00
Jeffrey Pearce
de7a2473bb
Quadrat/update font sizes (#4683)
* Updates themes.json htag font sizes

Updates font sizes for h4,5,6 in theme.json.

* Updates typography font sizes.

Updates tiny, small, normal, and extra large font sizes.

* Updates font sizes.

Citation and query pagination block font size updates.

* Updates font sizes.

Navigation and site title block font size update.

* Navigation font size update.

Updates responsive navigation font size.

* Fixes from review.

Changes font sizes to variables.

Props @scruffian for review.

* Replace font-size with variable.

Well spotted @scruffian - updated this and did a sweep for any other font-size in the theme. I don't see any more.

* Another sweep of fontSize replacement.

Found another instance in custom typography and core/code block.
2021-09-23 13:13:00 +01:00
Ben Dwyer
802475c209
Blockbase: Add focus styles (#4684) 2021-09-23 13:12:47 +01:00
Maggie
a8485fb5a9 Blockbase + Quadrat: remap quadrat colors, refactor selection to tertiary (#4570)
* remap quadrat colors, refactor selection to tertiary

* Refactored color customizations to exclusively use THEME provided values as the basis for colors to configure rather than optionally using USER provided values.

* Changed blockbase's tertiary color to match blank-canvas
* Changed seedlet-blocks tertiary color to match seedlet's

* Eliminated any text selection styling for Blockbase and children (with the exception of Skatepark)

Co-authored-by: Jason Crist <jcrist@pbking.com>
2021-09-13 17:21:42 -04:00
Jason Crist
09577d5e08 Simplify Custom margin (#4556)
* Eliminated post-content margin custom CSS variable and used custom-gap-horizontal throughout instead

* refactored references from custom post-content padding to custom-margin in child themes

* refactored and simplified styles that were leveraging custom-post-content padding values

* Remove unused custom variables.

Co-authored-by: Jeff Ong <jonger4@gmail.com>
2021-09-13 17:21:42 -04:00
Maggie
9acd573ee5 changed reply link font size and hover effect 2021-09-08 09:34:51 +02:00
Maggie
b46a9d57aa removed unused CSS from Blockbase children 2021-09-08 09:34:10 +02:00
Ben Dwyer
333559b47f
Quadrat: Fix footer (#4537)
* Quadrat: Fix footer polygon

* rebuild CSS
2021-09-07 15:11:43 +01:00
Maggie
76a8d2f856
Geologist: code quality (#4532)
* refactor outline button styles

* removed block patterns styles

* renamed mixin
2021-09-07 13:05:07 +01:00
Ben Dwyer
0d4128bb68
Geologist: New Theme (#4472)
* Bedrock: New Theme

* Add Quadrat styles

* Rename theme to Geologist

* Update color palette.

* Adjust post title size.

* Tidy up single template.

* Tidy up page template.

* Adjust spacing

* Sync up spacing between index, page, and single templates.

* Create screenshot.png

* remove extra horizontal space on quadrat and geologist

Co-authored-by: Kjell Reigstad <kjell@kjellr.com>
2021-09-03 21:16:28 +01:00
Ben Dwyer
a5e860f3f1
Blockbase: Update Blockbase and children to use flex (#4468)
* Blockbase: Update post meta to use flex
* move the blockGap config to styles
* Change the site header to use the new flex layout

Co-authored-by: Jason Crist <jcrist@pbking.com>
2021-08-30 15:30:29 -04:00
Sarah Norris
e14f6ebb40 Blockbase: Move form grid styles to Blockbase 2021-08-12 12:45:51 +01:00
Sarah Norris
2f4f5e9f4b Blockbase: Move hide-accesibly mixin to Blockbase 2021-08-11 17:00:48 +01:00
Sarah Norris
4c0be8a98e Blockbase: Move label position relative to Blockbase 2021-08-11 16:11:02 +01:00
Sarah Norris
e245f2d518 Blockbase: Add comment form checkbox styling
Including updates to Quadrat, Seedlet Blocks & Skatepark
2021-08-06 17:57:11 +01:00
Maggie
02a8ea30bf removed extra custom variables from Quadrat that weren't needed 2021-07-28 19:10:31 +02:00
Jason Crist
422ed7a51f
Fix/quadrat main element (#4225)
* Removed the now defunct 'page-content' class. (It's purpose is now being fulfilled by anything 'inheriting layout')
* Added (or converted) <main> elements to all page templates.
* Remove extraeneous closing div tag.
Co-authored-by: Jeff Ong <jonger4@gmail.com>
2021-07-14 14:50:08 -04:00
Maggie
b05fa24dbc
bring back rotation animation (#4223) 2021-07-14 15:43:33 +01:00
Maggie
399c33b663 correct hover styles for titles and squares on block pattern 2021-07-14 11:37:30 +02:00
Maggie
d300b9bced
Merge pull request #4190 from Automattic/fix/remove-bottom-spacing
Quadrat: Remove bottom space
2021-07-14 11:32:36 +02:00
Ben Dwyer
4197e983b6
Quadrat: Use the breakpoint mixins (#4216) 2021-07-13 13:32:30 -04:00
Ben Dwyer
65a152dfd5 Quadrat: Remove bottom space 2021-07-13 11:06:59 +01:00
Sarah Norris
cb357939cb
Quadrat: Sync post title position on single and archive pages (#4195)
* Quadrat: Add spacer to top of index template on desktop

* Quadrat: Add vertical margin to post-template list

* Quadrat: Add padding-top to post meta at mobile

* Quadrat: Reset post title alignment changes

* Quadrat: Remove top padding from single template

* Quadrat: Remove default vertical margins from post-template ul

* Quadrat: Add bottom padding to global header

* Quadrat: Remove top, right and bottom padding from header
2021-07-09 14:46:17 -04:00
Maggie
5845f198fa
added tagline to header templates (#4072)
* added tagline to header templates
* Refactored blockbase (and quadrat) breakpoints to use 'small' instead of 'mobile' to follow navigation blocks's breakpoint usage
Co-authored-by: Jason Crist <jcrist@pbking.com>
2021-07-07 10:20:37 -04:00
Kjell Reigstad
a84f354724 Tidy up image and text treatment on various screen sizes. . 2021-07-07 09:27:45 -04:00
Maggie
77d28f1847 tweaked the post meta and updated the pattern markup 2021-07-06 19:36:39 +02:00
Maggie
5fa22e69d2 defaults for featured image 2021-07-06 19:07:10 +02:00
Maggie
3b2b857456 block styles for query block 2021-07-06 18:37:16 +02:00
Jason Crist
fb040cb623
Added selectors for Quadrat navigation styles to support the current classes produced by the page-list block (#4151)
* Added selectors for Quadrat navigation styles to support the current classes produced by the page-list block

* Updated submenu border to match requested design
2021-07-02 08:25:22 +01:00