From 65c3270cf09da3c2c70a0d595afd09a671876305 Mon Sep 17 00:00:00 2001 From: Bartlomiej Karbownik Date: Mon, 19 Feb 2024 15:37:23 +0100 Subject: [PATCH] Mixin for desktop --- src/styles/blocks/header.scss | 12 ++- src/styles/utils/extends.css | 1 - src/styles/utils/extends.css.map | 1 - src/styles/utils/mixins.css | 1 - src/styles/utils/mixins.css.map | 1 - src/styles/utils/mixins.scss | 7 ++ src/styles/utils/reset.css | 126 ------------------------------- src/styles/utils/reset.css.map | 1 - src/styles/utils/vars.css | 1 - src/styles/utils/vars.css.map | 1 - 10 files changed, 12 insertions(+), 140 deletions(-) delete mode 100644 src/styles/utils/extends.css delete mode 100644 src/styles/utils/extends.css.map delete mode 100644 src/styles/utils/mixins.css delete mode 100644 src/styles/utils/mixins.css.map delete mode 100644 src/styles/utils/reset.css delete mode 100644 src/styles/utils/reset.css.map delete mode 100644 src/styles/utils/vars.css delete mode 100644 src/styles/utils/vars.css.map diff --git a/src/styles/blocks/header.scss b/src/styles/blocks/header.scss index c776491989..c80a1f38ea 100644 --- a/src/styles/blocks/header.scss +++ b/src/styles/blocks/header.scss @@ -1,13 +1,11 @@ +@use '../utils/mixins' as *; + .header { background-color: black; background-image: url(/src/images/header-background.jpg); background-repeat:no-repeat; background-size: cover; - // display: flex; - // flex-direction: column; - // justify-content: space-between; - min-height: 100vh; padding: 0 20px 80px; box-sizing: border-box; @@ -19,7 +17,7 @@ grid-template-rows: 1fr 1fr; gap: 20px; - @media (min-width: 1020px) { + @include for-desktop{ grid-template-columns: repeat(12, 63px); grid-template-rows: 1fr 1fr; gap: 24px; @@ -30,7 +28,7 @@ grid-column: 1 / 3; grid-row : 1 / 2; - @media (min-width: 1020px) { + @include for-desktop { grid-column: 1 / 13; } } @@ -40,7 +38,7 @@ grid-column: 1 / 3; grid-row: 2 / 3; - @media (min-width: 1020px) { + @include for-desktop { grid-column: 1 / 13; } } diff --git a/src/styles/utils/extends.css b/src/styles/utils/extends.css deleted file mode 100644 index b95637e165..0000000000 --- a/src/styles/utils/extends.css +++ /dev/null @@ -1 +0,0 @@ -/*# sourceMappingURL=extends.css.map */ \ No newline at end of file diff --git a/src/styles/utils/extends.css.map b/src/styles/utils/extends.css.map deleted file mode 100644 index 937d31ff3f..0000000000 --- a/src/styles/utils/extends.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":[],"names":[],"mappings":"","file":"extends.css"} \ No newline at end of file diff --git a/src/styles/utils/mixins.css b/src/styles/utils/mixins.css deleted file mode 100644 index 6051932ef7..0000000000 --- a/src/styles/utils/mixins.css +++ /dev/null @@ -1 +0,0 @@ -/*# sourceMappingURL=mixins.css.map */ \ No newline at end of file diff --git a/src/styles/utils/mixins.css.map b/src/styles/utils/mixins.css.map deleted file mode 100644 index f97f1ca854..0000000000 --- a/src/styles/utils/mixins.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":[],"names":[],"mappings":"","file":"mixins.css"} \ No newline at end of file diff --git a/src/styles/utils/mixins.scss b/src/styles/utils/mixins.scss index 80c79780dc..d1be810e71 100644 --- a/src/styles/utils/mixins.scss +++ b/src/styles/utils/mixins.scss @@ -1,3 +1,10 @@ +@mixin for-desktop() { + @media (min-width: 1020px) { + @content; + } +} + + @mixin hover($_property, $_toValue) { transition: #{$_property} 0.3s; &:hover { diff --git a/src/styles/utils/reset.css b/src/styles/utils/reset.css deleted file mode 100644 index c8f89695d8..0000000000 --- a/src/styles/utils/reset.css +++ /dev/null @@ -1,126 +0,0 @@ -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) -*/ -html, -body, -div, -span, -applet, -object, -iframe, -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -a, -abbr, -acronym, -address, -big, -cite, -code, -del, -dfn, -em, -img, -ins, -kbd, -q, -s, -samp, -small, -strike, -strong, -sub, -sup, -tt, -var, -b, -u, -i, -center, -dl, -dt, -dd, -ol, -ul, -li, -fieldset, -form, -label, -legend, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td, -article, -aside, -canvas, -details, -embed, -figure, -figcaption, -footer, -header, -hgroup, -menu, -nav, -output, -ruby, -section, -summary, -time, -mark, -audio, -video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font-style: inherit; - vertical-align: baseline; -} - -/* HTML5 display-role reset for older browsers */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section { - display: block; -} - -body { - line-height: 1; -} - -ol, -ul { - list-style: none; -} - -blockquote, -q { - quotes: none; -} - -table { - border-collapse: collapse; - border-spacing: 0; -}/*# sourceMappingURL=reset.css.map */ \ No newline at end of file diff --git a/src/styles/utils/reset.css.map b/src/styles/utils/reset.css.map deleted file mode 100644 index b3dfbca254..0000000000 --- a/src/styles/utils/reset.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["reset.scss","reset.css"],"names":[],"mappings":"AAAA;;;CAAA;AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFE,SAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;EACA,mBAAA;EACA,wBAAA;ACAF;;ADGA,gDAAA;AACA;;;;;;;;;;;EAWE,cAAA;ACAF;;ADGA;EACE,cAAA;ACAF;;ADGA;;EAEE,gBAAA;ACAF;;ADGA;;EAEE,YAAA;ACAF;;ADGA;EACE,yBAAA;EACA,iBAAA;ACAF","file":"reset.css"} \ No newline at end of file diff --git a/src/styles/utils/vars.css b/src/styles/utils/vars.css deleted file mode 100644 index ace3cf949a..0000000000 --- a/src/styles/utils/vars.css +++ /dev/null @@ -1 +0,0 @@ -/*# sourceMappingURL=vars.css.map */ \ No newline at end of file diff --git a/src/styles/utils/vars.css.map b/src/styles/utils/vars.css.map deleted file mode 100644 index 7cf44eaa20..0000000000 --- a/src/styles/utils/vars.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":[],"names":[],"mappings":"","file":"vars.css"} \ No newline at end of file