0
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2026-08-11 02:59:07 +08:00
discourse/plugins/discourse-rewind/assets/stylesheets/common/writing-analysis.scss
Martin Brennan 95bb1bdf30
FEATURE: Bundle discourse-rewind plugin in core (#36409)
We think this is in a good place to move into core
and prepare for a wider release after the additional
work that has been done this year.

---------

Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Co-authored-by: Kris Aubuchon <kris.aubuchon@discourse.org>
Co-authored-by: Rafael dos Santos Silva <xfalcox@gmail.com>
2025-12-08 11:38:48 +10:00

115 lines
2.1 KiB
SCSS
Vendored

@use "lib/viewport";
.--writing-analysis {
.writing-analysis {
border: 2px solid var(--rewind-green);
width: 100%;
color: var(--rewind-green);
font-size: 0.6em;
font-family: "Pixelify Sans", sans-serif;
}
.rewind-report-title {
margin-bottom: 0;
}
.writing-analysis__titlebar {
background: var(--rewind-green);
color: #000;
padding: 6px 10px;
font-weight: bold;
display: flex;
justify-content: space-between;
}
.writing-analysis__menubar {
background: var(--rewind-green);
color: #000;
padding: 4px 10px 6px;
display: flex;
gap: 30px;
}
.writing-analysis__menu-item--right {
margin-left: auto;
}
.writing-analysis__frame {
padding: 0;
}
.writing-analysis__header-row {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.writing-analysis__helpbox {
border: 2px solid var(--rewind-green);
margin-left: 10px;
margin-top: 10px;
padding: 10px;
width: 180px;
text-align: center;
height: 20px;
@include viewport.until(sm) {
height: auto;
}
}
.writing-analysis__release {
text-align: center;
margin-top: 10px;
width: 250px;
}
.writing-analysis__release-name {
font-weight: bold;
margin-bottom: 6px;
}
.writing-analysis__release-meta {
font-size: 14px;
}
.writing-analysis__stats {
border-top: 14px solid var(--rewind-green);
padding: 0 20px;
display: flex;
gap: 20px;
@include viewport.until(sm) {
flex-direction: column;
border-top: none;
border-bottom: 14px solid var(--rewind-green);
padding: 20px 0;
gap: 10px;
}
}
.writing-analysis__stats-col {
padding-top: 10px;
width: 140px;
border-right: 10px solid var(--rewind-green);
&:last-of-type {
border-right: none;
}
@include viewport.until(sm) {
border-right: none;
border-top: 10px solid var(--rewind-green);
padding: 10px 10px 0 10px;
width: auto;
}
}
.writing-analysis__stats-label {
font-weight: bold;
}
.writing-analysis__stats-value {
margin-bottom: 15px;
}
}