summaryrefslogtreecommitdiff
path: root/sass/abstracts/_mixins.scss
diff options
context:
space:
mode:
authorArne Rief <arne.rief@gmail.com>2023-02-10 21:40:00 +0100
committerArne Rief <arne.rief@gmail.com>2023-02-11 14:53:10 +0100
commit5bab4502a098eb0e3b5a59b68bc9d8d23529ea55 (patch)
treeb8a737694d1217f7af9a6884720678a179cacbb0 /sass/abstracts/_mixins.scss
Desktop version
Diffstat (limited to 'sass/abstracts/_mixins.scss')
-rw-r--r--sass/abstracts/_mixins.scss32
1 files changed, 32 insertions, 0 deletions
diff --git a/sass/abstracts/_mixins.scss b/sass/abstracts/_mixins.scss
new file mode 100644
index 0000000..98351c4
--- /dev/null
+++ b/sass/abstracts/_mixins.scss
@@ -0,0 +1,32 @@
+@use "variables" as *;
+
+@mixin main-link-hover {
+ color: $text-special-light;
+ transform: translateY(-0.3rem);
+}
+
+@mixin flex-sp-around-center {
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+}
+
+@mixin standard-grid {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ align-items: center;
+ justify-content: center;
+}
+
+@mixin narrow-container {
+ margin: 3rem auto;
+}
+
+@mixin wide-container {
+ margin: 10rem auto;
+ width: 80%;
+
+ h2 {
+ margin-bottom: 5rem;
+ }
+}