Skip to content

Instantly share code, notes, and snippets.

@HarryUK HarryUK/mytheme.scss
Last active Jun 29, 2018

Embed
What would you like to do?
My SpeechMore theme
// Animation
@keyframes fader {
0% {
opacity: 0;
transform: translateY(25%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
$dark-gray: #1e1e1e;
$light-gray: #494949;
$basically-black: #0f0f0f;
$text: white;
div {
animation: 1s fader ease;
}
& {
display: block;
background-color: $dark-gray;
h1, h2, h3 ,h4 ,h5 ,h6, p, pre {
color: $text !important;
}
* p {
color: $text !important;
}
min-height: 100vh !important;
* {
outline: 0px !important;
}
+ .footer {
background-color: $dark-gray;
text-align: center;
align-content: center;
vertical-align: middle;
height: 50px;
padding-bottom: 5rem;
& + .container p {
color: $text !important;
}
&::before {
content: "Developer Information:";
color: #626262;
font-size: 11px;
font-weight: bolder;
}
}
.comment-header-text, .d-inline-block {
color: #605e5e;
}
}
.content-column {
display: inline-flex;
flex-direction: column;
justify-content: center;
vertical-align: middle;
margin: 0 auto;
}
.sidebar {
h4::after {
content: "CSS GOD";
margin-left: 5px;
font-size: 10px;
display: inline-block;
vertical-align: middle;
border-radius: 5px;
padding: 2px;
font-weight: bolder;
border: 1px solid black;
background: red;
color:black;
}
}
.hljs {
background-color: $basically-black;
color: $text;
.hljs-name {
color: $text !important;
}
.hljs-tag {
color: red !important;
}
}
.section {
& pre, .CodeMirror-scroll {
background: $basically-black;
border-radius: 5px;
color: $text;
}
&.list.posts {
padding-bottom: 0px;
&::before {
content: "Posts:";
color: red;
font-size: 20px;
display: flex;
justify-content: center;
margin-bottom: 20px;
}
}
&.list-item.post {
color: $text;
background: $basically-black;
padding: 35px 44px;
border-radius: 8px;
margin: -5px auto 55px auto;
width: 90%;
word-wrap: break-word;
}
}
.sidebar-column, .sidebar {
text-align: center;
.rounded {
border-radius: 100% !important;
height: 100%;
}
.nav.flex-column {
text-align: left;
}
.text-muted {
color: $light-gray !important;
}
}
.editor-toolbar {
border:0;
background: $basically-black;
a {
color :red !important;
}
& i.separator {
border-left: 1px solid #f00;
border-right: 1px solid #f00;
}
}
.CodeMirror-scroll {
height: 100%;
width: 100%;
overflow: hidden !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.