andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Completed new landing page

Browse Source 
Updated counters position, added contribution guidelines, made some minor changes here and there.
This commit is contained in:
Angelos Chalaris
2018-04-07 13:53:40 +03:00
parent a26dd71354
commit 67df91d7c3
2 changed files with 235 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
docs/mini/flavor.scss
View File

@ -545,7 +545,7 @@ button#disclaimer-close{
}
}
h2.index-section {
h2 {
border-left: 0.3125rem solid #de4a6d;
padding-left: 0.625rem;
margin-top: 2rem;
@ -575,18 +575,38 @@ h2.index-section {
#in-numbers {
background: #111; //#3f88c5; //#e15554;
padding-top: 1.25rem;
@media screen and (max-width: 767px){
padding-bottom: 1rem;
}
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #fff;
svg {
fill: #fff;
@media screen and (min-width: 768px){
position: relative;
top: 20px;
left: -34px;
width: 32px;
height: 32px;
}
}
p {
overflow-wrap: break-word;
@media screen and (min-width: 768px){
position: relative;
top: -24px;
left: 22px;
font-size: 0.75rem;
}
margin-top: 0;
font-size: 0.625rem;
margin-bottom: 0;
}
}
#snippet-count, #contrib-count, #commit-count, #test-count {
font-size: 1.5rem;
font-size: 1rem;
@media screen and (min-width: 768px){
font-size: 1.25rem;
}
}
ul#links {
@ -658,3 +678,47 @@ ul#links {
}
}
}
.card.fluid.contribution-guideline {
overflow: visible;
margin-top: 3rem;
padding-bottom: 0.25rem;
h3 {
padding-top: 0.5rem;
text-align: center;
}
}
.contribution-guideline + .contribution-guideline {
&:before, &:after {
content: '';
position: relative;
top: -2.75rem;
width: 0.375rem;
height: 0.375rem;
background: #ddd;
border: 0.03125rem solid #d0d0d0;
border-radius: 100%;
left: calc(50% - 0.1875rem);
box-shadow: inset -0.03125rem -0.03125rem 0.03125rem rgba(0,0,0,0.05);
}
&:after {
position: absolute;
top: - 1.875rem;
}
}
.contribution-number {
position: absolute;
top: -1.125rem;
left: calc(50% - 1.125rem);
font-size: 1.5rem;
background: linear-gradient(135deg, rgba(255,174,39,1) 0%,rgba(222,73,109,1) 100%);
border: 0.03125 solid #ddd;
width: 2.25rem;
text-align: center;
height: 2.25rem;
border-radius: 100%;
font-weight: 700;
color: #fff;
}