summaryrefslogtreecommitdiffstats
path: root/app/base.styl
diff options
context:
space:
mode:
authorAhmed Abdelhalim <[email protected]>2021-07-05 12:11:46 +0200
committerAhmed Abdelhalim <[email protected]>2021-07-05 12:11:46 +0200
commit34eff40627683a108324ddc03e6bee2cc9b7ab5a (patch)
treeba6dd78e51897c4855424457c78b38760da6fbae /app/base.styl
parentd2ae7fb89b94e725b74e7bd54ee4eb548783d044 (diff)
Restructure file names for web and fix minor linting issues
Diffstat (limited to 'app/base.styl')
-rw-r--r--app/base.styl119
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
- }
- }
- }
-}