southerntofu
/
zola-water
1
0
Fork 0
Code Issues 9 Pull Requests Releases Wiki Activity

Remove useless styles (less is more)

This commit is contained in:
southerntofu 2020-04-19 02:01:51 +02:00
parent 8ec1faf573
commit 081b89cfe0
3 changed files with 0 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
sass/_mobile.scss
View File

@ -1,7 +0,0 @@
@media screen and (max-width: 62em) {
// Do not overflow the ASCII art on smaller screens
header {
> pre { font-size: 0.4em; }
> .widget-bubble { max-width: 60%; }
}
}

72
sass/_widgets.scss
View File

@ -1,72 +0,0 @@
.widget-bubble {
background: #efefef;
border: 1px solid #a7a7a7;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
margin: 0 auto;
position: relative;
}
.widget-bubble-arrow::after {
content: "";
position: absolute;
}
.widget-bubble-arrow::before {
content: "";
position: absolute;
}
.widget-bubble-arrow {
position: absolute;
}
.widget-bubble-left {
> .widget-bubble-arrow { left: 15px; }
> .widget-bubble-arrow::before {
left: 5px;
border-right: 23px solid transparent;
}
> .widget-bubble-arrow::after {
left: 6px;
border-right: 21px solid transparent;
}
}
.widget-bubble-right {
> .widget-bubble-arrow { right: 15px; }
> .widget-bubble-arrow::before {
right: 5px;
border-left: 23px solid transparent;
}
> .widget-bubble-arrow::after {
right: 6px;
border-left: 21px solid transparent;
}
}
.widget-bubble-bottom {
> .widget-bubble-arrow::after {
border-top: 21px solid #efefef;
bottom: 4px;
}
> .widget-bubble-arrow::before {
border-top: 23px solid #a7a7a7;
bottom: 2px;
}
> .widget-bubble-arrow { bottom: -25px }
}
.widget-bubble-top {
> .widget-bubble-arrow::after {
border-bottom: 21px solid #efefef;
top: 4px;
}
> .widget-bubble-arrow::before {
border-bottom: 23px solid #a7a7a7;
top: 2px;
}
> .widget-bubble-arrow { top: -25px }
}

11
sass/style.scss
View File

@ -1,17 +1,12 @@
@import 'mobile';
@import 'widgets';
.nav-menu {
font-weight: bold;
> a { margin: 0 1rem; } // Spacing entries
color: black;
padding: 0.5rem; // Leaving background space around entries
}
header {
text-align: center;
font-weight: bold;
background-color: rgb(239, 239, 239);
}
article > div:first-child > h1, section > h1:first-child {
@ -30,7 +25,6 @@ article > div:first-child {
}
.pagination {
background-color: rgb(239, 239, 239);
margin-top: 1rem;
text-align: center;
> a {
@ -45,11 +39,6 @@ main {
}
.source {
background-color: rgb(239, 239, 239);
text-align: center;
font-weight: bold;
}
.widget-bubble {
max-width: 30%;
}