Commit graph

131 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
Daniel Dudzic
3ae2455a0a
Skatepark: Fix the alignment of social icons in the footer pattern (#5040)
Closes #4981
2021-11-18 09:29:49 +00:00
Sarah Norris
7dbb449325
Skatepark: Fix multiline tags and categories (#5021)
Co-authored-by: Jason Crist <jcrist@pbking.com>
2021-11-12 08:43:20 -05:00
Sarah Norris
6736dcea4c
Skatepark: Increase menu spacing & style current menu item (#4966)
* Increase menu spacing using block gap
* Add underline to current menu item
2021-11-10 12:04:21 -05: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
Maggie
94e90df097
fixed spacing issues on post title (#4855) 2021-10-20 09:48:33 +01: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
Ben Dwyer
c23cac3067
Blockbase: Add social navigation to blockbase themes (#4482)
* Blockbase: Add social navigation to blockbase themes

* Add social navigation links to primary navigation

* move to a different file

* add missing file

* suppress warnings for HTML5 elements

* only append social links to a navigation block if the block opts in

* Fix fatal

* Removed requirement to have social parent container be primary menu (or even have content)

* Fix layout for social nav

* Update the structure of the social links when appended to match the way that the navigation block works

Co-authored-by: Jason Crist <jcrist@pbking.com>
2021-10-12 14:58:21 +01:00
Jason Crist
ce3fda4a16
Added additional margin top to achieve design target (#4664) 2021-09-24 15:57:28 -04:00
Sarah Norris
873729883c
Skatepark: Fix title spacing (#4624)
* Skatepark: replace image padding with spacer

* Skatepark: adjust featured image spacing

* Skatepark: tweak single spacer height

* Skatepark: apply spacing changes to page template

* Moved spacing from a spacer to margin-top

Co-authored-by: Jason Crist <jcrist@pbking.com>
2021-09-24 14:28:21 +01:00
Daniel Dudzic
0abf395e3e
Skatepark: Fix social links navigation alignment on desktop (#4635) 2021-09-22 11:19:55 +01:00
Daniel Dudzic
fd6b226d6a
Skatepark: Add submenu styling (#4662) 2021-09-22 11:19:47 +01:00
Sarah Norris
d8926ce8ed
Blockbase: Add post-meta template part (#4565)
* Blockbase: add post-meta template part

* Blockbase: add post-tag icon

* Blockbase: remove tags from post meta

* Blockbase: add post tags to post meta

* Blockbase: add post tag SVG from Seedlet

* Blockbase: remove separator from post meta

* Blockbase: add spacer above post comments block

* Seedlet Blocks: add post tags to post meta

* Blockbase: enable blockGap & set gap size for all children

* Blockbase children: sync up child-theme.json files

They were all using --wp--custom--margin--vertical instead of --wp--custom--gap--vertical

* Blockbase children: change gap size to GB default of 0.5em

* Blockbase & co: use gap baseline across BB & all children

* Blockbase: add row-gap value to post-meta

* Skatepark: remove gap value

This is now applied via theme.json (as the same value)

* Blockbase: add comment next to use of !important

* Blockbase: add link to GB issue around block gaps
2021-09-20 09:51:18 +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
220e2691b3 Moved gap between site logo and title from GRID to IMAGE 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
c0c1ed7205
Skatepark: refactor post title margins (#4561)
* refactor post title margins

* exclude the query block post title from the underlined rules
2021-09-10 09:32:27 +01:00
Maggie
df7d71efdb
Merge pull request #4520 from Automattic/skatepark-improve-header
Skatepark: improve header styles to fit new design guidelines
2021-09-08 09:38:24 +02:00
Maggie
fe95dcad3c fix skatepark reply text transform, align comment header 2021-09-08 09:35:28 +02:00
Maggie
be6b632dca added text-decoration mixin to skatepark comments 2021-09-08 09:34:53 +02: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
Maggie
11368fb720 changed padding of cover block 2021-09-07 16:44:42 +02:00
Maggie
7a5e5f4db9 fix horizontal scroll 2021-09-07 16:44:42 +02:00
Maggie
79c2fe97fe changed approach for alignfull cover blocks 2021-09-07 16:44:37 +02:00
Sarah Norris
1da71febae Skatepark: Move base padding setting back to theme.json 2021-09-07 16:44:30 +02:00
Sarah Norris
8a37729952 Skatepark: Add cover block scss with positioning values 2021-09-07 16:44:23 +02:00
Sarah Norris
cac0aa8077 Skatepark: Remove cover scss file 2021-09-07 16:44:16 +02:00
Sarah Norris
c8e4f5790e Skatepark: Add custom padding to cover block 2021-09-07 16:44:09 +02: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
Maggie
39816d970c align social icons and tagline better 2021-09-06 15:49:03 +02:00
Maggie
378f889f68 align social icons to the tagline and site title 2021-09-03 09:58:53 +02:00
Maggie
a7bb83f53a better spacing 2021-09-02 15:43:47 +02:00
Maggie
b3615174b2 improve header styles to fit new design guidelines 2021-09-02 11:12:32 +02:00
Ben Dwyer
646c6a0e56
Move the paragraph indent style to the first paragraph of every container (#4481)
* Move the paragraph indent style to the first paragraph of every container

* removed text-indent css

* build css

* Remove references to indented paragraph class.

Co-authored-by: Maggie <maggie.cabrera@automattic.com>
Co-authored-by: Jeff Ong <jonger4@gmail.com>
2021-09-01 15:07:39 -04:00
Maggie
bbed04b267 reduced the height of the menu container on mobile 2021-08-31 09:30:58 +02:00
Maggie
d7147a0bf3 changed mobile layout 2021-08-31 09:30:58 +02:00
Maggie
fe58c90821 used variables for spacing 2021-08-31 09:30:57 +02:00
Maggie
23e1cfa4f4 used grid to align logo to fit design 2021-08-31 09:30:29 +02: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
Jeff Ong
e4fd001134
Use variables instead of hard coded values for border and padding (#4484) 2021-08-27 16:05:31 -04:00
Sarah Norris
8180735657 Skatepark: Use primary color for divider 2021-08-27 15:36:45 +01:00
Sarah Norris
4f1803cf00 Skatepark: Add border to post title 2021-08-27 14:01:59 +01:00
Jeff Ong
dc09d115fb
Skatepark: remove unneeded CSS for mixed media pattern (#4477)
* Remove unneeded margin overrides and make padding consistent.

* Reduce margins for h4 - h6

* JK, leave the heading margins alone.

* Add a spacer.
2021-08-26 15:49:39 -04:00
Sarah Norris
5f09f9c404
Skatepark: Add columns in container block pattern (#4449)
* Skatepark: Add columns in container pattern

* Skatepark: Fix indentation in block pattern

* Skatepark: Add inherit layout to columns in container

* Skatepark: Change pattern spacing to percentages

* Skatepark: Wrap alt text in esc_html__()

* Skatepark: Shrink internal margins in columns in container pattern

* Skatepark: Match vertical spacers to other patterns

* Skatepark: Increase container top padding

* Skatepark: Make padding consistent for pattern container

* Skatepark: Update css comment

* Skatepark: Override spacing for paragraphs & headings

* Skatepark: Reduce paragraph top & bottom margin

* Skatepark: Remove columns in container scss file

* Skatepark: Add spacers for spacing in container pattern
2021-08-26 13:04:56 -04:00
Maggie
a3653db3af changed rule to only change border-width 2021-08-26 15:19:12 +02:00
Maggie
f4d6bd9cf0 changed color of separator 2021-08-26 15:18:15 +02:00
Jeff Ong
45bb8e35e0
Blockbase: remove margin-top from first descendants of columns and groups (#4436)
* Refactor text styles and add padding to groups w border.

* move group and column margin resets to blockbase

* rebuild

Co-authored-by: Ben Dwyer <ben@scruffian.com>
2021-08-26 08:58:33 +01:00
Maggie
452d5bcccc fixed spacing issues on the query block 2021-08-25 11:15:37 +02:00
Maggie
a29535f59c added link to featured image, fixed indent on read more link 2021-08-25 11:15:37 +02:00