diff options
| author | Ahmed Abdelhalim <[email protected]> | 2021-07-04 23:12:33 +0200 |
|---|---|---|
| committer | Ahmed Abdelhalim <[email protected]> | 2021-07-04 23:12:33 +0200 |
| commit | 3455b28a2d83d4af43b5313991bc84e29bbd7395 (patch) | |
| tree | 61ce42059dbc633dfddedb43b4384bb7e60fcffb /app/stylesheets | |
| parent | 39932dd71d54055692ba9985a233905f7066be7a (diff) | |
Convert the skills section to use BEM convention
Diffstat (limited to 'app/stylesheets')
| -rw-r--r-- | app/stylesheets/print/skills.styl | 13 | ||||
| -rw-r--r-- | app/stylesheets/web/skills.styl | 24 |
2 files changed, 37 insertions, 0 deletions
diff --git a/app/stylesheets/print/skills.styl b/app/stylesheets/print/skills.styl new file mode 100644 index 0000000..63c04d6 --- /dev/null +++ b/app/stylesheets/print/skills.styl @@ -0,0 +1,13 @@ +.skills__content { + margin-top: 1.5em +} + +.skills__content__title { + min-width: 12% + margin-left: 15px +} + +.skills__content__items { + margin-bottom: 0.1em + margin-left: 15px +} diff --git a/app/stylesheets/web/skills.styl b/app/stylesheets/web/skills.styl new file mode 100644 index 0000000..9432b96 --- /dev/null +++ b/app/stylesheets/web/skills.styl @@ -0,0 +1,24 @@ +.skills { +} + +.skills__header { +} + +.skills__content { + display: flex + flex-flow: row wrap + +} + +.skills__content__title { + min-width: 14% + text-align: right + font-weight: 900 +} + +.skills__content__items { + width: 80% + margin-bottom: 0.1em + margin-left: 25px +} + |