From 7c5bedb028fdc3af504283b0363e3f6f3161b86c Mon Sep 17 00:00:00 2001 From: ddeveloper72 Date: Mon, 28 Nov 2022 18:52:08 +0000 Subject: [PATCH] re-init git --- .gitignore | 1 - Linkedin Profile.code-workspace | 2 +- sass/abstracts/_mixins.scss | 7 + sass/abstracts/_variables.scss | 16 ++ sass/base/_base.scss | 25 +++ sass/base/_typography.scss | 64 ++++++ sass/base/_utilities.scss | 3 + sass/components/_button.scss | 83 ++++++++ sass/components/_form.scss | 51 +++++ sass/layout/_footer.scss | 47 +++++ sass/layout/_header.scss | 0 sass/layout/_navigation.scss | 69 +++++++ sass/main.css | 336 +++++++++++++++++++++++++++++++ sass/main.css.map | 20 ++ sass/main.scss | 15 ++ sass/pages/_home.scss | 18 ++ static/css/.vscode/settings.json | 2 - static/css/main.css | 336 +++++++++++++++++++++++++++++++ static/css/main.css.map | 20 ++ static/img/IESS.jpg | Bin 0 -> 2379 bytes 20 files changed, 1111 insertions(+), 4 deletions(-) create mode 100644 sass/abstracts/_mixins.scss create mode 100644 sass/abstracts/_variables.scss create mode 100644 sass/base/_base.scss create mode 100644 sass/base/_typography.scss create mode 100644 sass/base/_utilities.scss create mode 100644 sass/components/_button.scss create mode 100644 sass/components/_form.scss create mode 100644 sass/layout/_footer.scss create mode 100644 sass/layout/_header.scss create mode 100644 sass/layout/_navigation.scss create mode 100644 sass/main.css create mode 100644 sass/main.css.map create mode 100644 sass/main.scss create mode 100644 sass/pages/_home.scss delete mode 100644 static/css/.vscode/settings.json create mode 100644 static/css/main.css create mode 100644 static/css/main.css.map create mode 100644 static/img/IESS.jpg diff --git a/.gitignore b/.gitignore index 682e065..4775338 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,4 @@ .venv .code-workspace -env .vscode/settings.json *.code-workspace \ No newline at end of file diff --git a/Linkedin Profile.code-workspace b/Linkedin Profile.code-workspace index 46ede51..6cf9434 100644 --- a/Linkedin Profile.code-workspace +++ b/Linkedin Profile.code-workspace @@ -5,7 +5,7 @@ } ], "settings": { - "python.pythonPath": "env\\Scripts\\python.exe" + "python.pythonPath": ".venv\\Scripts\\python.exe" }, } \ No newline at end of file diff --git a/sass/abstracts/_mixins.scss b/sass/abstracts/_mixins.scss new file mode 100644 index 0000000..76e2ac7 --- /dev/null +++ b/sass/abstracts/_mixins.scss @@ -0,0 +1,7 @@ +@mixin clearfix { + &::after { + content: ""; + display: table; + clear: both; + } +} \ No newline at end of file diff --git a/sass/abstracts/_variables.scss b/sass/abstracts/_variables.scss new file mode 100644 index 0000000..7b5876c --- /dev/null +++ b/sass/abstracts/_variables.scss @@ -0,0 +1,16 @@ +$color-black: #212529; + +$color-white: #fff; +$color-grey-dark-1: #777; +$color-grey-dark-2: #6d6d6d; +$color-grey-dark-3: #333; + +$color-focus-valid: #58a206; +$color-focus-invalid: #ef950e; + +// FONT +$default-font-size: 1.6rem; + +// BORERS +$border-rad-small: .3rem; +$border-rad-big: 5rem; diff --git a/sass/base/_base.scss b/sass/base/_base.scss new file mode 100644 index 0000000..9bf5f04 --- /dev/null +++ b/sass/base/_base.scss @@ -0,0 +1,25 @@ +*, +*::after, +*::before { + /* capture any before and after pseudo-elements in universal selector */ + margin: 0; + padding: 0; + box-sizing: inherit; +} + +html { + font-size: 62.5%; // this is also what 1rem is. + /* 100% is a based on default 16px. We prefer 10px */ + /* so calculate the percentage 100/16 = 0.625 => 62.5% */ + /* We can now use a function that will let a user change */ + /* the font-size to suit their needs. eg they may select size 20 */ + /* and we give them .625*20 = 12.5px */ + /* Note that rem doesn't work on sites written for IE9 or older. */ + +} + +body { + /* enable inheritance of box-sizing for later customization */ + box-sizing: border-box; + // padding: 3rem; +} \ No newline at end of file diff --git a/sass/base/_typography.scss b/sass/base/_typography.scss new file mode 100644 index 0000000..e48d52b --- /dev/null +++ b/sass/base/_typography.scss @@ -0,0 +1,64 @@ +a { + color: inherit; +} + +a:hover { + color: inherit; + text-decoration: none; +} + +body { + font-family: "Lato", sans-serif; + font-weight: 400; + /* font-size: 16px; */ + line-height: 1.7; + color: $color-grey-dark-3; +} + +.title_heading, +.intro { + text-align: center +} + +.uppercase { + text-transform: uppercase; +} + +.heading-secondary { + font-size: 2.5rem; + text-transform: uppercase; + font-weight: 700; + display: inline-block; + background-image: linear-gradient(to right, $color-grey-dark-3, $color-grey-dark-2); + // clip the background color to the same template as the text + -webkit-background-clip: text; + background-clip: text; + // make the text transparent so the background color can be visible + color: transparent; + letter-spacing: .2rem; + text-shadow: .05rem .6rem .4rem rgba($color-black, .6); + + &-icon { + transition: all .6s; + transform: translateY(.6rem) scale(1); + @include clearfix; + + &:hover { + transform: translateY(-.2rem) scale(1.12); + text-shadow: .06rem .6rem .42rem rgba($color-black, .8) + + } + } +} + +.heading-tertiary { + font-size: 2rem; + text-transform: capitalize; + font-weight: 900; + display: inline-block; + + &-sub { + + } + +} diff --git a/sass/base/_utilities.scss b/sass/base/_utilities.scss new file mode 100644 index 0000000..0fb45d6 --- /dev/null +++ b/sass/base/_utilities.scss @@ -0,0 +1,3 @@ +.utility-margin-bottom-std { + margin-bottom: 4rem; +} \ No newline at end of file diff --git a/sass/components/_button.scss b/sass/components/_button.scss new file mode 100644 index 0000000..fdf74fb --- /dev/null +++ b/sass/components/_button.scss @@ -0,0 +1,83 @@ +.btn { + + &, + &:link, + &:visited { + text-transform: uppercase; + text-decoration: none; + padding: 1.5rem 4rem; + display: inline-block; + border-radius: $border-rad-big; + transition: all .2s; + /* define button position for btn-white::after */ + position: relative; + font-size: $default-font-size; + + // Change for the