diff --git a/assets/styles/sections/accomplishments.scss b/assets/styles/sections/accomplishments.scss index b922cae..c4e1ebb 100644 --- a/assets/styles/sections/accomplishments.scss +++ b/assets/styles/sections/accomplishments.scss @@ -1,9 +1,5 @@ .accomplishments-section { - h1 > span { - margin-top: -55px; /* Size of fixed header */ - padding-bottom: 55px; - display: block; - } + @include section-title-adjustment(); .card { background: #fff; diff --git a/assets/styles/sections/achievements.scss b/assets/styles/sections/achievements.scss index 142162e..e389c3c 100644 --- a/assets/styles/sections/achievements.scss +++ b/assets/styles/sections/achievements.scss @@ -1,14 +1,10 @@ .achievements-section { + @include section-title-adjustment(); + .container { padding-top: 0.5rem; } - h1 > span { - margin-top: -55px; /* Size of fixed header */ - padding-bottom: 55px; - display: block; - } - #gallery { .achievement-entry { margin-top: 5px; diff --git a/assets/styles/sections/education.scss b/assets/styles/sections/education.scss index a7683c0..1cb363a 100644 --- a/assets/styles/sections/education.scss +++ b/assets/styles/sections/education.scss @@ -1,9 +1,5 @@ .education-section { - h1 > span { - margin-top: -55px; /* Size of fixed header */ - padding-bottom: 55px; - display: block; - } + @include section-title-adjustment(); .card { &:hover, diff --git a/assets/styles/sections/experiences.scss b/assets/styles/sections/experiences.scss index 1df94fa..df639b4 100644 --- a/assets/styles/sections/experiences.scss +++ b/assets/styles/sections/experiences.scss @@ -1,11 +1,7 @@ .experiences-section { - padding-bottom: 1rem; + @include section-title-adjustment(); - h1 > span { - margin-top: -55px; /* Size of fixed header */ - padding-bottom: 55px; - display: block; - } + padding-bottom: 1rem; ul { padding-left: 1rem; diff --git a/assets/styles/sections/publications.scss b/assets/styles/sections/publications.scss index 675ceb2..ba2ee1d 100644 --- a/assets/styles/sections/publications.scss +++ b/assets/styles/sections/publications.scss @@ -1,9 +1,5 @@ .publications-section { - h1 > span { - margin-top: -55px; /* Size of fixed header */ - padding-bottom: 55px; - display: block; - } + @include section-title-adjustment(); .card { background: #fff; diff --git a/assets/styles/variables.scss b/assets/styles/variables.scss index 6a6dda5..8316c48 100644 --- a/assets/styles/variables.scss +++ b/assets/styles/variables.scss @@ -7,3 +7,11 @@ $breakpoints: ( extra-large: 1536px, ultra-large: 2560px, ); + +@mixin section-title-adjustment(){ + h1 > span { + margin-top: -55px; /* Size of fixed header */ + padding-bottom: 55px; + display: block; + } +}