Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adjusts Southeast Asian countries list #322

Open
wants to merge 4 commits into
base: prod
from

Conversation

@ajtran303
Copy link

@ajtran303 ajtran303 commented Sep 8, 2020

This PR will close #271

This enhances the layout of the countries listed in the definition for Southeast Asian by using two columns.

Screenshots before and after:
Screen Shot 2020-09-07 at 6 49 43 PM
Screen Shot 2020-09-07 at 7 04 01 PM

First, I changed the markdown to have better ease of reading:

  • Adds h3 headings to Mainland / Maritime sub-regions
  • Each country is now a list item element

Then, I added new CSS rules.

& h3 ~ ul {
  border-bottom: 0.1rem solid lightgrey;
  padding-bottom: 1rem;
}

Future definitions can use this new layout by following this Markdown example:

### Sandwich Condiments

- Mayonaise
- Mustard

### Pasta Sauces

- Marinara
- Pesto

Or this HTML example:

<h3>Sandwich Condiments</h3>

<ul>
  <li>Mayonaise</li>
  <li>Mustard</li>
</ul>

<h3>Pasta Sauces</h3>

<ul>
  <li>Marinara</li>
  <li>Pesto</li>
<ul>
ajtran303 added 2 commits Sep 8, 2020
* Adds h3 headings to Mainland / Maritime sub-regions

* Each country is now a list item element
This commit enhances the layout of the countries listed
in the definition for Southeast Asian by using two columns.

Future definitions can use this new layout
by following this Markdown example:

  ### Sandwich Condiments
  - Mayonaise
  - Mustard

  ### Pasta Sauces
  - Marinara
  - Pesto
@ajtran303
Copy link
Author

@ajtran303 ajtran303 commented Sep 8, 2020

Reviewers be aware: #321 has another approach to solving this as well!

Copy link
Collaborator

@tatianamac tatianamac left a comment

One comment.

@@ -62,6 +62,11 @@
// padding-left: 1rem;
grid-column: 2;
}

& h3 ~ ul {
border-bottom: 0.1rem solid lightgrey;

This comment has been minimized.

@tatianamac

tatianamac Oct 7, 2020
Collaborator

Suggested change
border-bottom: 0.1rem solid lightgrey;
border-bottom: 0.1rem solid lightgrey;

Could we use one of our sass variable colours here so that the change will respect light-dark mode?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked issues

Successfully merging this pull request may close these issues.

2 participants
You can’t perform that action at this time.