tec3/five-for-the-future
tec3/five-for-the-future
1
0
Fork 0
mirror of https://github.com/WordPress/five-for-the-future.git synced 2025-04-20 18:13:44 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity
five-for-the-future/themes/wporg-5ftf/css
History
Corey McKrill dbdcf26bd9 Theme: Single pledge view (#43) 
* Theme: Create template part for single pledge

* Plugin: Add functions for handling xprofile data

* Plugin: Add helper function for getting contributor user objects

* Theme: Display aggregated contributor data on single pledge view

* Theme: Add functions, markup, and styles to show team badges

* Theme: Add badge for Test team

* Theme: Add tentative URL for report a pledge link

* Theme: Add support for post thumbnails

* Theme: Add org logo to single pledge view

* Theme: Update `$content_width` to 960

This matches the width of the content in the global header and
the About page.

* Move pledge template to a file used by the template heirarchy

* Clean up some PHPCS errors

* Move pledge structure out to just the list items

* Create file for single pledge styles

* style badge grid into a grid.

* Add a custom image size for the logo

* Update styles

* Un-hide pledges with no confirmed contributors

* Fix content width
2019-10-28 13:38:49 -04:00
..
base Pledge List: Display pledges in list with sort and search ability (#33) 2019-10-25 16:34:46 -04:00
components Theme: Single pledge view (#43) 2019-10-28 13:38:49 -04:00
generic Theme: Move above pub/ folder to avoid clutter from sync commits. 2019-09-24 16:49:35 -07:00
objects Theme: Single pledge view (#43) 2019-10-28 13:38:49 -04:00
settings Homepage: clean up item positioning 2019-10-24 13:10:40 -04:00
tools Theme: Move above pub/ folder to avoid clutter from sync commits. 2019-09-24 16:49:35 -07:00
utilities Homepage: clean up item positioning 2019-10-24 13:10:40 -04:00
README.md Update and document CSS structure 2019-10-02 10:57:31 -04:00
style-editor.scss Homepage: clean up item positioning 2019-10-24 13:10:40 -04:00
style.scss Move blocks and block styles to the correct places in the CSS structure 2019-10-02 15:54:45 -04:00

README.md

CSS Structure

This loosely follows ITCSS.

01 Settings

Typography, colors, any spacing variables, etc should be set here.

02 Tools

This contains any mixins. We inherit the following libraries:

  • breakpoint
  • kube
  • modular-scale

03 Generic

Any generic styles. Used for normalize & reset styles. We inherit:

  • kube
  • normalize

04 Base (aka Elements)

Styles for plain html elements. We inherit the base theme's styling here.

05 Objects

These are pieces of UI. These should be self-contained (or nested so that they are self-contained). Blocks should be defined here.

06 Components

This section puts together the base and objects to create pages. Page-specific styles are defined here.

07 Utilities

The is-*/has-* classes, these custom classes override previous styles. For example, has-background would be defined here. This is where block styles should live.

Editor Styles

Editor styles will use a custom import of a subset of the above folders, TBD?