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,42 +148,26 @@ hr {
/* ------------------ QUOTE ------------------- */
blockquote {
border-top: 0px;
border-left: 0.15em;
border-right: 0px;
border-bottom: 0px;
border-color: rgba(1, 1, 1, 0.15);
border-width: 0 0 0 0.15em;
border-style: solid;
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%;
border-color: rgba(1, 1, 1, 0.15); }
.night-mode blockquote {
border-color: rgba(255, 255, 255, 0.15); }
pre {
border-top: 0px;
border-left: 0.15em;
border-right: 0px;
border-bottom: 0px;
border-color: rgba(1, 1, 1, 0.2);
border-width: 0 0 0 0.15em;
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;
margin: 0.5em 0.1em 0.5em 0.1em;
padding: 0 1em 0 1em;
max-width: 100%;
border-color: rgba(1, 1, 1, 0.2);
background-color: #EEE;
overflow-x: scroll; }
.night-mode pre {
background-color: #222;
border-color: rgba(255, 255, 255, 0.2); }

View file

@ -180,52 +180,39 @@ hr {
/* ------------------ QUOTE ------------------- */
blockquote {
border-top: 0px;
border-left: 0.15em;
border-right: 0px;
border-bottom: 0px;
border-color: rgba(1, 1, 1, 0.15);
@mixin well() {
border-width: 0 0 0 0.15em;
border-style: solid;
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 {
@include well();
border-color: rgba(1, 1, 1, 0.15);
.night-mode & {
border-color: rgba(255, 255, 255, 0.15)
}
}
pre {
border-top: 0px;
border-left: 0.15em;
border-right: 0px;
border-bottom: 0px;
@include well();
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;
max-width:100%;
overflow-x: scroll;
}
.night-mode pre {
.night-mode & {
background-color:#222;
border-color:rgba(255,255,255,0.20);
}
}
/* ------------------ SPECIAL STYLING ------------------- */