bobjoll 0.0.4

package/scss/partials/_helper-v1-0.scss

@@ -0,0 +1,299 @@
+@if $helper-v1-0 {
+	html {
+		// Colors
+		@include color-classes();		
+
+		// Floating
+		.floatl { float: left; }
+		.floatr { float: right; } 
+		.clear { clear: both; }
+		.clearfix { @include clearfix; }
+
+		// Typography
+		.roman { font-style: normal }
+		.italic { font-style: italic; }
+		.light { font-weight: 300; }
+		.regular { font-weight: 400; }
+		.medium { font-weight: 500; }
+		.semibold { font-weight: 600; }
+		.bold { font-weight: 700; }
+		.ff--base { font-family: $base-font-family; }
+		.ff--title { font-family: $title-font-family; }
+
+		.alignl { text-align: left; }
+		.alignr { text-align: right; }
+		.alignc { text-align: center; }
+
+		.font-xs { font-size: $extra-small-font-size; }
+		.font-sm { font-size: $small-font-size; }
+		.font-md { font-size: $base-font-size; }
+		.font-lg { font-size: $large-font-size; }
+		.font-xl { font-size: $extra-large-font-size; }
+
+		.font-h1 { @include font-size($h1-font-size); }
+		.font-h2 { @include font-size($h2-font-size); }
+		.font-h3 { @include font-size($h3-font-size); }
+		.font-h4 { @include font-size($h4-font-size); }
+		.font-h5 { @include font-size($h5-font-size); }
+		.font-h6 { @include font-size($h6-font-size); }
+
+		.font-lh-xs { line-height: $extra-small-font-size; }
+		.font-lh-sm { line-height: $small-font-size; }
+		.font-lh-md { line-height: $base-font-size; }
+		.font-lh-lg { line-height: $large-font-size; }
+		.font-lh-xl { line-height: $extra-large-font-size; }
+
+		.resetcase { text-transform: initial; }
+		.lowercase { text-transform: lowercase; }
+		.uppercase { text-transform: uppercase; }
+		.capitalize { text-transform: capitalize; }
+
+		.strike { text-decoration: line-through; }
+		.underline { text-decoration: underline; }
+
+		.text-inverted { color: color('text-inverted', 'general'); }
+
+		// Line-height
+		.line-height-xs { line-height: $extra-small-element-height; }
+		.line-height-sm { line-height: $small-element-height; }
+		.line-height-md { line-height: $base-element-height; }
+		.line-height-lg { line-height: $large-element-height; }
+		.line-height-xl { line-height: $extra-large-element-height; }
+		.line-height-reset { line-height: normal; }
+
+		// Display and visibility
+		body.noscript .noscript { display: none !important; }
+		
+		.full-width-fix { margin: 0 ($grid-columns-spacing * -1); }
+		.full-width-fix-i { margin: 0 ($grid-columns-spacing * -1) !important; }
+		.full-width { width: 100% !important; }
+		.full-height { height: 100% !important; }
+		.invisible { visibility: hidden; }
+		.hide { display: none !important; }
+		.inline { display: inline; }
+		.inline-i { display: inline !important; }
+		.block { display: block; }
+		.block-i { display: block !important; }
+		.inline-block { display: inline-block; }
+		.inline-block-i { display: inline-block !important; }
+		.overflow-hidden { overflow: hidden; }
+		.overflow-auto { overflow: auto; }
+		.overflow-scroll { overflow: scroll !important; }
+		.overflow-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+		.overflow-visible { overflow: visible; }
+		.scrollable { 
+			overflow-x: hidden;
+			overflow-y: auto;
+			-webkit-overflow-scrolling: touch;
+
+			@include breakpoint('md') {
+				overflow-y: scroll;
+
+				&>.container,
+				&>.container-fluid {
+					min-height: calc(100% + 10px)
+				}
+			}
+
+			height: 100%;
+
+			@include modifier('absolute') {
+				@include position(absolute, 0 null null 0);
+
+				max-height: 100%;
+			}			
+		}
+		.v-alignc { vertical-align: middle; }
+		.v-alignc-transform { @include transform(translateY(-25%)); }
+		.paragraph-readable { max-width: map-get($breakpoints, 'sm'); }
+		.paragraph-readable--xs { max-width: map-get($breakpoints, 'xs'); }		
+
+		// Sizes
+		.size {
+			@each $size in $sizes {
+				@include modifier($size) {				
+					height: map-get($button-sizes, $size);
+
+					font-size: map-get($font-sizes, $size);
+					line-height: map-get($button-sizes, $size);
+				}
+			}
+		}
+
+		// Margin & Paddings
+		$spacing: (
+			1: $extra-small-spacing,
+			2: $small-spacing,
+			3: $base-spacing,
+			4: $large-spacing,
+			5: $extra-large-spacing
+		);
+
+		.mg-none-i { margin: 0 !important; }
+		.mg-x-none-i { margin-left: 0 !important; margin-right: 0 !important; }
+		.mg-y-none-i { margin-top: 0 !important; margin-bottom: 0 !important; }
+
+		@each $name, $space in $spacing {
+			.mg-lv#{$name} { margin: $space; }
+			.mg-lv#{$name}-i { margin: $space !important; }
+			.mg-top-lv#{$name} { margin-top: $space; }
+			.mg-top-lv#{$name}-i { margin-top: $space !important; }
+			.mg-right-lv#{$name} { margin-right: $space; }
+			.mg-right-lv#{$name}-i { margin-right: $space !important; }
+			.mg-bottom-lv#{$name} { margin-bottom: $space; }
+			.mg-bottom-lv#{$name}-i { margin-bottom: $space !important; }
+			.mg-left-lv#{$name} { margin-left: $space; }
+			.mg-left-lv#{$name}-i { margin-left: $space !important; }
+		}
+
+		.mg-none { margin: 0; }
+		.mg-x-none { margin-left: 0; margin-right: 0; }
+		.mg-y-none { margin-top: 0; margin-bottom: 0; }
+
+		.pd-none-i { padding: 0 !important; }
+		.pd-x-none-i { padding-left: 0 !important; padding-right: 0 !important; }
+		.pd-y-none-i { padding-top: 0 !important; padding-bottom: 0 !important; }
+
+		@each $name, $space in $spacing {
+			.pd-lv#{$name} { padding: $space; }
+			.pd-lv#{$name}-i { padding: $space !important; }
+			.pd-top-lv#{$name} { padding-top: $space; }
+			.pd-top-lv#{$name}-i { padding-top: $space !important; }
+			.pd-right-lv#{$name} { padding-right: $space; }
+			.pd-right-lv#{$name}-i { padding-right: $space !important; }
+			.pd-bottom-lv#{$name} { padding-bottom: $space; }
+			.pd-bottom-lv#{$name}-i { padding-bottom: $space !important; }
+			.pd-left-lv#{$name} { padding-left: $space; }
+			.pd-left-lv#{$name}-i { padding-left: $space !important; }
+		}
+
+		.pd-none { padding: 0; }
+		.pd-x-none { padding-left: 0; padding-right: 0; }
+		.pd-y-none { padding-top: 0; padding-bottom: 0; }		
+
+		.push-left { margin-right: auto; }
+		.push-left-i { margin-right: auto !important; }
+		.push-right { margin-left: auto; }
+		.push-right-i { margin-left: auto !important; }
+		.push-center { 
+			margin-left: auto;
+			margin-right: auto;
+		 }
+		.push-center-i { 
+			margin-left: auto !important;
+			margin-right: auto !important;
+		 }
+		
+		.show-phone,
+		.show-phone-i,
+		.show-mobile,
+		.show-mobile-i,
+		.show-tablet,
+		.show-tablet-i,
+		.hide-desktop {
+			display: none !important;
+		}
+
+		@include breakpoint('sm', 'max') { 
+			.full-width-phone { width: 100%; }
+			.left-on-phone { text-align: left; }
+			.nofloat-phone { float: none; }
+			.show-phone { display: inherit !important; }
+			.show-phone-i { display: inherit !important; }
+		}
+
+		@include breakpoint('md', 'max') {
+			.full-width-mobile { width: 100%; }
+			.show-mobile { display: inherit !important; }
+			.show-mobile-i { display: inherit !important; }
+		}
+
+		@include breakpoint('sm', 'max') {
+			.hide-phone { display: none !important; }
+		}
+
+		@include breakpoint('md', 'max') {
+			.hide-mobile { display: none !important; }
+		}
+
+		@include breakpoint('lg', 'max') {
+			.hide-tablet { display: none !important; }
+			.show-tablet { display: inherit !important; }
+			.show-tablet-i { display: inherit !important; }
+		}
+
+		@include breakpoint('lg', 'min') {
+			.hide-desktop { display: inherit !important; }
+		}
+
+		// Video
+		.video-wrapper {
+			position: relative;
+
+			overflow: hidden;
+
+			&::before {
+				display: block;
+
+				padding-bottom: 56.25%; // (1080 / 1920) * 100 (16:9 Aspect ratio)
+
+				content: '';
+			}
+
+			.video, iframe {
+				@include position(absolute, 0 null null 0); 
+
+				width: 100%;
+				height: 100%;
+			}
+		}
+
+		// Aspect ratio (name: width, height)
+		.aspect-ratio {
+			&::before {
+				display: block;
+
+				width: 100%;
+
+				content: '';
+			}
+
+			@each $name, $map in $aspect-ratios {
+				@if (unitless(nth($map, 1)) and unitless(nth($map, 2))) {
+					$width: nth($map, 1);
+					$height: nth($map, 2);
+					$ratio: ($height / $width) * 100;
+
+					@include modifier($name) {
+						&::before {
+							padding: 0 0 $ratio + 0%;
+						}
+					}
+				}
+			}
+		}
+
+		// Other
+		.notransition {
+			@include transition(none !important);
+		}
+
+		.disabled {
+			opacity: .4;
+
+			pointer-events: none !important;
+			
+			* {
+				pointer-events: none !important;
+			}
+		}	
+
+		@for $i from 1 through 10 {
+			$percentage: ($i * 10) / 100;
+
+			.opacity-#{$i} {
+				opacity: $percentage;
+			}
+		}
+	}
+} // End if

package/scss/partials/_icon-v2-0.scss

@@ -0,0 +1,323 @@
+@if $icon-v2-0 {
+    $webfont: "bobjoll" !global;
+
+	@font-face {
+		font-family: $webfont;
+		src: url("~bobjoll/fonts/bobjoll.woff2?5d2e1028a913daedf2dd81459e3fad31") format("woff2"),
+url("~bobjoll/fonts/bobjoll.woff?5d2e1028a913daedf2dd81459e3fad31") format("woff");
+	}
+
+    %icon {
+		display: block;
+
+        text-transform: none;
+
+        -webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+
+		speak: none;
+		
+		&::before {
+			font-family: $webfont;
+			font-style: normal;
+			font-weight: normal;
+			font-variant: normal;
+		}
+    }
+
+    .icon {
+        @extend %icon;
+
+        width: $base-icon-width;
+        height: $base-icon-height;
+
+        font-size: $base-icon-width;
+        line-height: $base-icon-height;
+
+        color: color('icon', 'general');
+        fill: color('icon', 'general');
+    }
+
+    .icon--inverted {
+        color: color('icon-inverted', 'general') !important;
+        fill: color('icon-inverted', 'general') !important;
+    }
+
+    $map: map-get($colors, 'social');
+
+    @each $color, $hex in $map {
+        .icon--#{$color} {
+            color: $hex;
+            fill: $hex;
+        }
+    }
+
+    @each $size1 in $sizes {
+        $map: map-get($icon-sizes, $size1);
+
+            .icon--#{$size1} {
+            width: map-get($map, 'width');
+            height: map-get($map, 'height');
+
+            font-size: map-get($map, 'width');
+            line-height: map-get($map, 'height');
+
+            @each $size2 in $sizes {
+                $icon-spacing: ((map-get($base-sizes, $size2) - map-get($map, 'height')) / 2);
+
+                &.icon--mg-#{$size2} { padding: $icon-spacing; box-sizing: content-box; }
+            } // End spacing
+        }       
+    }
+    
+    .icon--3d { &::before { content: "\f101"; } }
+    .icon--add-to-folder { &::before { content: "\f102"; } }
+    .icon--addcollection { &::before { content: "\f103"; } }
+    .icon--advanced { &::before { content: "\f104"; } }
+    .icon--aligncenter { &::before { content: "\f105"; } }
+    .icon--alignleft { &::before { content: "\f106"; } }
+    .icon--alignright { &::before { content: "\f107"; } }
+    .icon--amex { &::before { content: "\f108"; } }
+    .icon--api { &::before { content: "\f109"; } }
+    .icon--archive { &::before { content: "\f10a"; } }
+    .icon--background { &::before { content: "\f10b"; } }
+    .icon--backwards { &::before { content: "\f10c"; } }
+    .icon--beacon-lineal { &::before { content: "\f10d"; } }
+    .icon--beacon { &::before { content: "\f10e"; } }
+    .icon--beginner { &::before { content: "\f10f"; } }
+    .icon--behance { &::before { content: "\f110"; } }
+    .icon--bold { &::before { content: "\f111"; } }
+    .icon--book { &::before { content: "\f112"; } }
+    .icon--bookmark-filled { &::before { content: "\f113"; } }
+    .icon--bookmark { &::before { content: "\f114"; } }
+    .icon--briefcase { &::before { content: "\f115"; } }
+    .icon--broken-image { &::before { content: "\f116"; } }
+    .icon--brush { &::before { content: "\f117"; } }
+    .icon--bug { &::before { content: "\f118"; } }
+    .icon--bullet { &::before { content: "\f119"; } }
+    .icon--business-card { &::before { content: "\f11a"; } }
+    .icon--calendar { &::before { content: "\f11b"; } }
+    .icon--camera { &::before { content: "\f11c"; } }
+    .icon--caret-down { &::before { content: "\f11d"; } }
+    .icon--caret-left { &::before { content: "\f11e"; } }
+    .icon--caret-right { &::before { content: "\f11f"; } }
+    .icon--caret-up { &::before { content: "\f120"; } }
+    .icon--check { &::before { content: "\f121"; } }
+    .icon--checkbox { &::before { content: "\f122"; } }
+    .icon--circle-filled { &::before { content: "\f123"; } }
+    .icon--circle-lineal-small { &::before { content: "\f124"; } }
+    .icon--circle-lineal { &::before { content: "\f125"; } }
+    .icon--circle { &::before { content: "\f126"; } }
+    .icon--clean { &::before { content: "\f127"; } }
+    .icon--clip { &::before { content: "\f128"; } }
+    .icon--cloud { &::before { content: "\f129"; } }
+    .icon--collapse { &::before { content: "\f12a"; } }
+    .icon--collection { &::before { content: "\f12b"; } }
+    .icon--comment { &::before { content: "\f12c"; } }
+    .icon--cookie { &::before { content: "\f12d"; } }
+    .icon--copy-image { &::before { content: "\f12e"; } }
+    .icon--copyright { &::before { content: "\f12f"; } }
+    .icon--coupon { &::before { content: "\f130"; } }
+    .icon--create-folder-filled { &::before { content: "\f131"; } }
+    .icon--create-folder { &::before { content: "\f132"; } }
+    .icon--credit-card { &::before { content: "\f133"; } }
+    .icon--crop { &::before { content: "\f134"; } }
+    .icon--cross-small { &::before { content: "\f135"; } }
+    .icon--cross { &::before { content: "\f136"; } }
+    .icon--crown { &::before { content: "\f137"; } }
+    .icon--dashboard { &::before { content: "\f138"; } }
+    .icon--desktop-wallpaper { &::before { content: "\f139"; } }
+    .icon--devices { &::before { content: "\f13a"; } }
+    .icon--disabled { &::before { content: "\f13b"; } }
+    .icon--display-options { &::before { content: "\f13c"; } }
+    .icon--dollar { &::before { content: "\f13d"; } }
+    .icon--down-small { &::before { content: "\f13e"; } }
+    .icon--down { &::before { content: "\f13f"; } }
+    .icon--download { &::before { content: "\f140"; } }
+    .icon--dribbble { &::before { content: "\f141"; } }
+    .icon--duplicate { &::before { content: "\f142"; } }
+    .icon--earnings { &::before { content: "\f143"; } }
+    .icon--edit { &::before { content: "\f144"; } }
+    .icon--education { &::before { content: "\f145"; } }
+    .icon--empty { &::before { content: "\f146"; } }
+    .icon--envelope-solid { &::before { content: "\f147"; } }
+    .icon--envelope { &::before { content: "\f148"; } }
+    .icon--exclamation { &::before { content: "\f149"; } }
+    .icon--external-link { &::before { content: "\f14a"; } }
+    .icon--eye-line-through { &::before { content: "\f14b"; } }
+    .icon--eye { &::before { content: "\f14c"; } }
+    .icon--facebook { &::before { content: "\f14d"; } }
+    .icon--file { &::before { content: "\f14e"; } }
+    .icon--filter { &::before { content: "\f14f"; } }
+    .icon--fiverr { &::before { content: "\f150"; } }
+    .icon--flag { &::before { content: "\f151"; } }
+    .icon--flame { &::before { content: "\f152"; } }
+    .icon--flaticon-symbol { &::before { content: "\f153"; } }
+    .icon--flaticon-text { &::before { content: "\f154"; } }
+    .icon--flaticon { &::before { content: "\f155"; } }
+    .icon--flip { &::before { content: "\f156"; } }
+    .icon--fold { &::before { content: "\f157"; } }
+    .icon--folder { &::before { content: "\f158"; } }
+    .icon--follow-folder { &::before { content: "\f159"; } }
+    .icon--followcollection { &::before { content: "\f15a"; } }
+    .icon--following { &::before { content: "\f15b"; } }
+    .icon--font { &::before { content: "\f15c"; } }
+    .icon--forwards { &::before { content: "\f15d"; } }
+    .icon--fullscreen { &::before { content: "\f15e"; } }
+    .icon--globe { &::before { content: "\f15f"; } }
+    .icon--google { &::before { content: "\f160"; } }
+    .icon--graphic-style { &::before { content: "\f161"; } }
+    .icon--grid { &::before { content: "\f162"; } }
+    .icon--headphones { &::before { content: "\f163"; } }
+    .icon--headquarters { &::before { content: "\f164"; } }
+    .icon--heart-filled { &::before { content: "\f165"; } }
+    .icon--heart { &::before { content: "\f166"; } }
+    .icon--history { &::before { content: "\f167"; } }
+    .icon--home { &::before { content: "\f168"; } }
+    .icon--hourglass { &::before { content: "\f169"; } }
+    .icon--images { &::before { content: "\f16a"; } }
+    .icon--inbox { &::before { content: "\f16b"; } }
+    .icon--info { &::before { content: "\f16c"; } }
+    .icon--instagram { &::before { content: "\f16d"; } }
+    .icon--interactive { &::before { content: "\f16e"; } }
+    .icon--intermediate { &::before { content: "\f16f"; } }
+    .icon--interogation { &::before { content: "\f170"; } }
+    .icon--italic { &::before { content: "\f171"; } }
+    .icon--justify { &::before { content: "\f172"; } }
+    .icon--keyboard { &::before { content: "\f173"; } }
+    .icon--laptop { &::before { content: "\f174"; } }
+    .icon--layers { &::before { content: "\f175"; } }
+    .icon--left-small { &::before { content: "\f176"; } }
+    .icon--left { &::before { content: "\f177"; } }
+    .icon--license { &::before { content: "\f178"; } }
+    .icon--light-bulb { &::before { content: "\f179"; } }
+    .icon--linkedin { &::before { content: "\f17a"; } }
+    .icon--list { &::before { content: "\f17b"; } }
+    .icon--lock-open-solid { &::before { content: "\f17c"; } }
+    .icon--lock-solid { &::before { content: "\f17d"; } }
+    .icon--lock { &::before { content: "\f17e"; } }
+    .icon--logo-symbol-old { &::before { content: "\f17f"; } }
+    .icon--logo-symbol { &::before { content: "\f180"; } }
+    .icon--logo-text-old { &::before { content: "\f181"; } }
+    .icon--logo-text { &::before { content: "\f182"; } }
+    .icon--logout { &::before { content: "\f183"; } }
+    .icon--marker { &::before { content: "\f184"; } }
+    .icon--master-card { &::before { content: "\f185"; } }
+    .icon--medical-1 { &::before { content: "\f186"; } }
+    .icon--medical-2 { &::before { content: "\f187"; } }
+    .icon--menuburger { &::before { content: "\f188"; } }
+    .icon--menudots-vertical { &::before { content: "\f189"; } }
+    .icon--menudots { &::before { content: "\f18a"; } }
+    .icon--minimize { &::before { content: "\f18b"; } }
+    .icon--minus-small { &::before { content: "\f18c"; } }
+    .icon--minus { &::before { content: "\f18d"; } }
+    .icon--mockup { &::before { content: "\f18e"; } }
+    .icon--move-to-folder-2 { &::before { content: "\f18f"; } }
+    .icon--move-to-folder { &::before { content: "\f190"; } }
+    .icon--next-small { &::before { content: "\f191"; } }
+    .icon--next { &::before { content: "\f192"; } }
+    .icon--notification-filled { &::before { content: "\f193"; } }
+    .icon--notification { &::before { content: "\f194"; } }
+    .icon--o-horizontal { &::before { content: "\f195"; } }
+    .icon--o-panoramic { &::before { content: "\f196"; } }
+    .icon--o-square { &::before { content: "\f197"; } }
+    .icon--o-vertical { &::before { content: "\f198"; } }
+    .icon--opacity { &::before { content: "\f199"; } }
+    .icon--palette { &::before { content: "\f19a"; } }
+    .icon--paper-plane { &::before { content: "\f19b"; } }
+    .icon--paper-plane2 { &::before { content: "\f19c"; } }
+    .icon--paste { &::before { content: "\f19d"; } }
+    .icon--pattern { &::before { content: "\f19e"; } }
+    .icon--pause { &::before { content: "\f19f"; } }
+    .icon--paypal { &::before { content: "\f1a0"; } }
+    .icon--pencil { &::before { content: "\f1a1"; } }
+    .icon--phone { &::before { content: "\f1a2"; } }
+    .icon--photo { &::before { content: "\f1a3"; } }
+    .icon--picpeople-filled { &::before { content: "\f1a4"; } }
+    .icon--picpeople { &::before { content: "\f1a5"; } }
+    .icon--pinterest { &::before { content: "\f1a6"; } }
+    .icon--pixabay { &::before { content: "\f1a7"; } }
+    .icon--play { &::before { content: "\f1a8"; } }
+    .icon--plus-small { &::before { content: "\f1a9"; } }
+    .icon--plus { &::before { content: "\f1aa"; } }
+    .icon--presentation { &::before { content: "\f1ab"; } }
+    .icon--prev-small { &::before { content: "\f1ac"; } }
+    .icon--prev { &::before { content: "\f1ad"; } }
+    .icon--projects { &::before { content: "\f1ae"; } }
+    .icon--psd { &::before { content: "\f1af"; } }
+    .icon--quote { &::before { content: "\f1b0"; } }
+    .icon--receipt { &::before { content: "\f1b1"; } }
+    .icon--redo { &::before { content: "\f1b2"; } }
+    .icon--reflect-horizontal { &::before { content: "\f1b3"; } }
+    .icon--reflect-vertical { &::before { content: "\f1b4"; } }
+    .icon--refresh { &::before { content: "\f1b5"; } }
+    .icon--remove-folder { &::before { content: "\f1b6"; } }
+    .icon--removecollection { &::before { content: "\f1b7"; } }
+    .icon--replace { &::before { content: "\f1b8"; } }
+    .icon--resources { &::before { content: "\f1b9"; } }
+    .icon--right-small { &::before { content: "\f1ba"; } }
+    .icon--right { &::before { content: "\f1bb"; } }
+    .icon--rotate-inverted { &::before { content: "\f1bc"; } }
+    .icon--rotate { &::before { content: "\f1bd"; } }
+    .icon--save { &::before { content: "\f1be"; } }
+    .icon--search { &::before { content: "\f1bf"; } }
+    .icon--security { &::before { content: "\f1c0"; } }
+    .icon--settings { &::before { content: "\f1c1"; } }
+    .icon--share { &::before { content: "\f1c2"; } }
+    .icon--shopping-cart { &::before { content: "\f1c3"; } }
+    .icon--shuffle { &::before { content: "\f1c4"; } }
+    .icon--slidesgo { &::before { content: "\f1c5"; } }
+    .icon--smiley-comment { &::before { content: "\f1c6"; } }
+    .icon--sortcollection { &::before { content: "\f1c7"; } }
+    .icon--speaker { &::before { content: "\f1c8"; } }
+    .icon--spinner { &::before { content: "\f1c9"; } }
+    .icon--square-lineal { &::before { content: "\f1ca"; } }
+    .icon--square { &::before { content: "\f1cb"; } }
+    .icon--squares { &::before { content: "\f1cc"; } }
+    .icon--squircle-lineal { &::before { content: "\f1cd"; } }
+    .icon--squircle { &::before { content: "\f1ce"; } }
+    .icon--star-comment { &::before { content: "\f1cf"; } }
+    .icon--star-filled { &::before { content: "\f1d0"; } }
+    .icon--star { &::before { content: "\f1d1"; } }
+    .icon--stats { &::before { content: "\f1d2"; } }
+    .icon--sticker { &::before { content: "\f1d3"; } }
+    .icon--stop { &::before { content: "\f1d4"; } }
+    .icon--stroke { &::before { content: "\f1d5"; } }
+    .icon--stumbleupon { &::before { content: "\f1d6"; } }
+    .icon--subtitles { &::before { content: "\f1d7"; } }
+    .icon--support { &::before { content: "\f1d8"; } }
+    .icon--tablet { &::before { content: "\f1d9"; } }
+    .icon--tag { &::before { content: "\f1da"; } }
+    .icon--telegram { &::before { content: "\f1db"; } }
+    .icon--template-alt { &::before { content: "\f1dc"; } }
+    .icon--template { &::before { content: "\f1dd"; } }
+    .icon--text-shadow { &::before { content: "\f1de"; } }
+    .icon--thumb-down { &::before { content: "\f1df"; } }
+    .icon--thumb-up { &::before { content: "\f1e0"; } }
+    .icon--time { &::before { content: "\f1e1"; } }
+    .icon--trash { &::before { content: "\f1e2"; } }
+    .icon--twitter { &::before { content: "\f1e3"; } }
+    .icon--underline { &::before { content: "\f1e4"; } }
+    .icon--undo { &::before { content: "\f1e5"; } }
+    .icon--unfold { &::before { content: "\f1e6"; } }
+    .icon--unlock { &::before { content: "\f1e7"; } }
+    .icon--up-small { &::before { content: "\f1e8"; } }
+    .icon--up { &::before { content: "\f1e9"; } }
+    .icon--upload-to-folder { &::before { content: "\f1ea"; } }
+    .icon--upload { &::before { content: "\f1eb"; } }
+    .icon--url { &::before { content: "\f1ec"; } }
+    .icon--user { &::before { content: "\f1ed"; } }
+    .icon--users { &::before { content: "\f1ee"; } }
+    .icon--vector { &::before { content: "\f1ef"; } }
+    .icon--video-linear { &::before { content: "\f1f0"; } }
+    .icon--video { &::before { content: "\f1f1"; } }
+    .icon--vimeo { &::before { content: "\f1f2"; } }
+    .icon--visa { &::before { content: "\f1f3"; } }
+    .icon--volume { &::before { content: "\f1f4"; } }
+    .icon--warning-filled { &::before { content: "\f1f5"; } }
+    .icon--whatsapp { &::before { content: "\f1f6"; } }
+    .icon--world { &::before { content: "\f1f7"; } }
+    .icon--youtube { &::before { content: "\f1f8"; } }
+    .icon--zoom-in { &::before { content: "\f1f9"; } }
+    .icon--zoom-out { &::before { content: "\f1fa"; } }
+}