diff --git a/src/app/pages/privacy/privacy.component.html b/src/app/pages/privacy/privacy.component.html index bc555d2..3b87949 100644 --- a/src/app/pages/privacy/privacy.component.html +++ b/src/app/pages/privacy/privacy.component.html @@ -1,5 +1,5 @@ @if (policyItems()) { -
+
diff --git a/src/styles.scss b/src/styles.scss index e6ba350..7c1ec4e 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1,5 +1,4 @@ @import "styles/additional_pieces"; -@import "styles/md"; @import "styles/landwind"; @import "styles/colors"; diff --git a/src/styles/_additional_pieces.scss b/src/styles/_additional_pieces.scss index 8a481bd..fa4d9f2 100644 --- a/src/styles/_additional_pieces.scss +++ b/src/styles/_additional_pieces.scss @@ -12,6 +12,10 @@ } } +.pt-12 { + @include pt(12); +} + .mt-8 { @include mt(8); @@ -27,3 +31,7 @@ .space-y-2 > :not([hidden]) ~ :not([hidden]) { @include spaceY(2); } + + +@import "md"; +@import "lg"; diff --git a/src/styles/_breakpoints.scss b/src/styles/_breakpoints.scss index dc82a2a..409c242 100644 --- a/src/styles/_breakpoints.scss +++ b/src/styles/_breakpoints.scss @@ -1 +1,2 @@ $md: 768px; +$lg: 1024px; diff --git a/src/styles/_lg.scss b/src/styles/_lg.scss new file mode 100644 index 0000000..3c7e422 --- /dev/null +++ b/src/styles/_lg.scss @@ -0,0 +1,9 @@ +@import "breakpoints"; + +@media screen and (min-width: $lg) { + .lg { + &\:pt-0 { + padding-top: 0; + } + } +} diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss index 468242c..f11f1e9 100644 --- a/src/styles/_mixins.scss +++ b/src/styles/_mixins.scss @@ -2,6 +2,10 @@ margin-top: 0.25rem * $amount; } +@mixin pt($amount) { + padding-top: 0.25rem * $amount; +} + @mixin spaceY($amount) { $num: 0.25rem * $amount; --tw-space-y-reverse: 0;