From ace3552e67f793a67a7e1598260900fc8b608947 Mon Sep 17 00:00:00 2001 From: Youssef Raafat Date: Sat, 11 Jan 2020 02:29:52 +0200 Subject: [PATCH] Refactor Sass Files --- _sass/_404.scss | 127 ++++++++++++++++------ _sass/_base.scss | 55 +--------- _sass/_blog.scss | 241 ++++++++++++++++++++++-------------------- _sass/_footer.scss | 21 ++++ _sass/_landing.scss | 28 +++++ _sass/_navbar.scss | 49 ++++----- _sass/_projects.scss | 20 ++-- _sass/_skills.scss | 110 +++++++++++-------- _sass/_timeline.scss | 88 +++++++-------- _sass/autumn.scss | 126 +++++++++++----------- _sass/portfolYOU.scss | 2 + 11 files changed, 478 insertions(+), 389 deletions(-) create mode 100644 _sass/_footer.scss create mode 100644 _sass/_landing.scss diff --git a/_sass/_404.scss b/_sass/_404.scss index 9dbdb4fe0..276cb01cf 100644 --- a/_sass/_404.scss +++ b/_sass/_404.scss @@ -1,18 +1,60 @@ -.cls-1 { fill: #ffc541 } -.cls-2 { fill: #4e4066 } -.cls-3 { fill: #6f5b92 } -.cls-4 { fill: #f78d5e } -.cls-5 { fill: #fa976c } -.cls-6 { fill: #b65c32; opacity: 0.6; } -.cls-7 { fill: #b65c32; opacity: 0.4; } -.cls-8 { fill: #b65c32 } -.cls-9 { fill: #f4b73b } -.cls-10 { opacity: 0.6 } -.cls-11 { fill: #f9c358 } -.cls-12 { fill: #9b462c } -.cls-13 { fill: #aa512e } -.cls-14 { fill: #7d6aa5 } +.cls-1 { + fill: #ffc541; +} + +.cls-2 { + fill: #4e4066; +} + +.cls-3 { + fill: #6f5b92; +} + +.cls-4 { + fill: #f78d5e; +} + +.cls-5 { + fill: #fa976c; +} + +.cls-6 { + fill: #b65c32; + opacity: 0.6; +} +.cls-7 { + fill: #b65c32; + opacity: 0.4; +} + +.cls-8 { + fill: #b65c32; +} + +.cls-9 { + fill: #f4b73b; +} + +.cls-10 { + opacity: 0.6; +} + +.cls-11 { + fill: #f9c358; +} + +.cls-12 { + fill: #9b462c; +} + +.cls-13 { + fill: #aa512e; +} + +.cls-14 { + fill: #7d6aa5; +} /* animations */ @@ -28,7 +70,7 @@ animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } 100% { - transform: rotate(960deg) + transform: rotate(960deg); } } @@ -46,7 +88,7 @@ @keyframes clock-rotate { 100% { - transform: rotate(360deg) + transform: rotate(360deg); } } @@ -58,7 +100,7 @@ @keyframes box-top-anim { 50% { - transform: rotate(-5deg) + transform: rotate(-5deg); } } @@ -85,7 +127,7 @@ @keyframes cup-rotate { 50% { - transform: rotate(-5deg) + transform: rotate(-5deg); } } @@ -97,10 +139,10 @@ @keyframes pillow-anim { 25% { - transform: rotate(10deg) translateY(5px) + transform: rotate(10deg) translateY(5px); } 75% { - transform: rotate(-10deg) + transform: rotate(-10deg); } } @@ -112,10 +154,10 @@ @keyframes stripe-anim { 25% { - transform: translate(10px, 0) rotate(-10deg) + transform: translate(10px, 0) rotate(-10deg); } 75% { - transform: translateX(10px) + transform: translateX(10px); } } @@ -125,14 +167,14 @@ @keyframes bike-anim { 0% { - transform: translateX(-1300px) + transform: translateX(-1300px); } 50% { transform: translateX(0); animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 100% { - transform: translateX(1300px) + transform: translateX(1300px); } } @@ -144,7 +186,7 @@ @keyframes ruck-anim { 50% { - transform: rotate(5deg) + transform: rotate(5deg); } } @@ -155,16 +197,33 @@ perspective: 0px; } -.circle.c1 { animation-duration: 2s } -.circle.c2 { animation-duration: 3s } -.circle.c3 { animation-duration: 1s } -.circle.c4 { animation-duration: 1s } -.circle.c5 { animation-duration: 2s } -.circle.c6 { animation-duration: 3s } +.circle.c1 { + animation-duration: 2s; +} + +.circle.c2 { + animation-duration: 3s; +} + +.circle.c3 { + animation-duration: 1s; +} + +.circle.c4 { + animation-duration: 1s; +} + +.circle.c5 { + animation-duration: 2s; +} + +.circle.c6 { + animation-duration: 3s; +} @keyframes circle-anim { 50% { - transform: scale(.2) rotateX(360deg) rotateY(360deg) + transform: scale(0.2) rotateX(360deg) rotateY(360deg); } } @@ -193,6 +252,6 @@ @keyframes four-anim { 50% { - transform: scale(.98) + transform: scale(0.98); } -} \ No newline at end of file +} diff --git a/_sass/_base.scss b/_sass/_base.scss index 8d1d1b5a0..bf54cf8e0 100644 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -1,58 +1,7 @@ body { - font-family: 'Poppins', sans-serif; + font-family: "Poppins", sans-serif; } .badge { - font-weight: 500; -} - -// Fine Circle Responsive Image -// Inspired by https://stackoverflow.com/a/6615994/10194811 -#container { - display: inline-block; - position: relative; - width: 100%; -} - -#dummy { - padding-top: 100%; /* 1:1 aspect ratio */ -} - -#element { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; -} - -.circle-image { - width: 100%; - height: 100%; - border-radius: 50%; - object-fit: cover; - object-position: center; -} - -// Footer -.social { - text-decoration: none !important; -} - -#attribution { - opacity: 0.5; - a { - text-decoration: none; - font-weight: bold; - } -} - -@media only screen and (min-width: 768px) { - #attribution { - writing-mode: vertical-rl; - transform: rotate(180deg); - position: fixed; - bottom: 56px; - right: 22px; - } + font-weight: 500; } diff --git a/_sass/_blog.scss b/_sass/_blog.scss index b2f4c9e47..ea53bcd15 100644 --- a/_sass/_blog.scss +++ b/_sass/_blog.scss @@ -1,137 +1,144 @@ .search-box { - box-shadow:none !important; + box-shadow: none !important; } .post.card { - border-radius: $rounded-borders; - text-decoration: none!important; - padding: 15px; - height: 100%; - - .card-footer { - font-size: 14px; - margin: 0 -15px -15px -15px; - padding: 15px 35px; - } + border-radius: $rounded-borders; + text-decoration: none !important; + padding: 15px; + height: 100%; + + .card-footer { + font-size: 14px; + margin: 0 -15px -15px -15px; + padding: 15px 35px; + } } .post { - - .post-metadata { - font-size: 14px; - margin-top: -6px; + .post-metadata { + font-size: 14px; + margin-top: -6px; + } + + .tag:hover { + background-color: $primary; + color: white !important; + } + + footer { + font-size: 10px; + color: #6c757d; + text-decoration: underline; + text-decoration-color: yellow; + text-align: right; + margin-top: 4em; + margin-right: 2em; + } + + h1, + h2 { + margin-top: 32px; + } + + hr { + background: $secondary; + } + + img:not(.emoji) { + display: block; + max-width: 100%; + height: auto; + margin: 1rem auto; + } + + .video { + position: relative; + padding-bottom: 56.25%; + margin-bottom: 1rem; + width: 100%; + iframe { + position: absolute; + height: 100%; + width: 100%; } + } - .tag:hover { - background-color: $primary; - color: white !important; - } + a:not(.btn):not([class^="carousel-"]):not([class^="list-"]):not(.no-underline) { + display: inline-block; + text-decoration: none; - footer { - font-size: 10px; - color: #6c757d; - text-decoration: underline; - text-decoration-color: yellow; - text-align: right; - margin-top: 4em; - margin-right: 2em; + &:hover { + color: $primary; } - - h1, h2 { margin-top: 32px; } - - hr { background: $secondary; } - - img:not(.emoji) { - display: block; - max-width: 100%; - height: auto; - margin: 1rem auto; + &::after { + content: ""; + display: block; + height: 0.15em; + margin-top: -0.15em; + width: 0; + background: $primary; + transition: width 0.35s; } - .video { - position: relative; - padding-bottom: 56.25%; - margin-bottom: 1rem; - width: 100%; - iframe { - position: absolute; - height: 100%; - width: 100%; - } + &:hover::after { + width: 100%; } - - a:not(.btn):not([class^="carousel-"]):not([class^="list-"]):not(.no-underline) { - display: inline-block; - text-decoration: none; - - &:hover { color: $primary; } - - &::after { - content: ''; - display: block; - height: .15em; - margin-top: -.15em; - width: 0; - background: $primary; - transition: width .35s; - } - - &:hover::after { width: 100%; } - } - - pre { - background: $light; - border: 1px solid #ddd; - color: $dark; - font-family: monospace; - font-size: 14px; - line-height: 20px; - margin-bottom: 1.6em; - max-width: 100%; - padding: 1em 1.5em; - display: block; - page-break-inside: avoid; - overflow: auto; - word-wrap: break-word; + } + + pre { + background: $light; + border: 1px solid #ddd; + color: $dark; + font-family: monospace; + font-size: 14px; + line-height: 20px; + margin-bottom: 1.6em; + max-width: 100%; + padding: 1em 1.5em; + display: block; + page-break-inside: avoid; + overflow: auto; + word-wrap: break-word; + } + + code.highlighter-rouge { + background-color: $light; + color: $dark; + border-radius: 3px; + margin: 0; + padding: 0.2em 0.65em; + } + + blockquote { + border-left: 0.25em solid $primary; + color: $secondary; + padding: 0 1em; + } + + table { + display: block; + overflow-x: auto; + margin: 1rem 0; + + td { + border: 1px solid #ddd; + padding: 8px 16px; } - code.highlighter-rouge { - background-color: $light; - color: $dark; - border-radius: 3px; - margin: 0; - padding: .2em .65em; + th { + @extend td; + padding-top: 12px; + padding-bottom: 12px; + font-weight: 500; + text-align: left; + background-color: $primary; + color: white; } - blockquote { - border-left: .25em solid $primary; - color: $secondary; - padding: 0 1em; - } - - table { - display: block; - overflow-x: auto; - margin: 1rem 0; - - td { - border: 1px solid #ddd; - padding: 8px 16px; - } - - th { - @extend td; - padding-top: 12px; - padding-bottom: 12px; - font-weight: 500; - text-align: left; - background-color: $primary; - color: white; - } - - tr:nth-child(even) { - background-color: $light; - } + tr:nth-child(even) { + background-color: $light; } -} \ No newline at end of file + } +} diff --git a/_sass/_footer.scss b/_sass/_footer.scss new file mode 100644 index 000000000..e2b17dbc0 --- /dev/null +++ b/_sass/_footer.scss @@ -0,0 +1,21 @@ +.social { + text-decoration: none !important; +} + +#attribution { + opacity: 0.5; + a { + text-decoration: none; + font-weight: bold; + } +} + +@media only screen and (min-width: 768px) { + #attribution { + writing-mode: vertical-rl; + transform: rotate(180deg); + position: fixed; + bottom: 56px; + right: 22px; + } +} diff --git a/_sass/_landing.scss b/_sass/_landing.scss new file mode 100644 index 000000000..94737208d --- /dev/null +++ b/_sass/_landing.scss @@ -0,0 +1,28 @@ +// Fine Circle Responsive Image +// Inspired by https://stackoverflow.com/a/6615994/10194811 + +#container { + display: inline-block; + position: relative; + width: 100%; +} + +#dummy { + padding-top: 100%; /* 1:1 aspect ratio */ +} + +#element { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} + +.circle-image { + width: 100%; + height: 100%; + border-radius: 50%; + object-fit: cover; + object-position: center; +} diff --git a/_sass/_navbar.scss b/_sass/_navbar.scss index 69dea842d..fec04eff3 100644 --- a/_sass/_navbar.scss +++ b/_sass/_navbar.scss @@ -1,34 +1,35 @@ .link-after { - content: ''; - display: block; - height: .15em; - background: $primary; + content: ""; + display: block; + height: 0.15em; + background: $primary; } -.nav-link, .navbar-brand { - &::after { - @extend .link-after; - width: 0; - transition: width .35s; - } +.nav-link, +.navbar-brand { + &::after { + @extend .link-after; + width: 0; + transition: width 0.35s; + } - &:hover::after { - width: 100%; - } + &:hover::after { + width: 100%; + } } .nav-item.active { - font-weight: bold; - - &::after { - @extend .link-after; - width: 100%!important; - } + font-weight: bold; + + &::after { + @extend .link-after; + width: 100% !important; + } } .navbar-brand { - margin-bottom: -14px; - &::after { - margin-top: -.25em; - } -} \ No newline at end of file + margin-bottom: -14px; + &::after { + margin-top: -0.25em; + } +} diff --git a/_sass/_projects.scss b/_sass/_projects.scss index 97f80c0e3..f38514f11 100644 --- a/_sass/_projects.scss +++ b/_sass/_projects.scss @@ -1,13 +1,13 @@ .project.card { - border-radius: $rounded-borders; - text-decoration: none!important; - margin: 10px auto; + border-radius: $rounded-borders; + text-decoration: none !important; + margin: 10px auto; - .card-img-top { - border-radius: $rounded-borders $rounded-borders 0 0; - } + .card-img-top { + border-radius: $rounded-borders $rounded-borders 0 0; + } - &:hover:not(.post) { - box-shadow: -2px 8px 40px -12px rgba(0, 0, 0, .24); - } -} \ No newline at end of file + &:hover:not(.post) { + box-shadow: -2px 8px 40px -12px rgba(0, 0, 0, 0.24); + } +} diff --git a/_sass/_skills.scss b/_sass/_skills.scss index 7489fafd2..69cdd480a 100644 --- a/_sass/_skills.scss +++ b/_sass/_skills.scss @@ -1,51 +1,73 @@ .skill { - margin-bottom: 35px; - position: relative; - overflow: hidden; - - > p { - margin: 0; - font-size: 18px; - } - - &:before{ - width: 100%; - height: 5px; - content: ""; - display: block; - position: absolute; - background: $light; - bottom: 0; - } -} + margin-bottom: 35px; + position: relative; + overflow: hidden; -.skill-bar { + > p { + margin: 0; + font-size: 18px; + } + + &:before { width: 100%; height: 5px; - background: $primary; + content: ""; display: block; - position: relative; - - span{ - position: absolute; - border-top: 5px solid inherit; - top: -30px; - padding: 0; - font-size: 18px; - padding: 3px 0; - font-weight: 500; - right: 0; - } -} - -.skill-bar.skill-bar-secondary { background: $secondary; } -.skill-bar.skill-bar-success { background: $success; } -.skill-bar.skill-bar-info { background: $info; } -.skill-bar.skill-bar-warning { background: $warning; } -.skill-bar.skill-bar-danger { background: $danger; } -.skill-bar.skill-bar-light { background: $light; } -.skill-bar.skill-bar-dark { background: $dark; } + position: absolute; + background: $light; + bottom: 0; + } +} + +.skill-bar { + width: 100%; + height: 5px; + background: $primary; + display: block; + position: relative; + + span { + position: absolute; + border-top: 5px solid inherit; + top: -30px; + padding: 0; + font-size: 18px; + padding: 3px 0; + font-weight: 500; + right: 0; + } +} + +.skill-bar.skill-bar-secondary { + background: $secondary; +} + +.skill-bar.skill-bar-success { + background: $success; +} + +.skill-bar.skill-bar-info { + background: $info; +} + +.skill-bar.skill-bar-warning { + background: $warning; +} + +.skill-bar.skill-bar-danger { + background: $danger; +} + +.skill-bar.skill-bar-light { + background: $light; +} + +.skill-bar.skill-bar-dark { + background: $dark; +} @for $i from 0 through 100 { - .skill-#{$i} { width: percentage($i/100); } -} \ No newline at end of file + .skill-#{$i} { + width: percentage($i/100); + } +} diff --git a/_sass/_timeline.scss b/_sass/_timeline.scss index d689bcbb7..f86a65585 100644 --- a/_sass/_timeline.scss +++ b/_sass/_timeline.scss @@ -1,47 +1,47 @@ .timeline-body { - position: relative; - background-color: $light; - border-radius: 0 $rounded-borders $rounded-borders 0; - padding: 5px 0; - - &:after { - // Left Border - content: ''; - width: 4px; - height: 100%; - background-color: $primary; - position: absolute; - left: -4px; - top: 0; + position: relative; + background-color: $light; + border-radius: 0 $rounded-borders $rounded-borders 0; + padding: 5px 0; + + &:after { + // Left Border + content: ""; + width: 4px; + height: 100%; + background-color: $primary; + position: absolute; + left: -4px; + top: 0; + } + + .timeline-item { + position: relative; + + &:after { + // Circle + content: ""; + width: 20px; + height: 20px; + border-radius: 50%; + border: 4px solid $primary; + background-color: $light; + position: absolute; + left: -12px; + top: 8px; + z-index: 10; } - - .timeline-item { - position: relative; - - &:after { - // Circle - content: ''; - width: 20px; - height: 20px; - border-radius: 50%; - border: 4px solid $primary; - background-color: $light; - position: absolute; - left: -12px; - top: 8px; - z-index: 10; - } - - .content { - margin: 40px; - padding-bottom: 20px; - border-bottom: 1px dashed $dark; - .date { - margin-top: -5px; - margin-bottom: 15px; - color: #6c757d; - } - } - } -} \ No newline at end of file + .content { + margin: 40px; + padding-bottom: 20px; + border-bottom: 1px dashed $dark; + + .date { + margin-top: -5px; + margin-bottom: 15px; + color: #6c757d; + } + } + } +} diff --git a/_sass/autumn.scss b/_sass/autumn.scss index c85591176..218232e82 100644 --- a/_sass/autumn.scss +++ b/_sass/autumn.scss @@ -1,67 +1,67 @@ // Syntax highlighting for code blocks // Get it from here https://github.com/richleland/pygments-css -.highlight .c { color: #aaaaaa; font-style: italic } /* Comment */ +.highlight .w { color: #bbbbbb } /* Text.Whitespace */ +.highlight .k { color: #0000aa } /* Keyword */ +.highlight .m { color: #009999 } /* Literal.Number */ +.highlight .s { color: #aa5500 } /* Literal.String */ +.highlight .c { color: #aaaaaa; font-style: italic } /* Comment */ +.highlight .cp { color: #4c8317 } /* Comment.Preproc */ +.highlight .gd { color: #aa0000 } /* Generic.Deleted */ +.highlight .gr { color: #aa0000 } /* Generic.Error */ +.highlight .gi { color: #00aa00 } /* Generic.Inserted */ +.highlight .go { color: #888888 } /* Generic.Output */ +.highlight .gp { color: #555555 } /* Generic.Prompt */ +.highlight .gt { color: #aa0000 } /* Generic.Traceback */ +.highlight .kc { color: #0000aa } /* Keyword.Constant */ +.highlight .kd { color: #0000aa } /* Keyword.Declaration */ +.highlight .kn { color: #0000aa } /* Keyword.Namespace */ +.highlight .kp { color: #0000aa } /* Keyword.Pseudo */ +.highlight .kr { color: #0000aa } /* Keyword.Reserved */ +.highlight .kt { color: #00aaaa } /* Keyword.Type */ +.highlight .na { color: #1e90ff } /* Name.Attribute */ +.highlight .nb { color: #00aaaa } /* Name.Builtin */ +.highlight .nc { color: #00aa00 } /* Name.Class */ +.highlight .no { color: #aa0000 } /* Name.Constant */ +.highlight .nd { color: #888888 } /* Name.Decorator */ +.highlight .nf { color: #00aa00 } /* Name.Function */ +.highlight .nn { color: #00aaaa } /* Name.Namespace */ +.highlight .nv { color: #aa0000 } /* Name.Variable */ +.highlight .ow { color: #0000aa } /* Operator.Word */ +.highlight .mb { color: #009999 } /* Literal.Number.Bin */ +.highlight .mf { color: #009999 } /* Literal.Number.Float */ +.highlight .mh { color: #009999 } /* Literal.Number.Hex */ +.highlight .mi { color: #009999 } /* Literal.Number.Integer */ +.highlight .mo { color: #009999 } /* Literal.Number.Oct */ +.highlight .sa { color: #aa5500 } /* Literal.String.Affix */ +.highlight .sb { color: #aa5500 } /* Literal.String.Backtick */ +.highlight .sc { color: #aa5500 } /* Literal.String.Char */ +.highlight .dl { color: #aa5500 } /* Literal.String.Delimiter */ +.highlight .sd { color: #aa5500 } /* Literal.String.Doc */ +.highlight .s2 { color: #aa5500 } /* Literal.String.Double */ +.highlight .se { color: #aa5500 } /* Literal.String.Escape */ +.highlight .sh { color: #aa5500 } /* Literal.String.Heredoc */ +.highlight .si { color: #aa5500 } /* Literal.String.Interpol */ +.highlight .sx { color: #aa5500 } /* Literal.String.Other */ +.highlight .sr { color: #009999 } /* Literal.String.Regex */ +.highlight .s1 { color: #aa5500 } /* Literal.String.Single */ +.highlight .ss { color: #0000aa } /* Literal.String.Symbol */ +.highlight .bp { color: #00aaaa } /* Name.Builtin.Pseudo */ +.highlight .fm { color: #00aa00 } /* Name.Function.Magic */ +.highlight .vc { color: #aa0000 } /* Name.Variable.Class */ +.highlight .vg { color: #aa0000 } /* Name.Variable.Global */ +.highlight .vi { color: #aa0000 } /* Name.Variable.Instance */ +.highlight .vm { color: #aa0000 } /* Name.Variable.Magic */ +.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .c1 { color: #aaaaaa; font-style: italic } /* Comment.Single */ +.highlight .cs { color: #0000aa; font-style: italic } /* Comment.Special */ +.highlight .ch { color: #aaaaaa; font-style: italic } /* Comment.Hashbang */ +.highlight .cm { color: #aaaaaa; font-style: italic } /* Comment.Multiline */ +.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */ +.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */ +.highlight .ni { color: #880000; font-weight: bold } /* Name.Entity */ +.highlight .nt { color: #1e90ff; font-weight: bold } /* Name.Tag */ .highlight .err { color: #FF0000 } /* Error */ -.highlight .k { color: #0000aa } /* Keyword */ -.highlight .ch { color: #aaaaaa; font-style: italic } /* Comment.Hashbang */ -.highlight .cm { color: #aaaaaa; font-style: italic } /* Comment.Multiline */ -.highlight .cp { color: #4c8317 } /* Comment.Preproc */ -.highlight .cpf { color: #aaaaaa; font-style: italic } /* Comment.PreprocFile */ -.highlight .c1 { color: #aaaaaa; font-style: italic } /* Comment.Single */ -.highlight .cs { color: #0000aa; font-style: italic } /* Comment.Special */ -.highlight .gd { color: #aa0000 } /* Generic.Deleted */ -.highlight .ge { font-style: italic } /* Generic.Emph */ -.highlight .gr { color: #aa0000 } /* Generic.Error */ -.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */ -.highlight .gi { color: #00aa00 } /* Generic.Inserted */ -.highlight .go { color: #888888 } /* Generic.Output */ -.highlight .gp { color: #555555 } /* Generic.Prompt */ -.highlight .gs { font-weight: bold } /* Generic.Strong */ -.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */ -.highlight .gt { color: #aa0000 } /* Generic.Traceback */ -.highlight .kc { color: #0000aa } /* Keyword.Constant */ -.highlight .kd { color: #0000aa } /* Keyword.Declaration */ -.highlight .kn { color: #0000aa } /* Keyword.Namespace */ -.highlight .kp { color: #0000aa } /* Keyword.Pseudo */ -.highlight .kr { color: #0000aa } /* Keyword.Reserved */ -.highlight .kt { color: #00aaaa } /* Keyword.Type */ -.highlight .m { color: #009999 } /* Literal.Number */ -.highlight .s { color: #aa5500 } /* Literal.String */ -.highlight .na { color: #1e90ff } /* Name.Attribute */ -.highlight .nb { color: #00aaaa } /* Name.Builtin */ -.highlight .nc { color: #00aa00 } /* Name.Class */ -.highlight .no { color: #aa0000 } /* Name.Constant */ -.highlight .nd { color: #888888 } /* Name.Decorator */ -.highlight .ni { color: #880000; font-weight: bold } /* Name.Entity */ -.highlight .nf { color: #00aa00 } /* Name.Function */ -.highlight .nn { color: #00aaaa } /* Name.Namespace */ -.highlight .nt { color: #1e90ff; font-weight: bold } /* Name.Tag */ -.highlight .nv { color: #aa0000 } /* Name.Variable */ -.highlight .ow { color: #0000aa } /* Operator.Word */ -.highlight .w { color: #bbbbbb } /* Text.Whitespace */ -.highlight .mb { color: #009999 } /* Literal.Number.Bin */ -.highlight .mf { color: #009999 } /* Literal.Number.Float */ -.highlight .mh { color: #009999 } /* Literal.Number.Hex */ -.highlight .mi { color: #009999 } /* Literal.Number.Integer */ -.highlight .mo { color: #009999 } /* Literal.Number.Oct */ -.highlight .sa { color: #aa5500 } /* Literal.String.Affix */ -.highlight .sb { color: #aa5500 } /* Literal.String.Backtick */ -.highlight .sc { color: #aa5500 } /* Literal.String.Char */ -.highlight .dl { color: #aa5500 } /* Literal.String.Delimiter */ -.highlight .sd { color: #aa5500 } /* Literal.String.Doc */ -.highlight .s2 { color: #aa5500 } /* Literal.String.Double */ -.highlight .se { color: #aa5500 } /* Literal.String.Escape */ -.highlight .sh { color: #aa5500 } /* Literal.String.Heredoc */ -.highlight .si { color: #aa5500 } /* Literal.String.Interpol */ -.highlight .sx { color: #aa5500 } /* Literal.String.Other */ -.highlight .sr { color: #009999 } /* Literal.String.Regex */ -.highlight .s1 { color: #aa5500 } /* Literal.String.Single */ -.highlight .ss { color: #0000aa } /* Literal.String.Symbol */ -.highlight .bp { color: #00aaaa } /* Name.Builtin.Pseudo */ -.highlight .fm { color: #00aa00 } /* Name.Function.Magic */ -.highlight .vc { color: #aa0000 } /* Name.Variable.Class */ -.highlight .vg { color: #aa0000 } /* Name.Variable.Global */ -.highlight .vi { color: #aa0000 } /* Name.Variable.Instance */ -.highlight .vm { color: #aa0000 } /* Name.Variable.Magic */ -.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ \ No newline at end of file +.highlight .cpf { color: #aaaaaa; font-style: italic } /* Comment.PreprocFile */ \ No newline at end of file diff --git a/_sass/portfolYOU.scss b/_sass/portfolYOU.scss index 5bb59cb15..b9e1aeee3 100644 --- a/_sass/portfolYOU.scss +++ b/_sass/portfolYOU.scss @@ -9,6 +9,8 @@ "autumn", "base", "blog", + "footer", + "landing", "navbar", "projects", "skills",