Initial commit

[editorial.git] / assets / main / sass / components / _icons.scss

diff --git a/assets/main/sass/components/_icons.scss b/assets/main/sass/components/_icons.scss
new file mode 100644 (file)
index 0000000..fb9e829
--- /dev/null
+++ b/assets/main/sass/components/_icons.scss
@@ -0,0 +1,52 @@
+///\r
+/// Massively by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Icons */\r
+\r
+       ul.icons {\r
+               cursor: default;\r
+               list-style: none;\r
+               padding-left: 0;\r
+\r
+               li {\r
+                       display: inline-block;\r
+                       padding: 0 0.5rem 0 0;\r
+                       vertical-align: middle;\r
+\r
+                       &:last-child {\r
+                               padding-right: 0;\r
+                       }\r
+\r
+                       .icon {\r
+                               &:before {\r
+                                       width: 2.25rem;\r
+                                       height: 2.25rem;\r
+                                       line-height: 2.25rem;\r
+                                       display: inline-block;\r
+                                       text-align: center;\r
+                                       border-radius: 100%;\r
+                                       font-size: 1.25rem;\r
+                               }\r
+                       }\r
+               }\r
+\r
+               &.alt {\r
+                       li {\r
+                               .icon {\r
+                                       &:before {\r
+                                               @include vendor('transition', (\r
+                                                       'color #{_duration(transition)} ease-in-out',\r
+                                                       'background-color #{_duration(transition)} ease-in-out',\r
+                                                       'border-color #{_duration(transition)} ease-in-out',\r
+                                                       'box-shadow #{_duration(transition)} ease-in-out'\r
+                                               ));\r
+\r
+                                               font-size: 1rem;\r
+                                       }\r
+                               }\r
+                       }\r
+               }\r
+       }
\ No newline at end of file