mirror of
https://github.com/discourse/discourse.git
synced 2026-08-11 02:59:07 +08:00
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>
115 lines
2.1 KiB
SCSS
Vendored
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;
|
|
}
|
|
}
|