-
Notifications
You must be signed in to change notification settings - Fork 4
New jen #69
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
New jen #69
Changes from all commits
82d8e28
630b8c5
d98787e
28e3e33
48e9aac
0060f15
2d274f3
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -54,7 +54,7 @@ footer { | |
| width: 100%; | ||
|
|
||
| @include above($small-screen) { | ||
| text-align: center; | ||
| text-align: left; | ||
| } | ||
|
|
||
| li { | ||
|
|
@@ -73,7 +73,7 @@ footer { | |
| } | ||
|
|
||
| .contact, | ||
| .social, | ||
| /* .social, // social icons in centre */ | ||
| nav { | ||
| flex: 1; | ||
| } | ||
|
|
@@ -93,11 +93,12 @@ footer { | |
| } | ||
|
|
||
| .social_icons { | ||
| padding-top: 15px; | ||
| padding-top: 20px; | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Properties should be ordered font-size, letter-spacing, padding-top |
||
| font-size: $large-font-size; | ||
| letter-spacing: $xsm-space; | ||
|
|
||
| img { | ||
| max-width: 35px; | ||
| padding-right: 10px; | ||
| @include above($medium-screen) { | ||
| display: none; | ||
| } | ||
| } | ||
| } | ||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -20,54 +20,51 @@ | |
| } | ||
|
|
||
| p { | ||
| line-height: $base-line-height; | ||
| padding-bottom: 60px; | ||
| line-height: $base-line-height; | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Line should be indented 4 spaces, but was indented 2 spaces |
||
| padding-bottom: 60px; | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Line should be indented 4 spaces, but was indented 2 spaces |
||
| } | ||
|
|
||
| /* social icons */ | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Use |
||
| @include above($medium-screen) { | ||
| #social_side_links { | ||
| list-style: none; | ||
| padding: 60; | ||
|
|
||
| #social_side_links | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Avoid using id selectors |
||
| { | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Opening curly brace |
||
| font-size: $med-font-size; | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Properties should be ordered background, border-radius, font-size, line-height, padding, position, right, text-align, top, z-index |
||
| position: fixed; | ||
| right: 20px; | ||
| top: 100px; | ||
| right: 30px; | ||
| z-index: 99; | ||
| padding: 12px; | ||
| background: $grey; | ||
| border-radius: $round-border; | ||
| text-align: center; | ||
| line-height: $larger-space; | ||
| } | ||
|
|
||
| #social_side_links li a { | ||
| display: block; | ||
| } | ||
|
|
||
| #social_side_links li a img { | ||
| background-color: $grey; | ||
| border-radius: 0; | ||
| display: block; | ||
| max-width: 45px; | ||
| padding: 10px; | ||
| transition: background .2s ease-in-out; | ||
| } | ||
|
|
||
| #social_side_links li a:hover img { | ||
| background: rgba(0, 0, 0, .9); | ||
| } | ||
| #social_side_links a {color: $white;} | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Avoid using id selectors |
||
| } | ||
|
|
||
| @include on($medium-screen) { | ||
| #social_side_links { | ||
|
|
||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Line contains trailing whitespace |
||
| #social_side_links | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Avoid using id selectors |
||
| { | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Opening curly brace |
||
| display: none; | ||
| } | ||
| } | ||
|
|
||
| /* end social icons */ | ||
|
|
||
| section { | ||
| padding-top: $med-space; | ||
| padding-left: $med-space; | ||
| padding-right: $med-space; | ||
|
|
||
| padding-bottom: $xxxl-space; | ||
| padding-left: $med-space; | ||
| padding-right: xxl-space; | ||
| padding-top: $med-space; | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Line contains trailing whitespace |
||
| text-align: left; | ||
| } | ||
| } | ||
|
|
||
| .photos { | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Line should be indented 2 spaces, but was indented 4 spaces |
||
| @include squairy-light-background; | ||
| } | ||
|
|
||
| .photos { | ||
| @include squairy-light-background; | ||
|
|
@@ -142,7 +139,8 @@ | |
| padding-right: $xxl-space; | ||
| font-weight: bold; | ||
| letter-spacing: 2px; | ||
| text-shadow: 2px 2px 4px #000000; | ||
| padding-right: $xxl-space; | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Property |
||
| text-shadow: 2px 2px 4px $grey; | ||
|
|
||
| @include above($small-screen) { | ||
| font-size: $xxl-font-size; | ||
|
|
@@ -154,15 +152,11 @@ | |
| h2 { | ||
| font-size: $base-line-height; | ||
| padding-right: $xxl-space; | ||
|
|
||
| @include above($medium-screen) { | ||
| } | ||
| } | ||
| } | ||
|
|
||
| #events { | ||
| @include above($small-screen) { | ||
|
|
||
| background: transparent; | ||
|
|
||
| h2 { | ||
|
|
@@ -252,6 +246,7 @@ | |
| font-size: $normal-font-size; | ||
| } | ||
|
|
||
|
|
||
| .apply-to-demo { | ||
| background-color: $background-color; | ||
| border-radius: $base-border-radius; | ||
|
|
||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Merge rule
.linkedin::beforewith rule on line 44