div.actions {
position: absolute;
- top: 1rem;
- right: 1rem;
+ top: 0.5rem;
+ left: 1rem;
+ z-index: 100;
a {
- margin-left: 1rem;
+ margin-right: 1rem;
}
}
}
.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;
+ color: lighten($text-color, 40%);
}
}