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

FIX: Fix css var issues + button :active gradient (#10469) 

* FIX: Fix css var issues

Adds ability for published page to use css `var()` + import the `var()` definitions
This commit is contained in:
Jordan Vidrine 2020-08-18 14:25:38 -05:00 committed by GitHub
parent 390615fbcd
commit ed0e1e28b4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/stylesheets/publish.scss
View File

@ -9,7 +9,7 @@
width: 100%;
top: 0;
z-index: z("header");
background-color: $secondary;
background-color: var(--secondary, $secondary);
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.25);
position: sticky;
top: 0;
@ -25,7 +25,7 @@
line-height: 1em;
}
.published-page-title {
color: $header_primary;
color: var(--header_primary, $header_primary);
font-size: 2em;
margin: 0;
max-height: 1.25em;
@ -34,8 +34,8 @@
}
.published-page {
background-color: $secondary;
color: $primary;
background-color: var(--secondary, $secondary);
color: var(--primary, $primary);
blockquote {
margin-left: 0;
@ -53,10 +53,10 @@
margin-right: 1em;
height: 45px;
width: 45px;
border: 4px solid rgba($tertiary, 0.75);
border: 4px solid var(--tertiary-medium, $tertiary-medium);
}
.topic-created-at {
color: $primary-medium;
color: var(--primary-medium, $primary-medium);
}
}

2
app/views/published_pages/show.html.erb
View File

@ -1,3 +1,5 @@
<%= discourse_color_scheme_stylesheets() %>
<div class="published-page-header">
<div class="published-page-header-wrapper">
<a href="<%= @site_url %>">