X-Git-Url: https://git.njae.me.uk/?a=blobdiff_plain;f=assets%2Fmain%2Fsass%2Fcomponents%2F_icons.scss;fp=assets%2Fmain%2Fsass%2Fcomponents%2F_icons.scss;h=fb9e8297d2b39409d95ccdf82edadb6b846f5dbb;hb=8af2079e4b096e77ba2f922d6a18224ce01cb7bd;hp=0000000000000000000000000000000000000000;hpb=d047bc8b5126c4af647c4e508022ca94452fc856;p=editorial.git

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