← hugo-clarity

sass code for attachments shortcode

6a2f836603f7185bfffb3c98fa6c796a046076a0 · ovidiucs · Jul 12, 2023 23:20

+65 −1 · 4 files changed

• assets/sass/_attachments.sass +62 −0
• assets/sass/_custom.sass +1 −0
• assets/sass/main.sass +1 −0
• i18n/ro.toml +1 −1

diff --git a/assets/sass/_attachments.sass b/assets/sass/_attachments.sass
new file mode 100644
index 0000000..98f88dd
--- /dev/null
+++ b/assets/sass/_attachments.sass
@@ -0,0 +1,62 @@
+@charset "UTF-8"
+
+// attachments shortcode
+
+section.attachments
+  margin: 2rem 0
+  position: relative
+  border-radius: 10px
+
+  label
+    font-weight: 400
+    display: block
+    padding-left: 0.5em
+    padding-top: 0.2em
+    padding-bottom: 0.2em
+    margin: 0px
+    color: #666
+    border-top-left-radius: 10px
+    border-top-right-radius: 10px
+
+  .attachments-files
+    padding: 15px
+    display: block
+    font-size: 1rem
+    margin-top: 0rem
+    margin-bottom: 0rem
+    color: #666
+    border-bottom-left-radius: 10px
+    border-bottom-right-radius: 10px 
+
+  &.orange
+    label
+      color: #fff
+      background: #F0B37E
+
+    .attachments-files
+      background: #FFF2DB
+
+  &.green
+    label
+      color: #fff
+      background: rgba(92, 184, 92, 0.8)
+
+    .attachments-files
+      background: #E6F9E6
+
+  &.blue
+    label
+      color: #fff
+      background: #6AB0DE
+
+    .attachments-files
+      background: #E7F2FA
+
+  &.grey
+    label
+      color: #fff
+      background: #505d65
+
+    .attachments-files
+      background: #f4f4f4
+
diff --git a/assets/sass/_custom.sass b/assets/sass/_custom.sass
index 2d22745..e12456d 100644
--- a/assets/sass/_custom.sass
+++ b/assets/sass/_custom.sass
@@ -2,3 +2,4 @@
 // due to the cascading nature of css, if you try to override theme css variables in this file, those changes will not apply. Instead, override css variables in the `override.sass` file
 // we recommend not editing this file directly. Instead, create an `assets/sass/_custom.sass` file at the root level of your site.
 // if you edit this file directly, you will have to resolve git conflicts when and if you decide to pull changes we make on the theme
+
diff --git a/assets/sass/main.sass b/assets/sass/main.sass
index cd7db72..c3a2b05 100644
--- a/assets/sass/main.sass
+++ b/assets/sass/main.sass
@@ -14,3 +14,4 @@ $iconsPath: '{{ printf "../%s" (default "icons/" .Site.Params.iconsDir) }}'
 @import 'mobile'
 @import 'syntax'
 @import 'custom'
+@import 'attachments'
diff --git a/i18n/ro.toml b/i18n/ro.toml
index 8e63aa5..732ffff 100644
--- a/i18n/ro.toml
+++ b/i18n/ro.toml
@@ -29,7 +29,7 @@ other = "Înapoi"
 other = "Traduceri"
 
 [categories]
-other = "Categorii"
+other = "Domenii"
 
 [tags]
 other = "Etichete"