erin
/
website
1
1
Fork 0
Code Issues Pull Requests Releases Activity

Mobile friendly code blocks, header distinction

This commit is contained in:
~erin 2022-03-05 14:25:21 -05:00
parent f0dabed8b7
commit e4373bfaea
No known key found for this signature in database
GPG Key ID: DA70E064A8C70F44
2 changed files with 39 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
_scss/_formatting.scss
View File

@ -1,6 +1,10 @@
// Buttons
.button {
margin-right: 10px;
margin-bottom: 25px;
@media only screen and (max-width: 600px) {
margin: auto;
}
padding: 10px;
padding-left: 15px;
padding-right: 15px;
@ -74,13 +78,46 @@ blockquote blockquote blockquote blockquote blockquote blockquote blockquote {
code, pre {
font-family: "Fira Code", monospace;
//overflow: scroll;
overflow: auto;
border-radius: 10px;
padding: 10px;
background: $background-color !important;
box-shadow: inset 5px 5px 10px #070708,
inset -5px -5px 10px #151518;
@media only screen and (min-width: 600px) {
display: inline-block;
max-width: 18cm;
}
}
@media only screen and (max-width: 600px) {
code {
display: inline-block;
max-width: 95%;
}
}
h1 {
font-size: 30px;
font-weight: normal;
border-bottom: 4px solid #F28FAD;
}
h2 {
font-size: 25px;
font-weight: normal;
margin-top: 1cm;
margin-bottom: 0;
border-bottom: 2px solid #F8BD96;
}
h3 {
font-size: 22px;
font-weight: normal;
margin-top: 1cm;
margin-bottom: 0;
}
::selection {

2
style.scss
View File

@ -4,4 +4,4 @@ $light-color: #E2ADF2;
$dark-color: #2A1E5C;
$accent-color: #EE4266;
@import '_scss/base', '_scss/formatting', '_scss/navigation', '_scss/footer';
@import '_scss/base', '_scss/formatting', '_scss/navigation', '_scss/footer', '_scss/image';