Skip to content

[POC] Theme abstraction #984

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.

Sign up for GitHub

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

Closed
wants to merge 13 commits into from
Closed

[POC] Theme abstraction #984

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
c1fcfd1
install @primer/primitives, dotmap
shawnbot Nov 15, 2019
9f106d0
very WIP: render theme-able CSS w/@primer/primitives
shawnbot Nov 15, 2019
d6240d3
lint
shawnbot Nov 15, 2019
56109a8
feat(support): add $em-spacer-map
shawnbot Nov 15, 2019
1890010
move generateThemes to separate script
shawnbot Nov 15, 2019
a961c71
generate themes from dist()
shawnbot Nov 15, 2019
581ee77
rework theme generation
shawnbot Nov 15, 2019
eeb13b8
lint
shawnbot Nov 15, 2019
f378a7b
make more variables custom props
shawnbot Nov 15, 2019
6c3ada7
feat(support): add $border-radius-2
shawnbot Nov 15, 2019
7f3449c
add border-radius-2, body-font-size, body-line-height
shawnbot Nov 15, 2019
31e5c24
"light" -> "default" theme
shawnbot Nov 16, 2019
da7ff50
Merge branch 'master' into custom-properties
simurai Dec 30, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
add border-radius-2, body-font-size, body-line-height
  • Loading branch information
@shawnbot
shawnbot committed Nov 15, 2019
commit 7f3449c4b4ed2cabe01ac715195b0bd0d73de8d4
5 changes: 5 additions & 0 deletions src/theme/light.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,11 @@ const promotions = [

// fixed
'border-radius',
'border-radius-2',

// typography
'body-font-size',
'body-line-height',

// functional
'border',
Expand Down
6 changes: 6 additions & 0 deletions src/theme/light.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,9 @@
--border-color-button: #{$border-color-button};
--bg-black-fade: #{$bg-black-fade};
--border-radius: #{$border-radius};
--border-radius-2: #{$border-radius-2};
--body-font-size: #{$body-font-size};
--body-line-height: #{$body-line-height};
--border: #{$border};
--border-color: #{$border-color};
--box-shadow: #{$box-shadow};
Expand Down Expand Up @@ -113,6 +116,9 @@
$border-color-button: var(--border-color-button) !global;
$bg-black-fade: var(--bg-black-fade) !global;
$border-radius: var(--border-radius) !global;
$border-radius-2: var(--border-radius-2) !global;
$body-font-size: var(--body-font-size) !global;
$body-line-height: var(--body-line-height) !global;
$border: var(--border) !global;
$border-color: var(--border-color) !global;
$box-shadow: var(--box-shadow) !global;
Expand Down