discourse
/
discourse-calendar
mirror of https://github.com/discourse/discourse-calendar.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

DEV: Remove SCSS color vars fallbacks (#133)

This commit is contained in:
Penar Musaraj 2021-05-12 08:55:43 -04:00 committed by GitHub
parent e9660e49e8
commit 2b78a65622
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 61 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
assets/stylesheets/common/discourse-calendar.scss
View File

@ -1,6 +1,6 @@
.discourse-calendar-wrap { .discourse-calendar-wrap {
margin: 0.5em 0; margin: 0.5em 0;
border: 5px solid var(--primary-low, $primary-low); border: 5px solid var(--primary-low);
} }
.category-calendar .calendar { .category-calendar .calendar {
@ -44,7 +44,7 @@
} }
.fc-bg td.fc-today { .fc-bg td.fc-today {
background-color: var(--highlight-medium, $highlight-medium); background-color: var(--highlight-medium);
border-style: solid; border-style: solid;
} }
@ -82,21 +82,21 @@
.fc-button { .fc-button {
border-radius: 0; border-radius: 0;
box-shadow: none; box-shadow: none;
background: var(--primary-low, $primary-low); background: var(--primary-low);
text-transform: capitalize; text-transform: capitalize;
color: var(--primary, $primary); color: var(--primary);
text-shadow: none; text-shadow: none;
border: none; border: none;
padding: 6px 12px; padding: 6px 12px;
&:hover { &:hover {
background: var(--primary-medium, $primary-medium); background: var(--primary-medium);
color: var(--secondary, $secondary); color: var(--secondary);
} }
&.fc-state-active { &.fc-state-active {
background: var(--tertiary, $tertiary); background: var(--tertiary);
color: var(--secondary, $secondary); color: var(--secondary);
} }
} }
@ -111,7 +111,7 @@
.fc-list-empty, .fc-list-empty,
.fc-list-heading td, .fc-list-heading td,
.fc-popover .fc-header { .fc-popover .fc-header {
background: var(--primary-low, $primary-low); background: var(--primary-low);
} }
.fc-content, .fc-content,
@ -124,13 +124,13 @@
td, td,
th, th,
thead { thead {
border-color: var(--primary-low, $primary-low); border-color: var(--primary-low);
} }
} }
.fc-event, .fc-event,
.fc-event-dot { .fc-event-dot {
background-color: var(--tertiary, $tertiary); background-color: var(--tertiary);
border: 1px solid transparent; border: 1px solid transparent;
.fc-time { .fc-time {
@ -138,9 +138,9 @@
} }
&.grouped-event { &.grouped-event {
background-color: var(--primary-low, $primary-low); background-color: var(--primary-low);
border: 1px solid var(--primary-low-mid, $primary-low-mid); border: 1px solid var(--primary-low-mid);
color: var(--primary, $primary); color: var(--primary);
.emoji { .emoji {
margin-right: 0.25em; margin-right: 0.25em;
@ -154,7 +154,7 @@
} }
} }
.fc-list-item-add-to-calendar { .fc-list-item-add-to-calendar {
color: var(--tertiary, $tertiary); color: var(--tertiary);
font-size: $font-down-1; font-size: $font-down-1;
} }
} }
@ -179,8 +179,8 @@ a.holiday {
justify-content: space-between; justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
padding: 0.5em; padding: 0.5em;
border-bottom: 1px solid var(--primary-low, $primary-low); border-bottom: 1px solid var(--primary-low);
background: var(--primary-very-low, $primary-very-low); background: var(--primary-very-low);
min-height: 60px; min-height: 60px;
.discourse-calendar-timezone-picker { .discourse-calendar-timezone-picker {
@ -329,8 +329,8 @@ $bg-in-working-hours: dark-light-choose(
} }
.group-timezone { .group-timezone {
color: var(--primary, $primary); color: var(--primary);
background-color: var(--calendar-normal, $bg-normal); background-color: var(--calendar-normal);
transition: opacity 0.4s; transition: opacity 0.4s;
opacity: 0.5; opacity: 0.5;
@ -351,7 +351,7 @@ $bg-in-working-hours: dark-light-choose(
} }
&.in-working-hours { &.in-working-hours {
background-color: var(--calendar-in-working-hours, $bg-in-working-hours); background-color: var(--calendar-in-working-hours);
opacity: 1; opacity: 1;
} }

2
assets/stylesheets/common/discourse-post-event-builder.scss
View File

@ -169,7 +169,7 @@
flex-direction: column; flex-direction: column;
.description { .description {
color: var(--primary-medium, $primary-medium); color: var(--primary-medium);
} }
} }
} }

6
assets/stylesheets/common/discourse-post-event-core-ext.scss
View File

@ -9,7 +9,7 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
font-size: $font-down-2; font-size: $font-down-2;
border: 1px solid var(--primary-medium, $primary-medium); border: 1px solid var(--primary-medium);
background: none; background: none;
padding: 0 0.25em; padding: 0 0.25em;
border-radius: 3px; border-radius: 3px;
@ -21,7 +21,7 @@
width: 6px; width: 6px;
height: 6px; height: 6px;
border-radius: 3px; border-radius: 3px;
background: var(--success, $success); background: var(--success);
margin-right: 0.25em; margin-right: 0.25em;
} }
} }
@ -30,7 +30,7 @@
.header-title { .header-title {
.event-date { .event-date {
font-size: $font-down-4; font-size: $font-down-4;
color: var(--primary-medium, $primary-medium); color: var(--primary-medium);
font-weight: normal; font-weight: normal;
padding: 0.25em; padding: 0.25em;
} }

6
assets/stylesheets/common/discourse-post-event-invitees.scss
View File

@ -15,7 +15,7 @@
padding: 0.5em; padding: 0.5em;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
border-bottom: 1px solid var(--primary-low, $primary-low); border-bottom: 1px solid var(--primary-low);
&:last-child { &:last-child {
border: none; border: none;
@ -32,11 +32,11 @@
margin-right: 0.5em; margin-right: 0.5em;
&.going { &.going {
color: var(--success, $success); color: var(--success);
} }
&.not_going { &.not_going {
color: var(--danger, $danger); color: var(--danger);
} }
} }
} }

4
assets/stylesheets/common/discourse-post-event-preview.scss
View File

@ -1,9 +1,9 @@
.discourse-post-event-preview { .discourse-post-event-preview {
background: var(--secondary, $secondary); background: var(--secondary);
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
padding: 0.5em; padding: 0.5em;
border: 1px solid var(--primary-low, $primary-low); border: 1px solid var(--primary-low);
display: flex; display: flex;
flex: 1 0 auto; flex: 1 0 auto;

32
assets/stylesheets/common/discourse-post-event.scss
View File

@ -2,9 +2,9 @@
display: flex; display: flex;
.discourse-post-event-widget { .discourse-post-event-widget {
border: 5px solid var(--primary-low, $primary-low); border: 5px solid var(--primary-low);
display: flex; display: flex;
background: var(--secondary, $secondary); background: var(--secondary);
margin: 5px 0; margin: 5px 0;
flex-direction: column; flex-direction: column;
flex: 1 0 auto; flex: 1 0 auto;
@ -106,7 +106,7 @@
.status-and-creators { .status-and-creators {
display: flex; display: flex;
align-items: center; align-items: center;
color: var(--primary-medium, $primary-medium); color: var(--primary-medium);
font-size: $font-down-1; font-size: $font-down-1;
margin: 0.25em 0; margin: 0.25em 0;
@ -130,7 +130,7 @@
.status { .status {
&.expired { &.expired {
color: var(--danger-medium, $danger-medium); color: var(--danger-medium);
} }
.d-icon { .d-icon {
@ -151,13 +151,13 @@
margin: 0; margin: 0;
&.status-going .going-button .d-icon { &.status-going .going-button .d-icon {
color: var(--success, $success); color: var(--success);
} }
&.status-interested .interested-button .d-icon { &.status-interested .interested-button .d-icon {
color: adjust-hue($danger, 25%); color: adjust-hue($danger, 25%);
} }
&.status-not_going .not-going-button .d-icon { &.status-not_going .not-going-button .d-icon {
color: var(--danger, $danger); color: var(--danger);
} }
} }
} }
@ -193,7 +193,7 @@
.invited { .invited {
font-weight: 500; font-weight: 500;
color: var(--primary-medium, $primary-medium); color: var(--primary-medium);
} }
} }
} }
@ -218,11 +218,11 @@
} }
&.status-going .avatar-flair { &.status-going .avatar-flair {
color: var(--success, $success); color: var(--success);
} }
&.status-not_going .avatar-flair { &.status-not_going .avatar-flair {
color: var(--danger, $danger); color: var(--danger);
} }
&.status-interested .avatar-flair { &.status-interested .avatar-flair {
@ -238,15 +238,15 @@
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: var(--secondary, $secondary); background: var(--secondary);
border-radius: 50%; border-radius: 50%;
height: 16px; height: 16px;
width: 16px; width: 16px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: var(--primary-medium, $primary-medium); color: var(--primary-medium);
border: 1px solid var(--primary-low, $primary-low); border: 1px solid var(--primary-low);
.d-icon { .d-icon {
font-size: $font-down-3; font-size: $font-down-3;
@ -269,7 +269,7 @@
flex: 1; flex: 1;
.d-icon { .d-icon {
color: var(--primary-high, $primary-high); color: var(--primary-high);
} }
} }
@ -284,11 +284,11 @@
.event-dates { .event-dates {
.participants { .participants {
margin-left: 0.5em; margin-left: 0.5em;
color: var(--primary-medium, $primary-medium); color: var(--primary-medium);
} }
.date { .date {
color: var(--primary-high, $primary-high); color: var(--primary-high);
margin-left: 1em; margin-left: 1em;
.discourse-local-date { .discourse-local-date {
@ -299,7 +299,7 @@
} }
.separator { .separator {
color: var(--primary-high, $primary-high); color: var(--primary-high);
margin: 0 0.5em; margin: 0 0.5em;
text-align: center; text-align: center;
} }

30
assets/stylesheets/common/upcoming-events-calendar.scss
View File

@ -11,7 +11,7 @@
} }
.fc-bg td.fc-today { .fc-bg td.fc-today {
background-color: var(--highlight-medium, $highlight-medium); background-color: var(--highlight-medium);
border-style: solid; border-style: solid;
} }
@ -49,22 +49,22 @@
.fc-button { .fc-button {
border-radius: 0; border-radius: 0;
box-shadow: none; box-shadow: none;
background: var(--primary-low, $primary-low); background: var(--primary-low);
text-transform: capitalize; text-transform: capitalize;
color: var(--primary, $primary); color: var(--primary);
text-shadow: none; text-shadow: none;
border: none; border: none;
padding: 6px 12px; padding: 6px 12px;
&:hover { &:hover {
background: var(--primary-medium, $primary-medium); background: var(--primary-medium);
color: var(--secondary, $secondary); color: var(--secondary);
} }
&.fc-state-active { &.fc-state-active {
background: var(--tertiary, $tertiary); background: var(--tertiary);
color: var(--secondary, $secondary); color: var(--secondary);
} }
margin: 0.3em 0 0.3em 0.5em; margin: 0.3em 0 0.3em 0.5em;
} }
@ -81,7 +81,7 @@
.fc-list-empty, .fc-list-empty,
.fc-list-heading td, .fc-list-heading td,
.fc-popover .fc-header { .fc-popover .fc-header {
background: var(--primary-low, $primary-low); background: var(--primary-low);
} }
.fc-content, .fc-content,
@ -94,14 +94,14 @@
td, td,
th, th,
thead { thead {
border-color: var(--primary-low, $primary-low); border-color: var(--primary-low);
} }
} }
.fc-event, .fc-event,
.fc-event-dot { .fc-event-dot {
color: var(--secondary, $secondary); color: var(--secondary);
background-color: var(--tertiary, $tertiary); background-color: var(--tertiary);
border: 1px solid transparent; border: 1px solid transparent;
.fc-time { .fc-time {
@ -110,9 +110,9 @@
&.grouped-event { &.grouped-event {
background-color: none; background-color: none;
background: var(--secondary, $secondary); background: var(--secondary);
border: 1px solid var(--primary-low-mid, $primary-low-mid); border: 1px solid var(--primary-low-mid);
color: var(--primary, $primary); color: var(--primary);
.emoji { .emoji {
margin-right: 0.25em; margin-right: 0.25em;
@ -126,7 +126,7 @@
} }
} }
.fc-list-item-add-to-calendar { .fc-list-item-add-to-calendar {
color: var(--tertiary, $tertiary); color: var(--tertiary);
font-size: $font-down-1; font-size: $font-down-1;
} }
} }

2
assets/stylesheets/desktop/discourse-calendar.scss
View File

@ -4,6 +4,6 @@
margin-right: 5px; margin-right: 5px;
} }
.fc-list-item:hover td { .fc-list-item:hover td {
background: var(--highlight-medium, $highlight-medium); background: var(--highlight-medium);
} }
} }