Make the comment syntax consistent across all CSS (#707)

* Update _article.scss

* Update _dark_variables.scss

* Update _forms.scss

* Update _global.scss

* Update _header.scss

* Update _variables.scss
This commit is contained in:
Marek Ľach 2019-12-16 22:28:48 +01:00 committed by Ana Gelez
parent a9441a8804
commit 9ede06e7a3
6 changed files with 27 additions and 27 deletions

View File

@ -1,4 +1,4 @@
// Heading
/* Heading */
main header.article {
overflow: hidden;
background: $background;
@ -73,7 +73,7 @@ main .article-info {
}
}
// The article itself
/* The article itself */
main article {
max-width: $article-width;
margin: 2.5em auto;
@ -104,7 +104,7 @@ main article {
}
}
// Metadata under the article
/* Metadata under the article */
main .article-meta, main .article-meta button {
padding: 0;
font-size: 1.1em;
@ -129,7 +129,7 @@ main .article-meta {
font-size: 0.9em;
}
// Article Tags
/* Article Tags */
.tags {
list-style: none;
padding: 0px;
@ -154,7 +154,7 @@ main .article-meta {
}
}
// Likes & Boosts
/* Likes & Boosts */
.actions {
display: flex;
flex-direction: row;
@ -257,7 +257,7 @@ main .article-meta {
}
}
// Comments
/* Comments */
.comments {
margin: 0 $horizontal-margin;
@ -271,7 +271,7 @@ main .article-meta {
cursor: pointer;
}
// New comment form
/* New comment form */
> form input[type="submit"] {
font-size: 1em;
-webkit-appearance: none;
@ -421,7 +421,7 @@ main .article-meta {
}
// content warning
/* Content warning */
.cw-container {
position: relative;
display: inline-block;
@ -459,7 +459,7 @@ input:checked ~ .cw-container > .cw-text {
transform: translateY(-50%);
}
// Bottom action bar
/* Bottom action bar */
.bottom-bar {
z-index: 10;
@ -482,11 +482,11 @@ input:checked ~ .cw-container > .cw-text {
}
}
// Footnote related styles
/* Footnote related styles */
.footnote-definition {
p {
font-size: smaller;
// Make sur the definition is inline with the label-definition
/* Make sure the definition is inline with the label-definition */
display: inline;
}
}

View File

@ -1,6 +1,6 @@
@import '_variables';
// Color Scheme
/* Color Scheme */
$gray: #1a3854;
$black: #102e4a;
$white: #F8F8F8;

View File

@ -44,7 +44,7 @@ input[type="checkbox"] {
-webkit-appearance: checkbox;
}
/** Inline forms (containing only CSRF token and a <submit>, for protected links) **/
/* Inline forms (containing only CSRF token and a <submit>, for protected links) */
form.inline {
display: inline;
@ -111,7 +111,7 @@ input[type="submit"] {
-webkit-appearance: none;
}
// Writing page
/* The writing page */
form.new-post {
max-width: 60em;
.title {

View File

@ -68,7 +68,7 @@ small {
appearance: none;
}
/// Main
/* Main */
body > main > *, .h-feed > * {
margin: 1em $horizontal-margin;
}
@ -137,13 +137,13 @@ main {
}
}
/// Errors
/* Errors */
p.error {
color: $red;
font-weight: bold;
}
/// User page
/* User page */
.user h1 {
display: flex;
flex-direction: row;
@ -170,7 +170,7 @@ p.error {
margin: 2em 0px;
}
/// Cards
/* Cards */
.cards {
display: flex;
flex-direction: row;
@ -249,7 +249,7 @@ p.error {
}
}
/// Instance presentation
/* Instance presentation */
.presentation {
max-width: none;
@ -263,7 +263,7 @@ p.error {
}
}
// Stats
/* Stats */
.stats {
display: flex;
justify-content: space-around;
@ -287,7 +287,7 @@ p.error {
}
}
/// Pagination
/* Pagination */
.pagination {
display: flex;
justify-content: space-evenly;
@ -297,7 +297,7 @@ p.error {
}
}
/// Flex boxes
/* Flex boxes */
.flex {
display: flex;
flex-direction: row;
@ -332,7 +332,7 @@ p.error {
margin-right: 2em;
}
/// Footer
/* Footer */
body > footer {
display: flex;
align-content: center;

View File

@ -101,7 +101,7 @@ body > header {
}
}
// Only enable label animations on normal screens
/* Only enable label animations on large screens */
@media screen and (min-width: 600px) {
header nav a {
i {

View File

@ -1,4 +1,4 @@
// Color Scheme
/* Color Scheme */
$gray: #F3F3F3;
$black: #242424;
$white: #F8F8F8;
@ -16,13 +16,13 @@ $primary: $purple;
$primary-text-color: $white; // text color on primary background (buttons for instance)
$success-color: $green;
// Dimensions
/* Dimensions */
$article-width: 70ch;
$horizontal-margin: 20%;
$margin: 0 $horizontal-margin;
// Fonts
/* Fonts */
$route159: "Route159", serif;
$playfair: "Playfair Display", serif;