tarasis
/
rmcg.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

nearly, so nearly there

This commit is contained in:
Robert McGovern 2020-09-02 17:27:58 +01:00
parent 84cf8bf073
commit 09a4391efe
1 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
FrontendMentor/huddle-landing-page-with-single-introductory-section-master/css/style.css
View File

@ -93,15 +93,6 @@ h1 {
line-height: 20px; line-height: 20px;
vertical-align: middle; vertical-align: middle;
font-size: 19px; font-size: 19px;
/* padding: 5px; */
/* border: 2px solid #fff;
border-radius: 50%;
height: 64px;
width: 64px;
position: relative;
left: 8px;
color: transparent; */
} }
.circleIcon:hover { .circleIcon:hover {
@ -142,6 +133,7 @@ h1 {
margin: 0; margin: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.siteBlurb { .siteBlurb {
@ -154,20 +146,24 @@ h1 {
} }
.siteBlurb h1 { .siteBlurb h1 {
margin: 1rem 2rem; margin: 1.625rem 2rem 0rem 2rem;
font-weight: 400;
font-size: 1.5rem; font-size: 1.5rem;
} }
.siteBlurb p { .siteBlurb p {
margin:0; margin:0.75rem 2.25rem;
font-size: 1rem;
line-height: 1.5rem;
} }
.registerButton { .registerButton {
margin-top: 0.875rem;
background-color: white; background-color: white;
color: var(--site-color); color: var(--site-color);
font-size: 19px; font-size: 12px;
border: none; border: none;
padding: 17px 64px; padding: 13px 76px;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;
@ -180,26 +176,32 @@ h1 {
.socialButtonsSection { .socialButtonsSection {
/* display: block; */ /* display: block; */
text-align: center; text-align: center;
margin:0;
margin-top: 3rem;
} }
.socialButtonsSection i { .socialButtonsSection i {
/* padding: 0.5rem; */ /* padding: 0.5rem; */
/* margin-left: 0.5rem; margin-left: 0.25rem;
margin-top: 0.9375rem; margin-top: 0.9375rem;
margin-right: 0; */ margin-right: 0;
} }
.circleIcon { .circleIcon {
margin: 0; margin: 0;
padding: 0;
color: white; color: white;
background: transparent; background: transparent;
border: 1.75px solid #fff; border: 1.5px solid #fff;
width: 20px; width: 9px;
height: 20px; height: 9px;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
line-height: 20px; line-height: 11px;
vertical-align: middle; /* vertical-align: middle; */
font-size: 19px; align-content: center;
font-size: 14px;
} }
.attribution { margin: 10px 0;}
} }