scss: port blockquote and pre to scss

This commit is contained in:
Kazhnuz 2018-10-13 17:05:57 +02:00
parent e00d30fc13
commit f7b69f7347
2 changed files with 35 additions and 64 deletions

View file

@ -148,45 +148,29 @@ hr {
/* ------------------ QUOTE ------------------- */ /* ------------------ QUOTE ------------------- */
blockquote { blockquote {
border-top: 0px; border-width: 0 0 0 0.15em;
border-left: 0.15em;
border-right: 0px;
border-bottom: 0px;
border-color: rgba(1, 1, 1, 0.15);
border-style: solid; border-style: solid;
border-radius: 3px; border-radius: 3px;
margin: 0.5em; margin: 0.5em 0.1em 0.5em 0.1em;
margin-left: 0.1em; padding: 0 1em 0 1em;
margin-right: 0.1em; max-width: 100%;
padding: 0em; border-color: rgba(1, 1, 1, 0.15); }
padding-left: 1em; .night-mode blockquote {
padding-right: 1em; border-color: rgba(255, 255, 255, 0.15); }
max-width: 100%; }
.night-mode blockquote {
border-color: rgba(255, 255, 255, 0.15); }
pre { pre {
border-top: 0px; border-width: 0 0 0 0.15em;
border-left: 0.15em;
border-right: 0px;
border-bottom: 0px;
border-color: rgba(1, 1, 1, 0.2);
border-style: solid; border-style: solid;
border-radius: 3px; border-radius: 3px;
margin: 0px; margin: 0.5em 0.1em 0.5em 0.1em;
margin-left: 0.1em; padding: 0 1em 0 1em;
margin-right: 0.1em;
padding: 0.5em;
padding-left: 1em;
padding-right: 1em;
background-color: #EEE;
max-width: 100%; max-width: 100%;
border-color: rgba(1, 1, 1, 0.2);
background-color: #EEE;
overflow-x: scroll; } overflow-x: scroll; }
.night-mode pre {
.night-mode pre { background-color: #222;
background-color: #222; border-color: rgba(255, 255, 255, 0.2); }
border-color: rgba(255, 255, 255, 0.2); }
/* ------------------ SPECIAL STYLING ------------------- */ /* ------------------ SPECIAL STYLING ------------------- */
mark { mark {

View file

@ -180,52 +180,39 @@ hr {
/* ------------------ QUOTE ------------------- */ /* ------------------ QUOTE ------------------- */
blockquote { @mixin well() {
border-top: 0px; border-width: 0 0 0 0.15em;
border-left: 0.15em;
border-right: 0px;
border-bottom: 0px;
border-color: rgba(1, 1, 1, 0.15);
border-style: solid; border-style: solid;
border-radius: 3px; border-radius: 3px;
margin: 0.5em;
margin-left: 0.1em;
margin-right: 0.1em;
padding: 0em;
padding-left: 1em;
padding-right: 1em;
max-width: 100% margin: 0.5em 0.1em 0.5em 0.1em;
padding: 0 1em 0 1em;
max-width: 100%;
} }
.night-mode blockquote { blockquote {
border-color: rgba(255, 255, 255, 0.15) @include well();
border-color: rgba(1, 1, 1, 0.15);
.night-mode & {
border-color: rgba(255, 255, 255, 0.15)
}
} }
pre { pre {
border-top: 0px; @include well();
border-left: 0.15em;
border-right: 0px;
border-bottom: 0px;
border-color: rgba(1,1,1,0.20); border-color: rgba(1,1,1,0.20);
border-style: solid;
border-radius: 3px;
margin: 0px;
margin-left: 0.1em;
margin-right: 0.1em;
padding: 0.5em;
padding-left: 1em;
padding-right: 1em;
background-color:#EEE; background-color:#EEE;
max-width:100%;
overflow-x: scroll; overflow-x: scroll;
.night-mode & {
background-color:#222;
border-color:rgba(255,255,255,0.20);
}
} }
.night-mode pre {
background-color:#222;
border-color:rgba(255,255,255,0.20);
}
/* ------------------ SPECIAL STYLING ------------------- */ /* ------------------ SPECIAL STYLING ------------------- */