Feat: import h. and aside css elements from DEV

This commit is contained in:
Bertrand Benjamin 2020-06-26 11:19:22 +02:00
parent 380a16c158
commit f47fe95757
2 changed files with 25 additions and 126 deletions

View File

@ -16,11 +16,13 @@ h6 {
}
h1{
font-size: 2.4em
font-size: 3em;
}
h2 {
font-size: 2em
font-size: 2em;
background-color: @light-grey;
padding: 4px;
}
h3 {
@ -76,6 +78,15 @@ aside {
color: @sidebar-text-color;
text-align: center;
h1,
h2,
h3,
h4,
h5,
h6 {
background-color: @sidebar-bg;
}
a {
color: @sidebar-link-color;
}
@ -94,7 +105,11 @@ aside {
}
h1 {
margin: 15px 0 5px 0;
margin: 15px 0 20px 0;
}
h2 {
margin: 25px 0 0 0;
}
p {
@ -104,9 +119,10 @@ aside {
}
nav {
ul {
ul.list {
padding: 0;
li {
display: inline;
display: block;
line-height: 1.6em;
font-size: 1em;
text-transform: lowercase;
@ -382,92 +398,6 @@ ul.social {
line-height: 36px;
}
a.sc-facebook {
background-color: @facebook-bg-color;
}
a.sc-google {
background-color: @google-bg-color;
}
a.sc-instagram {
background-color: @instagram-bg-color;
}
a.sc-pinterest {
background-color: @pinterest-bg-color;
}
a.sc-linkedin {
background-color: @linkedin-bg-color;
}
a.sc-medium {
background-color: @medium-bg-color;
}
a.sc-rss {
background-color: @rss-bg-color;
}
a.sc-stack-overflow {
background-color: @stack-overflow-bg-color;
}
a.sc-tumblr {
background-color: @tumblr-bg-color;
}
a.sc-twitter {
background-color: @twitter-bg-color;
}
a.sc-youtube {
background-color: @youtube-bg-color;
}
a.sc-github, a.sc-github-alt {
background-color: @github-bg-color;
}
a.sc-envelope-o {
background-color: @email-bg-color;
}
a.sc-reddit {
background-color: @reddit-bg-color;
}
a.sc-soundcloud {
background-color: @soundcloud-bg-color;
}
a.sc-gitlab {
background-color: @gitlab-bg-color;
}
a.sc-xing {
background-color: @xing-bg-color;
}
a.sc-bitbucket {
background-color: @bitbucket-bg-color;
}
}
.ads-aside {
display: inline-block;
height: 90px;
width: 70%;
}
.ads-responsive {
display: inline-block;
margin: 6px 0 6px 0;
width: 90%;
height: 70px;
margin-left: 5%;
}
//
@ -476,7 +406,8 @@ ul.social {
@media screen and (min-width: 768px) {
aside {
width: 25%;
width: 20%;
max-width: 250px;
height: 100%;
position: fixed;
top: 0;
@ -506,7 +437,7 @@ ul.social {
height: 100%;
position: absolute;
top: 0;
left: 25%;
right: 2.5%;
article {
@ -522,11 +453,4 @@ ul.social {
}
}
.ads-aside {
height: 250px;
}
.ads-responsive {
height: 90px;
}
}

File diff suppressed because one or more lines are too long