Commit graph

95 commits

Author SHA1 Message Date
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
Jason Crist
25a3871c2d
Changes to quadrat table styles to match design and ensure editor and view are the same. (#4139)
* Changes to quadrat table styles to match design and ensure editor and view are the same.

* Involved Blockbase in some of the table changes necessary for Quadrat.
2021-07-02 08:16:55 +01:00
Jason Crist
dc863f8a9e
Fix Comments Styles for BB & Co. (#4109)
* Added and formatted comments for Blockbase refactoring font definitions for the block
* Fixed wp.com comment styles for Quadrat.  Removed unnecessary comment font stylings.
* Fixed Seedlet-blocks wp.com comment styles
* Moved .com specific fixes to appropriate space.

Co-authored-by: Ben Dwyer <ben@scruffian.com>
2021-07-01 16:06:35 -04:00
Jeff Ong
fb44366db4
Quadrat: fix featured images (#4108)
* Revise page and post featured image treatment.

* Simplify post and page headers with featured images.
2021-06-30 08:07:52 -07:00
Jason Crist
d23f690a26
Refactor Blockbase font definitions (#4077)
* Refactor Blockbase Font Family Handling

Refactor Blockbase so that the font family provided is
DESCRIPTIVE instead of semantic.

Leverated SEMANTIC font family variables defined in custom
to assign to blocks.

(In this way USERS will see DESCRIPTIVE font family values to choose
from and theme configuration can use semantic values that can be
overridden by things such as the WP.com Font Picker)

* standardized line-height usage in quadrat and blockbase

* Refactored mayland configuration with font family and line height changes from blockbase

* Changes to Seedlet-blocks to support the font-face refactor
2021-06-25 16:28:51 +01:00