discourse/discourse-subscriptions
1
0
Fork 0
mirror of https://github.com/discourse/discourse-subscriptions.git synced 2025-07-07 15:02:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

DEV: Use CSS custom properties for colors (#82)

Browse Source
This commit is contained in:
Penar Musaraj 2021-06-24 09:19:56 -04:00 committed by GitHub
parent d660149ad2
commit 1c104da947
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/stylesheets/common/layout.scss
View File

@ -47,7 +47,7 @@
.product { .product {
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
border: 1px solid $primary-low; border: 1px solid var(--primary-low);
padding: 1.5rem; padding: 1.5rem;
margin: 1rem; margin: 1rem;
width: calc(50% - 240px); width: calc(50% - 240px);
@ -60,7 +60,7 @@
flex-flow: row wrap; flex-flow: row wrap;
justify-content: space-between; justify-content: space-between;
.purchased { .purchased {
color: $success; color: var(--success);
} }
.billing-link { .billing-link {
align-self: flex-end; align-self: flex-end;

4
assets/stylesheets/common/main.scss
View File

@ -63,9 +63,9 @@ table.discourse-subscriptions-user-table {
} }
#stripe-elements { #stripe-elements {
border: 1px $primary-low-mid solid; border: 1px solid var(--primary-low-mid);
padding: 10px; padding: 10px;
background-color: $primary-very-low; background-color: var(--primary-very-low);
} }
#card-action { #card-action {

8
assets/stylesheets/common/subscribe.scss
View File

@ -26,8 +26,8 @@
height: 40px; height: 40px;
margin-bottom: 20px; margin-bottom: 20px;
border: 1px $primary solid; border: 1px solid var(--primary);
background-color: $secondary; background-color: var(--secondary);
font-size: $base-font-size; font-size: $base-font-size;
font-family: $base-font-family; font-family: $base-font-family;
@ -38,9 +38,9 @@
} }
.StripeElement--invalid { .StripeElement--invalid {
border-color: $danger; border-color: var(--danger);
} }
.StripeElement--webkit-autofill { .StripeElement--webkit-autofill {
color: $quaternary; color: var(--quaternary);
} }