Skip to content

Conversation

@starryeyez024
Copy link
Member

No description provided.

@starryeyez024 starryeyez024 requested a review from chrisdo1 March 14, 2019 18:27
color: var(--pfe-expanded--aux);
border-left-width: 3px;
border-left-style: solid;
border-left-color: var(--pfe-expanded--border-left);
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

i moved these into a mixin instead

:host([on="dark"]),
:host([color="darker"]),
:host([color="darkest"]) {
@include pfe-trigger-color-darkest;
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

added support for theme colors darker and darkest, color="dark" is not supported

--pfe-accordion--border-left: 3px solid transparent;
--pfe-accordion--border-right: 1px solid transparent;
--pfe-accordion--border-top-bottom: 0px;
--pfe-accordion--border-focus-color: #{pfe-color(surface--accent)};;
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

idk if accent is a desirable color but i wanted the focus state to be visible whether it was expanded or not

border: 1px solid transparent;
font-family: inherit;
font-size: #{pfe-var(font-size)};
font-size: 16px; //calc(#{pfe-var(font-size)} * 1.1);
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this was the variable it was complaining about, still needs fixing

--pfe-accordion--main: #{pfe-color(surface--darkest)};
--pfe-accordion--aux: #{pfe-color(surface--darkest--text)};
--pfe-accordion--focus: #{pfe-color(surface--darkest--link--focus)};
--pfe-accordion--border-left: solid 3px #{pfe-color(surface--darkest--link)};
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@starryeyez024 One small change: right now the header border is blue on a dark background, it should be white.

@starryeyez024 starryeyez024 added the ready: branch testing Test the component from a user-perspective. Try to break it! label Mar 14, 2019
@chrisdo1 chrisdo1 merged commit 3b5ca32 into set-accordion-placeholders Mar 14, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

ready: branch testing Test the component from a user-perspective. Try to break it!

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants