From 34eff40627683a108324ddc03e6bee2cc9b7ab5a Mon Sep 17 00:00:00 2001 From: Ahmed Abdelhalim Date: Mon, 5 Jul 2021 12:11:46 +0200 Subject: Restructure file names for web and fix minor linting issues --- app/base.styl | 119 ---------------------------------------------------------- 1 file changed, 119 deletions(-) delete mode 100644 app/base.styl (limited to 'app/base.styl') diff --git a/app/base.styl b/app/base.styl deleted file mode 100644 index dd17ea6..0000000 --- a/app/base.styl +++ /dev/null @@ -1,119 +0,0 @@ -secondaryColor = #DB0A16 - -body { - font-family: "PT Sans", Arial, sans-serif - max-width: 1024px - min-width: 375px - margin: 0 auto - float: none -} - -main { - margin-left: 1cm - margin-right: 1cm -} - - -a:link, a:visited, a:hover, a:active { - text-decoration: none - color: inherit - border-bottom: 1px solid secondaryColor -} - -.section-header { - display: flex - flex-direction: row - margin-bottom: -0.3em - - &:before { - content: ""; - border-bottom: 1px solid - margin: auto; - margin-right: 0.5em - flex: 5 5; - } - - &:after { - content: ""; - border-bottom: 1px solid - margin: auto; - margin-left: 0.5em - flex: 100 0; - } -} - -@require "stylesheets/web/header.styl" -@require "stylesheets/web/summary.styl" -@require "stylesheets/web/skills.styl" -@require "stylesheets/web/writing.styl" -@require "stylesheets/web/projects.styl" -@require "stylesheets/web/education.styl" - -.work { - article { - ul { - margin-top: 0.4em - } - - p { - margin-top: 0.4em - margin-bottom: 0.4em - } - } - - article > .info { - display: flex - flex-flow: row wrap - justify-content: space-between; - number: 2 - - @media screen and (max-width: 740px) { - flex-flow: column wrap - } - - // company - h2 { - order: 0 - min-width: 50% - margin-top: 0.2em - margin-bottom: 0 - } - - // title - em:nth-of-type(1) { - order: 2 - min-width: 50% - - @media screen and (max-width: 740px) { - order: 1 - } - } - - // location - em:nth-of-type(2) { - order 1 - min-width: 50% - text-align: right - align-self: flex-end - - @media screen and (max-width: 740px) { - order: 2 - text-align: left - align-self: flex-start - } - } - - // duration - em:nth-of-type(3) { - order: 3 - min-width: 50% - text-align: right - align-self: flex-end - - @media screen and (max-width: 740px) { - text-align: left - align-self: flex-start - } - } - } -} -- cgit v1.2.3