Companion stylesheet task - twentyfourteen

[hnla]

This ticket manages the Twentyfourteen companion stylesheet specific task.

Style discussions and all patches for the task will be maintained here.

Technical discussions pertaining to the general Companion Stylesheet requirements will be kept to #6248

To load these sheets in a development environment you will need to patch buddypress-functions.php with the following patch:

​https://buddypress.trac.wordpress.org/raw-attachment/ticket/6124/6124.01.patch
Zip - ​https://buddypress.trac.wordpress.org/attachment/ticket/6124/6124.01.patch

The attached patch 'twentyfourteen-comp-style' provides the sass and a compiled css file for the initial style corrections and structure along with some starter styles for aspects such as user navigational elements.

[hnla]

Initial style files

[hnla]

Update twentyfourteen scss file to initial commit point

[hnla]

In 9784:

Initial Commit of Twentyfourteen Companion SCSS and CSS Files

Commit provides the scss framework and includes: essential variables, mixins & sectioning.

Provides updated styling for primary BP elements; lists, loops breakpoint governed.
Borrows from 2015 for BP user profile menu layout.
See #6338

[hnla]

Update scss file for formatting, mixins, & styles

[hnla]

In 9816:

Commit updates twentyfourteen companion styles:

• Adds new mixins
• Replicates new groups/users sections as in twentyfifteen
• Updates sectioning formatting
• Adds new color variables
• Updates object nav users/groups
• Runs through groups screens broad pass styles
• addresses item-headers layouts groups/user screens

See #6338

[hnla]

In 9823:

Updates to twentyfourteen complimentary styles

General style updates & corrections

• Updates various user account screen elements
• Updates general form styles
• Corrects item-body background

See #6338

[hnla]

In 9835:

Updates to twentyfourteen companion styles
Addresses:

• Whats new activity post form elements for better rendering at mobile & small tablet portrait layouts.
• Updates activity stream list items for better layout in mobile & small tablets.
• Updates Dir navigation for Mobile screens, render li items at full screen width.

See #6338

[hnla]

In 9842:

Updates to twentyfourteen companion styles
Re-factor general nav rules

• Mobile/tablet li widths to better display links, all navs
• Adjust styles medium screen widths borders, margins.

Adjust various elements

• Activity stream margining.
• Update user settings tables for better layout small screens.

See #6338

[hnla]

In 9856:

Update twentyfourteen SCSS Sheet
Commit addresses scss-lint tests for VendorPrefix (currently disallowed by config)

• Uncomment vendor prefix properties previously removed as failing tests.
• Add scss-lint disable/enable block rules.
• Moves any mixins with vendor prefix properties within the exclusion block.
• Add calc() mixin from twentyfifteen sheet(props r-a-y)

Vendor prefix usage such as 'border-radius', 'box-sizing' will now pass tests as long as they are only used via a mixin within this exclusion block; this allows us to pass vendor prefixes where we explicitly set them in our exclusion block but then allows the lint test to run through on the rest of the sheet so ensuring prefixes aren't written directly to rulesets.
See #6338

[hnla]

In 9861:

Updates to Twentyfourteen & Twentyfifteen scss files
General updates for both files to ensure uniform message notice elements rulesets; adjust colors.
update user item action buttons for small screens Twentyfourteen.
See #6338 See #6291

[hnla]

In 9864:

Updates to twentyfourteen companion styles

• Update message-box mixin, use default text-color based on background selected if no arg passed for color, remove set color args.
• Add override clear none to counter themes heading clearing.
• Update group members list display general & mobile.
• Update users/groups headers, global styles, correct messages rendering in header area.
• Update group-member-search for style and mobile rendering.

See #6338

[hnla]

In 9872:

Updates to twentyfourteen companion styles

• Minor corrections & improvements for mobile views
• Transpose what's new active class to use style attr check
• Port over messages-threads table layout from 2015 and adjust layout to work for 2014; update various styles. props r-a-y

See #6338

[hnla]

In 9880:

Update twentyfourteen companion styles

• Adjust minor padding margin issues.
• Port table message thread style for notices loop.
• Add small margin for item-body with no content display, counter 2014 sidebar clash.
• Add small styling group settings screen.

See #6338