diff options
| author | Ahmed Abdelhalim <[email protected]> | 2021-07-05 12:11:46 +0200 |
|---|---|---|
| committer | Ahmed Abdelhalim <[email protected]> | 2021-07-05 12:11:46 +0200 |
| commit | 34eff40627683a108324ddc03e6bee2cc9b7ab5a (patch) | |
| tree | ba6dd78e51897c4855424457c78b38760da6fbae /app/base.styl | |
| parent | d2ae7fb89b94e725b74e7bd54ee4eb548783d044 (diff) | |
Restructure file names for web and fix minor linting issues
Diffstat (limited to 'app/base.styl')
| -rw-r--r-- | app/base.styl | 119 |
1 files changed, 0 insertions, 119 deletions
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 - } - } - } -} |
