mirror of
https://github.com/discourse/discourse.git
synced 2025-04-27 00:34:30 +08:00
DEV: Merge duplicated css (#31167)
Fixes `no-duplicate-selectors` stylelint rule.
This commit is contained in:
Jarek Radosz
GitHub
parent
4a7a9efbb9
commit
39b1ac91b8
@ -650,9 +650,6 @@ $mobile-breakpoint: 700px;
|
|||||||
nav {
|
nav {
|
||||||
background-color: var(--primary-low);
|
background-color: var(--primary-low);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
|
||||||
|
|
||||||
nav {
|
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
flex: 1 0 0px;
|
flex: 1 0 0px;
|
||||||
@ -1132,6 +1129,7 @@ table#user-badges {
|
|||||||
|
|
||||||
.new-value-input {
|
.new-value-input {
|
||||||
flex: 1 0 0px;
|
flex: 1 0 0px;
|
||||||
|
margin-left: 0.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.value-input,
|
.value-input,
|
||||||
@ -1153,10 +1151,6 @@ table#user-badges {
|
|||||||
margin-left: 0.25em;
|
margin-left: 0.25em;
|
||||||
margin-top: 0.125em;
|
margin-top: 0.125em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.new-value-input {
|
|
||||||
margin-left: 0.25em;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,9 +1,3 @@
|
|||||||
.admin-config-area {
|
|
||||||
.btn-back {
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.admin-config-area-card {
|
.admin-config-area-card {
|
||||||
padding: 20px 5px 20px 20px;
|
padding: 20px 5px 20px 20px;
|
||||||
border: 1px solid var(--primary-low);
|
border: 1px solid var(--primary-low);
|
||||||
@ -103,6 +97,10 @@
|
|||||||
margin-left: 18px;
|
margin-left: 18px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-back {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-site-settings-filter-controls {
|
.admin-site-settings-filter-controls {
|
||||||
|
|||||||
@ -19,9 +19,6 @@
|
|||||||
color: var(--primary-low-mid);
|
color: var(--primary-low-mid);
|
||||||
min-width: 14px;
|
min-width: 14px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
|
||||||
|
|
||||||
.d-icon {
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -609,6 +609,21 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
|
.admin-container {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 50px;
|
||||||
|
top: 80px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-footer {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ace-wrapper {
|
||||||
|
height: calc(100vh - 200px);
|
||||||
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 20px;
|
top: 20px;
|
||||||
@ -682,23 +697,6 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.maximized {
|
|
||||||
.admin-container {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 50px;
|
|
||||||
top: 80px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.admin-footer {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ace-wrapper {
|
|
||||||
height: calc(100vh - 200px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.ace_editor {
|
.ace_editor {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|||||||
@ -743,6 +743,7 @@
|
|||||||
|
|
||||||
.admin-new-feature-item__screenshot {
|
.admin-new-feature-item__screenshot {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-new-feature-item__tooltip-header {
|
.admin-new-feature-item__tooltip-header {
|
||||||
@ -783,10 +784,6 @@
|
|||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__screenshot {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__new-feature-version {
|
&__new-feature-version {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
color: var(--primary-low-mid);
|
color: var(--primary-low-mid);
|
||||||
|
|||||||
@ -57,15 +57,13 @@
|
|||||||
margin-left: 12px;
|
margin-left: 12px;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
|
|
||||||
.select-kit {
|
|
||||||
min-width: 100px;
|
|
||||||
}
|
|
||||||
@media (max-width: $mobile-breakpoint) {
|
@media (max-width: $mobile-breakpoint) {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-kit {
|
.select-kit {
|
||||||
|
min-width: 100px;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -114,13 +112,25 @@
|
|||||||
|
|
||||||
.admin-users-list {
|
.admin-users-list {
|
||||||
.directory-table__cell {
|
.directory-table__cell {
|
||||||
|
padding: 0.5em 0.25em;
|
||||||
|
|
||||||
&.username {
|
&.username {
|
||||||
|
align-items: center;
|
||||||
justify-content: start;
|
justify-content: start;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.email {
|
&.email {
|
||||||
justify-content: start;
|
justify-content: start;
|
||||||
|
|
||||||
|
@include breakpoint("tablet") {
|
||||||
|
grid-column-start: 1;
|
||||||
|
grid-column-end: -1;
|
||||||
|
|
||||||
|
span {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
display: flex;
|
display: flex;
|
||||||
min-width: 17em;
|
min-width: 17em;
|
||||||
@ -154,21 +164,6 @@
|
|||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__cell.username {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__cell.email {
|
|
||||||
@include breakpoint("tablet") {
|
|
||||||
grid-column-start: 1;
|
|
||||||
grid-column-end: -1;
|
|
||||||
|
|
||||||
span {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__cell.silence_reason {
|
&__cell.silence_reason {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
justify-content: start;
|
justify-content: start;
|
||||||
@ -182,10 +177,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.directory-table__cell {
|
|
||||||
padding: 0.5em 0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-status span {
|
.user-status span {
|
||||||
gap: 0.15em;
|
gap: 0.15em;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -200,6 +200,15 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
|
|
||||||
|
.alert {
|
||||||
|
margin-bottom: 0;
|
||||||
|
font-size: var(--font-0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.spinner {
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
> .topic-list-body > .topic-list-item {
|
> .topic-list-body > .topic-list-item {
|
||||||
&.has-excerpt .star {
|
&.has-excerpt .star {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
@ -422,17 +431,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-list {
|
|
||||||
.alert {
|
|
||||||
margin-bottom: 0;
|
|
||||||
font-size: var(--font-0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.spinner {
|
|
||||||
margin-top: 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.d-icon-thumbtack.unpinned {
|
.d-icon-thumbtack.unpinned {
|
||||||
@include fa-rotate(180deg, 1);
|
@include fa-rotate(180deg, 1);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,16 @@
|
|||||||
.category-list {
|
.category-list {
|
||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
|
|
||||||
|
tbody {
|
||||||
|
.category {
|
||||||
|
&.no-category-style {
|
||||||
|
border-color: transparent;
|
||||||
|
border-left: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.category-text-title {
|
.category-text-title {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
@ -70,6 +80,10 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h3 .d-icon {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.parent-box-link {
|
.parent-box-link {
|
||||||
// This avoids an issue with nested links by layering links instead
|
// This avoids an issue with nested links by layering links instead
|
||||||
&::before {
|
&::before {
|
||||||
@ -347,13 +361,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.category-boxes-with-topics,
|
|
||||||
.category-boxes {
|
|
||||||
.category-box h3 .d-icon {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-list.subcategories-with-subcategories {
|
.category-list.subcategories-with-subcategories {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
@ -381,18 +388,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.category-list {
|
|
||||||
tbody {
|
|
||||||
.category {
|
|
||||||
&.no-category-style {
|
|
||||||
border-color: transparent;
|
|
||||||
border-left: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-box.no-category-boxes-style {
|
.category-box.no-category-boxes-style {
|
||||||
border-left-width: 2px;
|
border-left-width: 2px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -69,6 +69,8 @@ body > noscript {
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
||||||
div.post {
|
div.post {
|
||||||
|
overflow: auto;
|
||||||
|
max-width: 100%;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
@ -76,6 +78,10 @@ body > noscript {
|
|||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.topic-body {
|
||||||
|
float: unset;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-list {
|
.topic-list {
|
||||||
@ -205,24 +211,6 @@ body > noscript {
|
|||||||
margin-top: 0.25em;
|
margin-top: 0.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
// topics
|
|
||||||
div#main-outlet {
|
|
||||||
div.post {
|
|
||||||
word-break: break-word;
|
|
||||||
overflow: auto;
|
|
||||||
max-width: 100%;
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.topic-body {
|
|
||||||
float: unset;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.crawler-post {
|
.crawler-post {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
|
|||||||
@ -193,9 +193,7 @@ input {
|
|||||||
float: left;
|
float: left;
|
||||||
margin-left: -18px;
|
margin-left: -18px;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
&[type="text"],
|
&[type="text"],
|
||||||
&[type="password"],
|
&[type="password"],
|
||||||
&[type="datetime"],
|
&[type="datetime"],
|
||||||
|
|||||||
@ -261,9 +261,6 @@ div.edit-category {
|
|||||||
|
|
||||||
.row-empty {
|
.row-empty {
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0;
|
||||||
}
|
|
||||||
|
|
||||||
.row-empty {
|
|
||||||
color: var(--primary-medium);
|
color: var(--primary-medium);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -103,10 +103,8 @@ $use-visuallyhidden: false !default; // Hide content from browsers, but make it
|
|||||||
top: 0;
|
top: 0;
|
||||||
padding: 0 $popup-padding-left;
|
padding: 0 $popup-padding-left;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
|
||||||
|
|
||||||
// Vertical centerer helper
|
// Vertical centerer helper
|
||||||
.mfp-container {
|
|
||||||
&::before {
|
&::before {
|
||||||
content: "";
|
content: "";
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|||||||
@ -1,7 +1,18 @@
|
|||||||
.menu-panel.slide-in {
|
.menu-panel.slide-in {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
right: 0;
|
right: 0;
|
||||||
box-shadow: var(--shadow-header);
|
top: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
// ensure there's always space to click outside on tiny devices
|
||||||
|
max-width: 90vw;
|
||||||
|
|
||||||
|
--100dvh: 100%;
|
||||||
|
@supports (height: 100dvh) {
|
||||||
|
--100dvh: 100dvh;
|
||||||
|
}
|
||||||
|
box-shadow: 0 0 30px -2px rgba(0, 0, 0, 0.5);
|
||||||
|
height: var(--100dvh);
|
||||||
|
|
||||||
.panel-body {
|
.panel-body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -9,7 +20,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header-cloak {
|
.header-cloak {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
background-color: rgba(0, 0, 0, 0.3);
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
display: none;
|
display: none;
|
||||||
|
touch-action: pan-y pinch-zoom;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-panel.drop-down {
|
.menu-panel.drop-down {
|
||||||
@ -34,6 +52,125 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
// remove once glimmer search menu in place
|
||||||
|
.widget-link,
|
||||||
|
.categories-link {
|
||||||
|
padding: 0.25em 0.5em;
|
||||||
|
display: block;
|
||||||
|
color: var(--primary);
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
background-color: var(--d-hover);
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.d-icon {
|
||||||
|
color: var(--primary-medium);
|
||||||
|
}
|
||||||
|
|
||||||
|
.new {
|
||||||
|
font-size: var(--font-down-1);
|
||||||
|
margin-left: 0.5em;
|
||||||
|
color: var(--primary-med-or-secondary-med);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.show-help,
|
||||||
|
&.filter {
|
||||||
|
color: var(--tertiary);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-link,
|
||||||
|
.categories-link {
|
||||||
|
padding: 0.25em 0.5em;
|
||||||
|
display: block;
|
||||||
|
color: var(--primary);
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
background-color: var(--d-hover);
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.d-icon {
|
||||||
|
color: var(--primary-medium);
|
||||||
|
}
|
||||||
|
|
||||||
|
.new {
|
||||||
|
font-size: var(--font-down-1);
|
||||||
|
margin-left: 0.5em;
|
||||||
|
color: var(--primary-med-or-secondary-med);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.show-help,
|
||||||
|
&.filter {
|
||||||
|
color: var(--tertiary);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li.category-link {
|
||||||
|
float: left;
|
||||||
|
background-color: transparent;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0.25em 0.5em;
|
||||||
|
width: 50%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: inline-flex;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
background: transparent;
|
||||||
|
|
||||||
|
.category-name {
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-notification {
|
||||||
|
color: var(--primary-med-or-secondary-med);
|
||||||
|
background-color: transparent;
|
||||||
|
display: inline;
|
||||||
|
padding: 0;
|
||||||
|
font-size: var(--font-down-1);
|
||||||
|
line-height: var(--line-height-large);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// note these topic counts only appear for anons in the category hamburger drop down
|
||||||
|
b.topics-count {
|
||||||
|
color: var(--primary-med-or-secondary-med);
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: var(--font-down-1);
|
||||||
|
}
|
||||||
|
|
||||||
|
div.discourse-tags {
|
||||||
|
font-size: var(--font-down-1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-panel-header__row {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-sections {
|
||||||
|
&__back-to-forum {
|
||||||
|
color: var(--d-sidebar-link-color);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
margin-right: var(--d-sidebar-section-link-prefix-margin-right);
|
||||||
|
height: 0.75em;
|
||||||
|
width: 0.75em;
|
||||||
|
color: var(--d-sidebar-link-icon-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
margin: 3px 0;
|
margin: 3px 0;
|
||||||
}
|
}
|
||||||
@ -271,127 +408,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-panel {
|
|
||||||
// remove once glimmer search menu in place
|
|
||||||
.widget-link,
|
|
||||||
.categories-link {
|
|
||||||
padding: 0.25em 0.5em;
|
|
||||||
display: block;
|
|
||||||
color: var(--primary);
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background-color: var(--d-hover);
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.d-icon {
|
|
||||||
color: var(--primary-medium);
|
|
||||||
}
|
|
||||||
|
|
||||||
.new {
|
|
||||||
font-size: var(--font-down-1);
|
|
||||||
margin-left: 0.5em;
|
|
||||||
color: var(--primary-med-or-secondary-med);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.show-help,
|
|
||||||
&.filter {
|
|
||||||
color: var(--tertiary);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-link,
|
|
||||||
.categories-link {
|
|
||||||
padding: 0.25em 0.5em;
|
|
||||||
display: block;
|
|
||||||
color: var(--primary);
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background-color: var(--d-hover);
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.d-icon {
|
|
||||||
color: var(--primary-medium);
|
|
||||||
}
|
|
||||||
|
|
||||||
.new {
|
|
||||||
font-size: var(--font-down-1);
|
|
||||||
margin-left: 0.5em;
|
|
||||||
color: var(--primary-med-or-secondary-med);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.show-help,
|
|
||||||
&.filter {
|
|
||||||
color: var(--tertiary);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
li.category-link {
|
|
||||||
float: left;
|
|
||||||
background-color: transparent;
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0.25em 0.5em;
|
|
||||||
width: 50%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
|
|
||||||
a {
|
|
||||||
display: inline-flex;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background: transparent;
|
|
||||||
|
|
||||||
.category-name {
|
|
||||||
color: var(--primary);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.badge-notification {
|
|
||||||
color: var(--primary-med-or-secondary-med);
|
|
||||||
background-color: transparent;
|
|
||||||
display: inline;
|
|
||||||
padding: 0;
|
|
||||||
font-size: var(--font-down-1);
|
|
||||||
line-height: var(--line-height-large);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// note these topic counts only appear for anons in the category hamburger drop down
|
|
||||||
b.topics-count {
|
|
||||||
color: var(--primary-med-or-secondary-med);
|
|
||||||
font-weight: normal;
|
|
||||||
font-size: var(--font-down-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
div.discourse-tags {
|
|
||||||
font-size: var(--font-down-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar-panel-header__row {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar-sections {
|
|
||||||
&__back-to-forum {
|
|
||||||
color: var(--d-sidebar-link-color);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
svg {
|
|
||||||
margin-right: var(--d-sidebar-section-link-prefix-margin-right);
|
|
||||||
height: 0.75em;
|
|
||||||
width: 0.75em;
|
|
||||||
color: var(--d-sidebar-link-icon-color);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Panel / user-notification-list styles. **not** menu panel sizing styles
|
// Panel / user-notification-list styles. **not** menu panel sizing styles
|
||||||
.user-menu .quick-access-panel,
|
.user-menu .quick-access-panel,
|
||||||
.user-notifications-list {
|
.user-notifications-list {
|
||||||
@ -470,6 +486,11 @@
|
|||||||
// we don't need the link focus because we're styling the parent
|
// we don't need the link focus because we're styling the parent
|
||||||
outline: 0;
|
outline: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-flat:focus {
|
||||||
|
// undo default btn-flat style
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// This is until other languages remove the HTML from within
|
// This is until other languages remove the HTML from within
|
||||||
@ -511,25 +532,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: var(--d-hover);
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus-within {
|
|
||||||
background: var(--d-hover);
|
|
||||||
|
|
||||||
a {
|
|
||||||
// we don't need the link focus because we're styling the parent
|
|
||||||
outline: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-flat:focus {
|
|
||||||
// undo default btn-flat style
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a,
|
a,
|
||||||
.profile-tab-btn {
|
.profile-tab-btn {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -699,29 +701,3 @@
|
|||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-cloak {
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
position: fixed;
|
|
||||||
background-color: rgba(0, 0, 0, 0.3);
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
display: none;
|
|
||||||
touch-action: pan-y pinch-zoom;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu-panel.slide-in {
|
|
||||||
top: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
|
|
||||||
// ensure there's always space to click outside on tiny devices
|
|
||||||
max-width: 90vw;
|
|
||||||
|
|
||||||
--100dvh: 100%;
|
|
||||||
@supports (height: 100dvh) {
|
|
||||||
--100dvh: 100dvh;
|
|
||||||
}
|
|
||||||
box-shadow: 0 0 30px -2px rgba(0, 0, 0, 0.5);
|
|
||||||
height: var(--100dvh);
|
|
||||||
}
|
|
||||||
|
|||||||
@ -190,6 +190,42 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.modal {
|
.modal {
|
||||||
|
&.has-tabs {
|
||||||
|
.modal-tabs {
|
||||||
|
display: inline-flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
flex: 1 0 auto;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
.modal-tab {
|
||||||
|
list-style: none;
|
||||||
|
padding: 4px 8px;
|
||||||
|
margin-right: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
color: var(--secondary);
|
||||||
|
background: var(--danger);
|
||||||
|
|
||||||
|
&.single-tab {
|
||||||
|
background: none;
|
||||||
|
color: var(--primary);
|
||||||
|
padding: 0;
|
||||||
|
font-size: var(--font-up-3);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:not(.has-tabs) {
|
||||||
|
.modal-tab {
|
||||||
|
position: absolute;
|
||||||
|
width: 95%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.nav {
|
.nav {
|
||||||
padding: 10px 30px 10px 15px;
|
padding: 10px 30px 10px 15px;
|
||||||
background-color: var(--secondary);
|
background-color: var(--secondary);
|
||||||
@ -379,9 +415,7 @@
|
|||||||
.change-timestamp {
|
.change-timestamp {
|
||||||
width: 28em; // scales with user font-size
|
width: 28em; // scales with user font-size
|
||||||
max-width: 90vw; // prevents overflow due to extra large user font-size
|
max-width: 90vw; // prevents overflow due to extra large user font-size
|
||||||
}
|
|
||||||
|
|
||||||
.change-timestamp {
|
|
||||||
#date-container {
|
#date-container {
|
||||||
.pika-single {
|
.pika-single {
|
||||||
position: relative !important; // overriding another important
|
position: relative !important; // overriding another important
|
||||||
@ -445,44 +479,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal:not(.has-tabs) {
|
|
||||||
.modal-tab {
|
|
||||||
position: absolute;
|
|
||||||
width: 95%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal {
|
|
||||||
&.has-tabs {
|
|
||||||
.modal-tabs {
|
|
||||||
display: inline-flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
flex: 1 0 auto;
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
.modal-tab {
|
|
||||||
list-style: none;
|
|
||||||
padding: 4px 8px;
|
|
||||||
margin-right: 4px;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
&.is-active {
|
|
||||||
color: var(--secondary);
|
|
||||||
background: var(--danger);
|
|
||||||
|
|
||||||
&.single-tab {
|
|
||||||
background: none;
|
|
||||||
color: var(--primary);
|
|
||||||
padding: 0;
|
|
||||||
font-size: var(--font-up-3);
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bulk-notification-list {
|
.bulk-notification-list {
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: 1.5em;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -13,6 +13,12 @@
|
|||||||
|
|
||||||
&-search {
|
&-search {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
|
|
||||||
|
label {
|
||||||
|
color: var(--primary);
|
||||||
|
font-size: var(--font-up-3);
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -54,11 +60,3 @@
|
|||||||
flex-basis: 100%;
|
flex-basis: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-not-found-search {
|
|
||||||
label {
|
|
||||||
color: var(--primary);
|
|
||||||
font-size: var(--font-up-3);
|
|
||||||
margin-bottom: 0.5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
@ -20,29 +20,6 @@ a.loading-onebox {
|
|||||||
padding: 12px;
|
padding: 12px;
|
||||||
font-size: var(--font-0);
|
font-size: var(--font-0);
|
||||||
|
|
||||||
> .source {
|
|
||||||
margin-bottom: 12px;
|
|
||||||
margin-right: 10px;
|
|
||||||
display: block;
|
|
||||||
color: var(--primary);
|
|
||||||
position: relative;
|
|
||||||
height: 20px;
|
|
||||||
|
|
||||||
.info {
|
|
||||||
a {
|
|
||||||
color: black;
|
|
||||||
text-decoration: none;
|
|
||||||
padding-right: 10px;
|
|
||||||
}
|
|
||||||
position: absolute;
|
|
||||||
font-size: var(--font-0);
|
|
||||||
|
|
||||||
img.favicon {
|
|
||||||
margin-right: 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.onebox-result-body {
|
.onebox-result-body {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
|
|
||||||
@ -72,23 +49,43 @@ a.loading-onebox {
|
|||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// RottenTomatoes Onebox
|
// RottenTomatoes Onebox
|
||||||
.onebox-result {
|
|
||||||
.onebox-result-body {
|
|
||||||
img.verdict {
|
img.verdict {
|
||||||
float: none;
|
float: none;
|
||||||
margin-right: 7px;
|
margin-right: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// RottenTomatoes Onebox
|
||||||
img.popcorn {
|
img.popcorn {
|
||||||
float: none;
|
float: none;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
> .source {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
margin-right: 10px;
|
||||||
|
display: block;
|
||||||
|
color: var(--primary);
|
||||||
|
position: relative;
|
||||||
|
height: 20px;
|
||||||
|
|
||||||
|
.info {
|
||||||
|
a {
|
||||||
|
color: black;
|
||||||
|
text-decoration: none;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
position: absolute;
|
||||||
|
font-size: var(--font-0);
|
||||||
|
|
||||||
|
img.favicon {
|
||||||
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin onebox-favicon($class, $image) {
|
@mixin onebox-favicon($class, $image) {
|
||||||
@ -417,6 +414,7 @@ pre.onebox code ol {
|
|||||||
|
|
||||||
pre.onebox code {
|
pre.onebox code {
|
||||||
background-color: var(--primary-very-low);
|
background-color: var(--primary-very-low);
|
||||||
|
white-space: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre.onebox code li {
|
pre.onebox code li {
|
||||||
@ -444,10 +442,6 @@ pre.onebox code ol.lines li.selected {
|
|||||||
border-left-color: rgba(var(--primary-rgb), 0.2);
|
border-left-color: rgba(var(--primary-rgb), 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
pre.onebox code {
|
|
||||||
white-space: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.onebox-warning-message {
|
.onebox-warning-message {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
color: var(--primary-med-or-secondary-med);
|
color: var(--primary-med-or-secondary-med);
|
||||||
|
|||||||
@ -122,6 +122,15 @@
|
|||||||
padding: 1em;
|
padding: 1em;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
|
||||||
|
.topic-filter .btn {
|
||||||
|
display: flex;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.score-filter {
|
||||||
|
width: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
.reviewable-filter {
|
.reviewable-filter {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -189,17 +198,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.reviewable-filters {
|
|
||||||
.topic-filter .btn {
|
|
||||||
display: flex;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.score-filter {
|
|
||||||
width: 5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-flag-percentage {
|
.user-flag-percentage {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -237,6 +235,156 @@
|
|||||||
.reviewable-item {
|
.reviewable-item {
|
||||||
background: var(--primary-very-low);
|
background: var(--primary-very-low);
|
||||||
padding: 1.5rem;
|
padding: 1.5rem;
|
||||||
|
margin-block: 3rem;
|
||||||
|
|
||||||
|
.show-raw-email {
|
||||||
|
color: var(--primary-medium);
|
||||||
|
font-size: var(--font-down-2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-title {
|
||||||
|
background-color: yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
.created-by {
|
||||||
|
margin-right: 1em;
|
||||||
|
padding-top: 0.35em;
|
||||||
|
@include breakpoint("mobile-large") {
|
||||||
|
float: left;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.names {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-contents-wrapper {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 1em;
|
||||||
|
min-width: 275px;
|
||||||
|
word-break: break-word;
|
||||||
|
@include breakpoint("mobile-large", min-width) {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.reviewable-post-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: var(--topic-body-width);
|
||||||
|
align-items: center;
|
||||||
|
max-width: 100%;
|
||||||
|
|
||||||
|
.reviewable-reply-to {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
color: var(--primary-medium);
|
||||||
|
font-size: 0.9em;
|
||||||
|
|
||||||
|
.d-icon {
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-contents {
|
||||||
|
width: 100%;
|
||||||
|
min-width: 0; // Flexbox fix
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-body {
|
||||||
|
position: relative;
|
||||||
|
max-width: var(--topic-body-width);
|
||||||
|
margin-top: 0.5em;
|
||||||
|
|
||||||
|
&.is-collapsed {
|
||||||
|
max-height: 50vh;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
height: 25%;
|
||||||
|
width: 100%;
|
||||||
|
background: linear-gradient(to bottom, transparent, var(--secondary));
|
||||||
|
}
|
||||||
|
|
||||||
|
+ .post-body__toggle-btn {
|
||||||
|
transform: translateX(-50%) translateY(-50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__toggle-btn {
|
||||||
|
background: var(--primary-very-low);
|
||||||
|
color: var(--primary-high);
|
||||||
|
font-size: var(--font-down-2);
|
||||||
|
box-shadow: var(--shadow-dropdown);
|
||||||
|
margin-left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 4px;
|
||||||
|
|
||||||
|
.d-icon {
|
||||||
|
color: var(--primary-high);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: var(--primary-very-low);
|
||||||
|
color: var(--tertiary);
|
||||||
|
|
||||||
|
.d-icon {
|
||||||
|
color: var(--tertiary);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
aside {
|
||||||
|
margin: 0 0 1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre,
|
||||||
|
code {
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-topic {
|
||||||
|
width: 100%;
|
||||||
|
color: var(--primary-medium);
|
||||||
|
margin-bottom: 0.75em;
|
||||||
|
|
||||||
|
.title-text {
|
||||||
|
font-weight: bold;
|
||||||
|
color: var(--primary);
|
||||||
|
display: block;
|
||||||
|
font-size: var(--font-up-2);
|
||||||
|
margin-right: 0.75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-category__wrapper {
|
||||||
|
margin-left: 0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.discourse-tag {
|
||||||
|
vertical-align: bottom;
|
||||||
|
padding-left: 0.1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__context-question {
|
||||||
|
margin-block: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
.topic-statuses {
|
.topic-statuses {
|
||||||
font-size: var(--font-up-2);
|
font-size: var(--font-up-2);
|
||||||
@ -458,159 +606,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.reviewable-item {
|
|
||||||
margin-block: 3rem;
|
|
||||||
|
|
||||||
.show-raw-email {
|
|
||||||
color: var(--primary-medium);
|
|
||||||
font-size: var(--font-down-2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-title {
|
|
||||||
background-color: yellow;
|
|
||||||
}
|
|
||||||
|
|
||||||
.created-by {
|
|
||||||
margin-right: 1em;
|
|
||||||
padding-top: 0.35em;
|
|
||||||
@include breakpoint("mobile-large") {
|
|
||||||
float: left;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.names {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-contents-wrapper {
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 1em;
|
|
||||||
min-width: 275px;
|
|
||||||
word-break: break-word;
|
|
||||||
@include breakpoint("mobile-large", min-width) {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.reviewable-post-header {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
width: var(--topic-body-width);
|
|
||||||
align-items: center;
|
|
||||||
max-width: 100%;
|
|
||||||
|
|
||||||
.reviewable-reply-to {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
color: var(--primary-medium);
|
|
||||||
font-size: 0.9em;
|
|
||||||
|
|
||||||
.d-icon {
|
|
||||||
margin-right: 0.5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-contents {
|
|
||||||
width: 100%;
|
|
||||||
min-width: 0; // Flexbox fix
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-body {
|
|
||||||
position: relative;
|
|
||||||
max-width: var(--topic-body-width);
|
|
||||||
margin-top: 0.5em;
|
|
||||||
|
|
||||||
&.is-collapsed {
|
|
||||||
max-height: 50vh;
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
height: 25%;
|
|
||||||
width: 100%;
|
|
||||||
background: linear-gradient(to bottom, transparent, var(--secondary));
|
|
||||||
}
|
|
||||||
|
|
||||||
+ .post-body__toggle-btn {
|
|
||||||
transform: translateX(-50%) translateY(-50%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__toggle-btn {
|
|
||||||
background: var(--primary-very-low);
|
|
||||||
color: var(--primary-high);
|
|
||||||
font-size: var(--font-down-2);
|
|
||||||
box-shadow: var(--shadow-dropdown);
|
|
||||||
margin-left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
.d-icon {
|
|
||||||
color: var(--primary-high);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: var(--primary-very-low);
|
|
||||||
color: var(--tertiary);
|
|
||||||
|
|
||||||
.d-icon {
|
|
||||||
color: var(--tertiary);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
aside {
|
|
||||||
margin: 0 0 1em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre,
|
|
||||||
code {
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-topic {
|
|
||||||
width: 100%;
|
|
||||||
color: var(--primary-medium);
|
|
||||||
margin-bottom: 0.75em;
|
|
||||||
|
|
||||||
.title-text {
|
|
||||||
font-weight: bold;
|
|
||||||
color: var(--primary);
|
|
||||||
display: block;
|
|
||||||
font-size: var(--font-up-2);
|
|
||||||
margin-right: 0.75em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.badge-category__wrapper {
|
|
||||||
margin-left: 0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.discourse-tag {
|
|
||||||
vertical-align: bottom;
|
|
||||||
padding-left: 0.1em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__context-question {
|
|
||||||
margin-block: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.editable-fields {
|
.editable-fields {
|
||||||
.editable-created-by {
|
.editable-created-by {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@ -195,20 +195,17 @@ $search-pad-horizontal: 0.5em;
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
background: var(--primary-200);
|
background: var(--primary-200);
|
||||||
color: var(--primary-medium);
|
color: var(--primary-medium);
|
||||||
|
|
||||||
.d-icon {
|
|
||||||
font-size: var(--font-down-2);
|
|
||||||
color: currentcolor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.avatar-flair {
|
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
|
||||||
&.avatar-flair-image {
|
&.avatar-flair-image {
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.d-icon {
|
||||||
|
font-size: var(--font-down-2);
|
||||||
|
color: currentcolor;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.group-names {
|
.group-names {
|
||||||
|
|||||||
@ -15,16 +15,6 @@
|
|||||||
font-size: var(--font-down-1-rem);
|
font-size: var(--font-down-1-rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-section-link-prefix {
|
|
||||||
.prefix-image {
|
|
||||||
border: 1px solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active .prefix-image {
|
|
||||||
box-shadow: 0 0 0 1px var(--success);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar-section-link {
|
.sidebar-section-link {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -173,6 +163,14 @@
|
|||||||
height: var(--d-sidebar-section-link-prefix-width);
|
height: var(--d-sidebar-section-link-prefix-width);
|
||||||
margin-right: var(--d-sidebar-section-link-prefix-margin-right);
|
margin-right: var(--d-sidebar-section-link-prefix-margin-right);
|
||||||
|
|
||||||
|
.prefix-image {
|
||||||
|
border: 1px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active .prefix-image {
|
||||||
|
box-shadow: 0 0 0 1px var(--success);
|
||||||
|
}
|
||||||
|
|
||||||
&.image {
|
&.image {
|
||||||
img {
|
img {
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
|
|||||||
@ -28,6 +28,14 @@
|
|||||||
transition: all 0.25s;
|
transition: all 0.25s;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: var(--d-sidebar-highlight-hover-background);
|
||||||
|
|
||||||
|
.d-icon {
|
||||||
|
color: var(--d-sidebar-highlight-hover-icon);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
@ -52,16 +60,6 @@
|
|||||||
color: var(--d-sidebar-highlight-hover-icon);
|
color: var(--d-sidebar-highlight-hover-icon);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.discourse-no-touch & {
|
|
||||||
&:hover {
|
|
||||||
background: var(--d-sidebar-highlight-hover-background);
|
|
||||||
|
|
||||||
.d-icon {
|
|
||||||
color: var(--d-sidebar-highlight-hover-icon);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -395,6 +395,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-no-results {
|
.sidebar-no-results {
|
||||||
|
display: block;
|
||||||
margin: 0.5em var(--d-sidebar-row-horizontal-padding) 0
|
margin: 0.5em var(--d-sidebar-row-horizontal-padding) 0
|
||||||
var(--d-sidebar-row-horizontal-padding);
|
var(--d-sidebar-row-horizontal-padding);
|
||||||
|
|
||||||
@ -403,10 +404,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-no-results {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar-panel-header__row {
|
.sidebar-panel-header__row {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|||||||
@ -61,9 +61,6 @@
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
@include ellipsis;
|
@include ellipsis;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
|
||||||
|
|
||||||
.discourse-tag {
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: var(--primary-medium);
|
color: var(--primary-medium);
|
||||||
|
|
||||||
|
|||||||
@ -97,6 +97,29 @@
|
|||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
||||||
|
video {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup sup {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
img:not(.thumbnail, .ytp-thumbnail-image, .emoji) {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: inline-block; // Ensure dimensions are maintained even after load error
|
||||||
|
|
||||||
|
@supports not (aspect-ratio: 1) {
|
||||||
|
// (see javascripts/discourse/app/initializers/image-aspect-ratio.js)
|
||||||
|
height: var(--calculated-height);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
svg {
|
||||||
|
max-height: 2000px;
|
||||||
|
}
|
||||||
|
|
||||||
> *:first-child {
|
> *:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
@ -176,6 +199,7 @@
|
|||||||
|
|
||||||
mark {
|
mark {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
background-color: var(--highlight);
|
||||||
}
|
}
|
||||||
|
|
||||||
ins {
|
ins {
|
||||||
@ -188,10 +212,6 @@
|
|||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
|
|
||||||
mark {
|
|
||||||
background-color: var(--highlight);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Prevents users from breaking posts with tag nesting
|
// Prevents users from breaking posts with tag nesting
|
||||||
big {
|
big {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
@ -218,32 +238,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.cooked,
|
|
||||||
.d-editor-preview {
|
|
||||||
video {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
sup sup {
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
img:not(.thumbnail, .ytp-thumbnail-image, .emoji) {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
display: inline-block; // Ensure dimensions are maintained even after load error
|
|
||||||
|
|
||||||
@supports not (aspect-ratio: 1) {
|
|
||||||
// (see javascripts/discourse/app/initializers/image-aspect-ratio.js)
|
|
||||||
height: var(--calculated-height);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
svg {
|
|
||||||
max-height: 2000px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.cooked-selection-barrier {
|
.cooked-selection-barrier {
|
||||||
height: 0;
|
height: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -406,14 +400,14 @@ nav.post-controls {
|
|||||||
|
|
||||||
&.button-count {
|
&.button-count {
|
||||||
// Like count button
|
// Like count button
|
||||||
.discourse-no-touch & {
|
&:not(.my-likes) {
|
||||||
&.d-hover,
|
padding-right: 0;
|
||||||
&:hover {
|
|
||||||
color: var(--primary);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
+ .toggle-like {
|
+ .toggle-like {
|
||||||
|
// Like button when like count is present
|
||||||
|
padding-left: 0.45em;
|
||||||
|
|
||||||
// Like button when like count is present
|
// Like button when like count is present
|
||||||
.discourse-no-touch & {
|
.discourse-no-touch & {
|
||||||
&.d-hover,
|
&.d-hover,
|
||||||
@ -422,6 +416,14 @@ nav.post-controls {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Like count button
|
||||||
|
.discourse-no-touch & {
|
||||||
|
&.d-hover,
|
||||||
|
&:hover {
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.my-likes,
|
&.my-likes,
|
||||||
@ -439,18 +441,6 @@ nav.post-controls {
|
|||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.button-count {
|
|
||||||
// Like count button
|
|
||||||
&:not(.my-likes) {
|
|
||||||
padding-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
+ .toggle-like {
|
|
||||||
// Like button when like count is present
|
|
||||||
padding-left: 0.45em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -484,18 +474,8 @@ nav.post-controls {
|
|||||||
background: var(--d-post-control-background--hover);
|
background: var(--d-post-control-background--hover);
|
||||||
color: var(--d-post-control-text-color--hover);
|
color: var(--d-post-control-text-color--hover);
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
&.hidden {
|
// TODO (glimmer-post-menu): Go over the the d-hover style and remove the unnecessary ones when glimmer-post-menu replaces the widget version
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.admin {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
// TODO (glimmer-post-menu): Go over the the d-hover style and remove the unnecessary ones when glimmer-post-menu replaces the widget version
|
|
||||||
.discourse-no-touch & {
|
|
||||||
&.delete.d-hover,
|
&.delete.d-hover,
|
||||||
&.delete:hover,
|
&.delete:hover,
|
||||||
&.delete:active,
|
&.delete:active,
|
||||||
@ -509,6 +489,14 @@ nav.post-controls {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.admin {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
&.bookmarked .d-icon {
|
&.bookmarked .d-icon {
|
||||||
color: var(--tertiary);
|
color: var(--tertiary);
|
||||||
}
|
}
|
||||||
@ -690,6 +678,14 @@ aside.quote {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.quote-controls {
|
.quote-controls {
|
||||||
|
float: right;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
a {
|
||||||
|
margin-left: 0.3em;
|
||||||
|
}
|
||||||
|
|
||||||
.quote-toggle {
|
.quote-toggle {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
@ -746,16 +742,6 @@ aside.quote {
|
|||||||
opacity: 0.4;
|
opacity: 0.4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote-controls {
|
|
||||||
float: right;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
a {
|
|
||||||
margin-left: 0.3em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.quote-button {
|
.quote-button {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
|||||||
@ -595,6 +595,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tracking-controls {
|
.tracking-controls {
|
||||||
|
margin-top: 24px;
|
||||||
|
|
||||||
label {
|
label {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -624,6 +626,8 @@
|
|||||||
color: var(--primary-medium);
|
color: var(--primary-medium);
|
||||||
font-size: var(--font-down-1);
|
font-size: var(--font-down-1);
|
||||||
line-height: var(--line-height-large);
|
line-height: var(--line-height-large);
|
||||||
|
display: block;
|
||||||
|
margin-top: 0.25em;
|
||||||
|
|
||||||
a[href] {
|
a[href] {
|
||||||
color: var(--tertiary);
|
color: var(--tertiary);
|
||||||
@ -646,10 +650,6 @@
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tracking-controls {
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.second-factor-backup-preferences {
|
&.second-factor-backup-preferences {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
|
|
||||||
@ -688,11 +688,6 @@
|
|||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.instructions {
|
|
||||||
display: block;
|
|
||||||
margin-top: 0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.success-back {
|
.success-back {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@ -30,9 +30,6 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
|
||||||
|
|
||||||
.topic-share-url {
|
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -10,13 +10,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-card,
|
|
||||||
.group-card {
|
|
||||||
--card-width: 39em;
|
|
||||||
--avatar-width: 8em;
|
|
||||||
--avatar-margin: -3.3em; // extends the avatar above the card
|
|
||||||
}
|
|
||||||
|
|
||||||
.animated-placeholder {
|
.animated-placeholder {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
position: relative;
|
position: relative;
|
||||||
@ -50,6 +43,9 @@
|
|||||||
// shared styles for user and group cards
|
// shared styles for user and group cards
|
||||||
.user-card,
|
.user-card,
|
||||||
.group-card {
|
.group-card {
|
||||||
|
--card-width: 39em;
|
||||||
|
--avatar-width: 8em;
|
||||||
|
--avatar-margin: -3.3em; // extends the avatar above the card
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
width: var(--card-width);
|
width: var(--card-width);
|
||||||
color: var(--primary);
|
color: var(--primary);
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
/*
|
|
||||||
* shared styles
|
|
||||||
*/
|
|
||||||
|
|
||||||
.d-modal.login-modal,
|
.d-modal.login-modal,
|
||||||
.d-modal.create-account {
|
.d-modal.create-account {
|
||||||
|
&:not(:has(.login-right-side)) .d-modal__container {
|
||||||
|
max-width: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
&.awaiting-approval {
|
&.awaiting-approval {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@ -212,14 +212,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* end shared styles */
|
|
||||||
.d-modal.create-account,
|
|
||||||
.d-modal.login-modal {
|
|
||||||
&:not(:has(.login-right-side)) .d-modal__container {
|
|
||||||
max-width: 500px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.d-modal.create-account {
|
.d-modal.create-account {
|
||||||
.d-modal {
|
.d-modal {
|
||||||
&__container {
|
&__container {
|
||||||
|
|||||||
@ -209,17 +209,26 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.d-modal.topic-bulk-actions-modal {
|
.d-modal.topic-bulk-actions-modal {
|
||||||
|
p {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bulk-topics-cancel {
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bulk-close-note-section {
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.d-modal {
|
.d-modal {
|
||||||
&__container {
|
&__container {
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bulk-buttons {
|
.bulk-buttons {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
|
||||||
@ -239,26 +248,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.d-modal.topic-bulk-actions-modal {
|
|
||||||
.d-modal {
|
|
||||||
&__container {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#bulk-topics-cancel {
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bulk-close-note-section {
|
|
||||||
margin-top: 1em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.d-modal.edit-slow-mode-modal {
|
.d-modal.edit-slow-mode-modal {
|
||||||
.slow-mode-label {
|
.slow-mode-label {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
|
|||||||
@ -45,6 +45,7 @@
|
|||||||
a,
|
a,
|
||||||
a:visited {
|
a:visited {
|
||||||
color: #08c !important;
|
color: #08c !important;
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* bottom border to help separate posts */
|
/* bottom border to help separate posts */
|
||||||
@ -102,12 +103,6 @@
|
|||||||
font-size: normal;
|
font-size: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
a,
|
|
||||||
a:visited {
|
|
||||||
color: #ddd;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* localhost - MOOT for production */
|
/* localhost - MOOT for production */
|
||||||
.topic-category-outlet.show-topic-category-location,
|
.topic-category-outlet.show-topic-category-location,
|
||||||
div.alert.alert-info.alert-emails-disabled,
|
div.alert.alert-info.alert-emails-disabled,
|
||||||
|
|||||||
@ -168,11 +168,9 @@
|
|||||||
Section below from prosemirror-view/style/prosemirror.css
|
Section below from prosemirror-view/style/prosemirror.css
|
||||||
********************************************************/
|
********************************************************/
|
||||||
|
|
||||||
|
/* stylelint-disable-next-line no-duplicate-selectors */
|
||||||
.ProseMirror {
|
.ProseMirror {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
|
||||||
|
|
||||||
.ProseMirror {
|
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
white-space: break-spaces;
|
white-space: break-spaces;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -64,6 +64,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.is-loading {
|
&.is-loading {
|
||||||
|
.select-kit-filter::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
background: var(--tertiary);
|
||||||
|
width: 100%;
|
||||||
|
height: 2px;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
animation: lineDrawToRight 0.5s ease-in;
|
||||||
|
}
|
||||||
|
|
||||||
.select-kit-collection {
|
.select-kit-collection {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
@ -362,17 +373,4 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.is-loading {
|
|
||||||
.select-kit-filter::after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
background: var(--tertiary);
|
|
||||||
width: 100%;
|
|
||||||
height: 2px;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
animation: lineDrawToRight 0.5s ease-in;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -16,14 +16,18 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
// popup-menu doesnt use description text atm
|
// popup-menu doesn't use description text atm
|
||||||
// it's just easier to align the icon with text then
|
// it's just easier to align the icon with text then
|
||||||
.icons {
|
.icons {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shortcut {
|
.shortcut {
|
||||||
margin-left: 1em;
|
border: none;
|
||||||
|
background: var(--primary-200);
|
||||||
|
font-size: var(--font-down-2);
|
||||||
|
color: var(--primary-high);
|
||||||
|
margin-left: 1.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
@ -45,14 +49,6 @@
|
|||||||
color: var(--primary-medium);
|
color: var(--primary-medium);
|
||||||
}
|
}
|
||||||
|
|
||||||
.shortcut {
|
|
||||||
border: none;
|
|
||||||
background: var(--primary-200);
|
|
||||||
font-size: var(--font-down-2);
|
|
||||||
color: var(--primary-high);
|
|
||||||
margin-left: 1.8rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.is-highlighted,
|
&.is-highlighted,
|
||||||
&.is-selected,
|
&.is-selected,
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|||||||
@ -24,19 +24,28 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
table.jexcel > thead > tr > td {
|
table.jexcel > thead > tr > td {
|
||||||
border-top: 1px solid transparent;
|
|
||||||
border-left: 1px solid transparent;
|
border-left: 1px solid transparent;
|
||||||
border-right: 1px solid transparent;
|
|
||||||
border-bottom: 1px solid #000;
|
|
||||||
background-color: #fff;
|
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
border-top: 1px solid var(--jexcel_border_color);
|
||||||
|
border-right: 1px solid var(--jexcel_border_color);
|
||||||
|
border-bottom: 1px solid var(--jexcel_border_color);
|
||||||
|
background-color: var(--jexcel_header_background);
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
border-left: 1px solid var(--jexcel_border_color);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
table.jexcel > tbody > tr > td {
|
table.jexcel > tbody > tr > td {
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
border-right: 1px solid transparent;
|
|
||||||
border-left: 1px solid transparent;
|
border-left: 1px solid transparent;
|
||||||
|
border-right: 1px solid var(--jexcel_border_color);
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
border-left: 1px solid var(--jexcel_border_color);
|
||||||
|
background-color: var(--jexcel_header_background);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
table.jexcel {
|
table.jexcel {
|
||||||
@ -75,10 +84,6 @@ table.jexcel {
|
|||||||
color: var(--jexcel_header_color_highlighted);
|
color: var(--jexcel_header_color_highlighted);
|
||||||
}
|
}
|
||||||
|
|
||||||
table.jexcel > tbody > tr > td:first-child {
|
|
||||||
background-color: var(--jexcel_header_background);
|
|
||||||
}
|
|
||||||
|
|
||||||
table.jexcel > tbody > tr.selected > td:first-child {
|
table.jexcel > tbody > tr.selected > td:first-child {
|
||||||
background-color: var(--jexcel_header_background_highlighted);
|
background-color: var(--jexcel_header_background_highlighted);
|
||||||
}
|
}
|
||||||
@ -230,38 +235,19 @@ table.jexcel > tbody > tr.selected > td:first-child {
|
|||||||
box-shadow: unset;
|
box-shadow: unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
table.jexcel > thead > tr > td {
|
|
||||||
border-top: 1px solid var(--jexcel_border_color);
|
|
||||||
border-right: 1px solid var(--jexcel_border_color);
|
|
||||||
border-bottom: 1px solid var(--jexcel_border_color);
|
|
||||||
background-color: var(--jexcel_header_background);
|
|
||||||
|
|
||||||
&:first-child {
|
|
||||||
border-left: 1px solid var(--jexcel_border_color);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
table.jexcel > thead > tr > td.selected {
|
table.jexcel > thead > tr > td.selected {
|
||||||
background-color: var(--jexcel_header_background_highlighted);
|
background-color: var(--jexcel_header_background_highlighted);
|
||||||
color: var(--jexcel_header_color_highlighted);
|
color: var(--jexcel_header_color_highlighted);
|
||||||
}
|
}
|
||||||
|
|
||||||
table.jexcel > tbody > tr > td {
|
|
||||||
border-right: 1px solid var(--jexcel_border_color);
|
|
||||||
|
|
||||||
&:first-child {
|
|
||||||
border-left: 1px solid var(--jexcel_border_color);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hides about item in context menu
|
// Hides about item in context menu
|
||||||
.jcontextmenu > div:not(.contextmenu-line):last-child {
|
.jcontextmenu > div:not(.contextmenu-line):last-child {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel_container {
|
.jexcel_container {
|
||||||
padding: 0.5em;
|
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
.jexcel_content {
|
.jexcel_content {
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
@ -272,7 +258,3 @@ table.jexcel > tbody > tr > td {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel_container {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|||||||
@ -11,7 +11,31 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.topic-body {
|
.topic-body {
|
||||||
padding: 0;
|
width: calc(var(--topic-body-width) + (var(--topic-body-width-padding) * 2));
|
||||||
|
float: left;
|
||||||
|
min-width: 0; // prevents some elements, like <pre>, from blowing out the width
|
||||||
|
position: relative;
|
||||||
|
border-top: 1px solid var(--primary-low);
|
||||||
|
padding: 0.8em 0 0 0;
|
||||||
|
|
||||||
|
.topic-meta-data {
|
||||||
|
padding: 0 var(--topic-body-width-padding) 0.25em
|
||||||
|
var(--topic-body-width-padding);
|
||||||
|
}
|
||||||
|
|
||||||
|
.cooked {
|
||||||
|
padding: 1em var(--topic-body-width-padding) 0.25em
|
||||||
|
var(--topic-body-width-padding);
|
||||||
|
}
|
||||||
|
|
||||||
|
.group-request {
|
||||||
|
padding: 0.5em var(--topic-body-width-padding) 0
|
||||||
|
var(--topic-body-width-padding);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.expand-hidden {
|
||||||
|
padding-left: var(--topic-body-width-padding);
|
||||||
|
}
|
||||||
|
|
||||||
&:first-of-type {
|
&:first-of-type {
|
||||||
border-top: none;
|
border-top: none;
|
||||||
@ -500,35 +524,6 @@ blockquote {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// variables are used to calculate the width of .gap
|
|
||||||
.topic-body {
|
|
||||||
width: calc(var(--topic-body-width) + (var(--topic-body-width-padding) * 2));
|
|
||||||
float: left;
|
|
||||||
min-width: 0; // prevents some elements, like <pre>, from blowing out the width
|
|
||||||
position: relative;
|
|
||||||
border-top: 1px solid var(--primary-low);
|
|
||||||
padding: 0.8em 0 0 0;
|
|
||||||
|
|
||||||
.topic-meta-data {
|
|
||||||
padding: 0 var(--topic-body-width-padding) 0.25em
|
|
||||||
var(--topic-body-width-padding);
|
|
||||||
}
|
|
||||||
|
|
||||||
.cooked {
|
|
||||||
padding: 1em var(--topic-body-width-padding) 0.25em
|
|
||||||
var(--topic-body-width-padding);
|
|
||||||
}
|
|
||||||
|
|
||||||
.group-request {
|
|
||||||
padding: 0.5em var(--topic-body-width-padding) 0
|
|
||||||
var(--topic-body-width-padding);
|
|
||||||
}
|
|
||||||
|
|
||||||
a.expand-hidden {
|
|
||||||
padding-left: var(--topic-body-width-padding);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.topic-avatar {
|
.topic-avatar {
|
||||||
border-top: 1px solid var(--primary-low);
|
border-top: 1px solid var(--primary-low);
|
||||||
padding-top: 15px;
|
padding-top: 15px;
|
||||||
|
|||||||
@ -2,6 +2,36 @@
|
|||||||
// Topic lists
|
// Topic lists
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
.topic-list {
|
.topic-list {
|
||||||
|
&-body {
|
||||||
|
border-width: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.num.posts-map {
|
||||||
|
font-size: var(--font-up-2);
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
> button,
|
||||||
|
> a {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.num.activity a {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// so the topic excerpt is full width
|
||||||
|
// as the containing div is 80%
|
||||||
|
.topic-excerpt {
|
||||||
|
display: block;
|
||||||
|
padding-right: 0;
|
||||||
|
width: 120%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topic-excerpt-more {
|
||||||
|
color: var(--tertiary);
|
||||||
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
margin-left: 55px;
|
margin-left: 55px;
|
||||||
}
|
}
|
||||||
@ -65,6 +95,10 @@
|
|||||||
margin-top: 0.5em;
|
margin-top: 0.5em;
|
||||||
z-index: z("base");
|
z-index: z("base");
|
||||||
|
|
||||||
|
span.relative-date {
|
||||||
|
vertical-align: text-top;
|
||||||
|
}
|
||||||
|
|
||||||
.num.activity {
|
.num.activity {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
font-size: var(--font-down-1);
|
font-size: var(--font-down-1);
|
||||||
@ -81,12 +115,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-item-stats {
|
|
||||||
span.relative-date {
|
|
||||||
vertical-align: text-top;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.topic-item-stats__category-tags {
|
.topic-item-stats__category-tags {
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
max-width: 90%;
|
max-width: 90%;
|
||||||
@ -377,38 +405,6 @@ td .main-link {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-list {
|
|
||||||
&-body {
|
|
||||||
border-width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.num.posts-map {
|
|
||||||
font-size: var(--font-up-2);
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
> button,
|
|
||||||
> a {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.num.activity a {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// so the topic excerpt is full width
|
|
||||||
// as the containing div is 80%
|
|
||||||
.topic-excerpt {
|
|
||||||
display: block;
|
|
||||||
padding-right: 0;
|
|
||||||
width: 120%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.topic-excerpt-more {
|
|
||||||
color: var(--tertiary);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-list.with-topics .category-list-item .category-description {
|
.category-list.with-topics .category-list-item .category-description {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -367,6 +367,7 @@
|
|||||||
order: 2;
|
order: 2;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
button {
|
button {
|
||||||
margin: 0.25em;
|
margin: 0.25em;
|
||||||
@ -384,10 +385,6 @@
|
|||||||
grid-column-end: -1;
|
grid-column-end: -1;
|
||||||
order: 4;
|
order: 4;
|
||||||
}
|
}
|
||||||
|
|
||||||
td.invite-actions {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-invite-none {
|
.user-invite-none {
|
||||||
|
|||||||
@ -19,19 +19,16 @@ body {
|
|||||||
|
|
||||||
#ember-testing {
|
#ember-testing {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
|
||||||
|
|
||||||
.discourse-root {
|
|
||||||
background: var(--secondary);
|
|
||||||
}
|
|
||||||
|
|
||||||
#ember-testing {
|
|
||||||
width: 200%;
|
width: 200%;
|
||||||
height: 200%;
|
height: 200%;
|
||||||
transform: scale(0.5);
|
transform: scale(0.5);
|
||||||
transform-origin: top left;
|
transform-origin: top left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.discourse-root {
|
||||||
|
background: var(--secondary);
|
||||||
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
html {
|
html {
|
||||||
background-color: #222;
|
background-color: #222;
|
||||||
|
|||||||
3
app/assets/stylesheets/vendor/pikaday.scss
vendored
3
app/assets/stylesheets/vendor/pikaday.scss
vendored
@ -53,6 +53,7 @@ $pd-font-family: arial, sans-serif !default;
|
|||||||
|
|
||||||
// clear child float (pika-lendar), using the famous micro clearfix hack
|
// clear child float (pika-lendar), using the famous micro clearfix hack
|
||||||
// http://nicolasgallagher.com/micro-clearfix-hack/
|
// http://nicolasgallagher.com/micro-clearfix-hack/
|
||||||
|
/* stylelint-disable-next-line no-duplicate-selectors */
|
||||||
.pika-single {
|
.pika-single {
|
||||||
&::before,
|
&::before,
|
||||||
&::after {
|
&::after {
|
||||||
@ -246,4 +247,4 @@ $pd-font-family: arial, sans-serif !default;
|
|||||||
&:focus {
|
&:focus {
|
||||||
background-color: var(--tertiary-very-low);
|
background-color: var(--tertiary-very-low);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -194,6 +194,10 @@ body.wizard {
|
|||||||
|
|
||||||
&__step-form {
|
&__step-form {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex: 1 0 50%;
|
||||||
|
@media only screen and (max-width: 568px) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__sidebar {
|
&__sidebar {
|
||||||
@ -309,13 +313,6 @@ body.wizard {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__step-form {
|
|
||||||
flex: 1 0 50%;
|
|
||||||
@media only screen and (max-width: 568px) {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__step.branding .wizard-container__description {
|
&__step.branding .wizard-container__description {
|
||||||
font-size: var(--font-0);
|
font-size: var(--font-0);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -3,12 +3,6 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-form__row {
|
|
||||||
&.-separator {
|
|
||||||
border-bottom: 1px solid var(--primary-low);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.chat-form__section {
|
.chat-form__section {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -40,6 +34,10 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
|
&.-separator {
|
||||||
|
border-bottom: 1px solid var(--primary-low);
|
||||||
|
}
|
||||||
|
|
||||||
label,
|
label,
|
||||||
.d-toggle-switch__checkbox-slider {
|
.d-toggle-switch__checkbox-slider {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|||||||
@ -124,10 +124,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__participants-count {
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__warning-max-members {
|
&__warning-max-members {
|
||||||
padding-inline: 1rem;
|
padding-inline: 1rem;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -44,6 +44,13 @@ $max_image_height: 150px;
|
|||||||
|
|
||||||
.thumbnail.onebox-avatar {
|
.thumbnail.onebox-avatar {
|
||||||
display: none;
|
display: none;
|
||||||
|
max-width: 20%;
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumbnail {
|
||||||
|
max-width: 100% !important;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.aspect-image {
|
.aspect-image {
|
||||||
@ -62,16 +69,6 @@ $max_image_height: 150px;
|
|||||||
p {
|
p {
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.thumbnail {
|
|
||||||
max-width: 100% !important;
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
&.onebox-avatar {
|
|
||||||
max-width: 20%;
|
|
||||||
margin-right: 0.5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -84,7 +84,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// unlinked, invalid mention
|
// unlinked, invalid mention
|
||||||
span.mention:not(--wide) {
|
span.mention:not(.--wide) {
|
||||||
color: var(--primary-high);
|
color: var(--primary-high);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -159,19 +159,16 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.no-touch .chat-message-container {
|
.no-touch .chat-message-container {
|
||||||
&:hover,
|
|
||||||
&.-active {
|
|
||||||
background: var(--d-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
.chat-message-reaction-list .chat-message-react-btn {
|
.chat-message-reaction-list .chat-message-react-btn {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.-active,
|
&:hover,
|
||||||
&:hover {
|
&.-active {
|
||||||
|
background: var(--d-hover);
|
||||||
|
|
||||||
&.-bookmarked {
|
&.-bookmarked {
|
||||||
background: var(--highlight-medium);
|
background: var(--highlight-medium);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -10,6 +10,7 @@
|
|||||||
.full-page-chat & {
|
.full-page-chat & {
|
||||||
padding-inline: 1rem;
|
padding-inline: 1rem;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
top: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__notice,
|
&__notice,
|
||||||
@ -37,7 +38,3 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.full-page-chat .chat-notices {
|
|
||||||
top: 2rem;
|
|
||||||
}
|
|
||||||
|
|||||||
@ -24,10 +24,6 @@
|
|||||||
padding: 0 0.5rem;
|
padding: 0 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.d-icon {
|
|
||||||
color: var(--primary-low-mid);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.is-direct-reply {
|
&.is-direct-reply {
|
||||||
display: flex;
|
display: flex;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|||||||
@ -23,7 +23,6 @@ export default {
|
|||||||
"shorthand-property-no-redundant-values": null,
|
"shorthand-property-no-redundant-values": null,
|
||||||
"declaration-block-no-redundant-longhand-properties": null,
|
"declaration-block-no-redundant-longhand-properties": null,
|
||||||
"no-descending-specificity": null,
|
"no-descending-specificity": null,
|
||||||
"no-duplicate-selectors": null,
|
|
||||||
"keyframes-name-pattern": null,
|
"keyframes-name-pattern": null,
|
||||||
"selector-type-no-unknown": null,
|
"selector-type-no-unknown": null,
|
||||||
"scss/dollar-variable-pattern": null,
|
"scss/dollar-variable-pattern": null,
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user