diff options
author | bogdankol <68349689+bogdankol@users.noreply.github.com> | 2024-04-11 12:50:59 +0300 |
---|---|---|
committer | bogdankol <68349689+bogdankol@users.noreply.github.com> | 2024-04-24 18:26:52 +0300 |
commit | eeafe1b3d73e1781a03886e39d0ed822111c523f (patch) | |
tree | 0efa6d3ddf9d2d348c11c763b252981dda59828c /sass/get-page | |
parent | 61843dd4547e7ed7e1949c2d8d1867b1957f4a20 (diff) | |
download | community.vyos.net-eeafe1b3d73e1781a03886e39d0ed822111c523f.tar.gz community.vyos.net-eeafe1b3d73e1781a03886e39d0ed822111c523f.zip |
restyled all pages
Diffstat (limited to 'sass/get-page')
-rw-r--r-- | sass/get-page/banner.sass | 82 | ||||
-rw-r--r-- | sass/get-page/main.sass | 7 |
2 files changed, 89 insertions, 0 deletions
diff --git a/sass/get-page/banner.sass b/sass/get-page/banner.sass new file mode 100644 index 0000000..ac6eb52 --- /dev/null +++ b/sass/get-page/banner.sass @@ -0,0 +1,82 @@ +@import ../settings + +.get-page + + .banner + background-color: $white + display: flex + justify-content: center + position: relative + overflow: hidden + +resolution(0, 575) + height: 232px + padding-top: 106px + +resolution(576, 991) + height: 248px + padding-top: 128px + +resolution(992) + height: 275px + padding-top: 128px + align-items: center + + h1 + letter-spacing: $em + +resolution(992) + font-size: 48px + +resolution(0, 991) + font-size: 28px + + p + letter-spacing: $px + font-weight: 600 + color: $grey-dark + margin-top: 16px + +resolution(992) + font-size: 18px + +resolution(0, 991) + font-size: 16px + + .containerCustom + position: unset + + .banner-div + width: 100% + border-bottom: 1px solid $grey-light3 + text-align: center + +resolution(0, 575) + padding-bottom: 32px + +resolution(576, 991) + padding-bottom: 54px + +resolution(992) + padding-bottom: 74px + + .left-shape + position: absolute + +resolution(992) + top: 0 + left: 0 + +resolution(576, 991) + top: -100px + left: -40px + +resolution(0, 575) + display: none + + img + width: 280px + height: 280px + + .right-shape + position: absolute + +resolution(992) + top: 0 + right: 0 + +resolution(576, 991) + top: -100px + right: -60px + +resolution(0, 575) + top: -100px + right: -60px + + img + width: 385px + height: 400px diff --git a/sass/get-page/main.sass b/sass/get-page/main.sass new file mode 100644 index 0000000..48f043a --- /dev/null +++ b/sass/get-page/main.sass @@ -0,0 +1,7 @@ +@import ../settings +@import banner + +.get-page + + .containerCustom + flex-direction: column
\ No newline at end of file |