div.actions {
position: absolute;
- top: 1rem;
- right: 1rem;
+ top: 0.5rem;
+ left: 1rem;
+ z-index: 100;
a {
- margin-left: 1rem;
+ margin-right: 1rem;
}
}
-main {
+main, footer {
margin: 0 4em;
padding: 1em;
- background: #fafaff;
max-width: 70em;
+}
+
+main {
+ position: relative;
+ background: #fafaff;
min-height: 70vh;
clip-path: polygon(0px 0px, 96.35% -24px, 101.99% 7.86%, 100.61% 103.56%, 10% 100%, 0% 100%, 0px 0px);
}
.home {
- a {
+ nav a {
text-transform: uppercase;
- display: block;
+ display: inline-block;
text-decoration: none;
font-size: 500%;
font-weight: bold;
padding-top: 0.5em;
line-height: 50%;
+ width: 100%;
span {
font-size: 30%;
}
- margin-bottom: 2rem;
+ margin-bottom: 1rem;
+ &.divers {
+ width: 49%;
+ }
+ &.vrac {
+ width: 49%;
+ text-align: right;
+ float: right;
+ }
+ }
+ .latest {
+ margin-top: 2em;
+ h2 {
+ margin: 0;
+ font-size: 400%;
+ font-weight: bold;
+ text-transform: uppercase;
+ }
+ .meta {
+ padding-top: 0.5rem;
+ padding-left: 0.5rem;
+ color: lighten($text-color, 40%);
+ }
}
}
border: 1px solid gray;
padding: 3px;
}
+ .caption {
+ margin-top: 0;
+ font-style: italic;
+ }
+ }
+ p {
+ line-height: 160%;
+ }
+ code,
+ pre.screen {
+ background: #111;
+ color: white;
+ padding: 2px;
}
div.meta {
margin-top: 3em;
font-size: 60%;
}
}
+}
+
+.older.post-list {
+ margin: 5em 0 2em 0;
+ padding: 1em 0;
+ border-top: 0.1em dotted $link-color;
+ border-bottom: 0.1em dotted $link-color;
+ line-height: 200%;
+ li {
+ display: inline;
+ a {
+ padding-top: 0;
+ display: inline;
+ font-size: 120%;
+ }
+ }
+}
+
+footer {
+ p {
+ text-align: right;
+ font-size: 100%;
+ }
+}
+#style-popup {
+ background: white;
+ button {
+ padding: 0;
+ height: 2em;
+ width: 2em;
+ text-align: center;
+ background: #eee;
+ border: 1px outset #ccc;
+ margin-right: 1px;
+ &:hover {
+ background: #ccc;
+ }
+ }
}