Remove useless styles (less is more)
This commit is contained in:
parent
8ec1faf573
commit
081b89cfe0
|
@ -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%; }
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -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 }
|
|
||||||
}
|
|
|
@ -1,17 +1,12 @@
|
||||||
@import 'mobile';
|
|
||||||
@import 'widgets';
|
|
||||||
|
|
||||||
.nav-menu {
|
.nav-menu {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
> a { margin: 0 1rem; } // Spacing entries
|
> a { margin: 0 1rem; } // Spacing entries
|
||||||
color: black;
|
|
||||||
padding: 0.5rem; // Leaving background space around entries
|
padding: 0.5rem; // Leaving background space around entries
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background-color: rgb(239, 239, 239);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
article > div:first-child > h1, section > h1:first-child {
|
article > div:first-child > h1, section > h1:first-child {
|
||||||
|
@ -30,7 +25,6 @@ article > div:first-child {
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagination {
|
.pagination {
|
||||||
background-color: rgb(239, 239, 239);
|
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
> a {
|
> a {
|
||||||
|
@ -45,11 +39,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
.source {
|
.source {
|
||||||
background-color: rgb(239, 239, 239);
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-bubble {
|
|
||||||
max-width: 30%;
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in New Issue