bobjoll 1.634.3

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"; } }
+}

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

@@ -0,0 +1,100 @@
+@if $list-v1-0 { 
+	ul, ol, dl {
+		margin: 0;
+		padding: 0;
+	}
+
+	li {
+		list-style: none;
+	}
+
+	.list { 
+		margin: 0 0 $base-spacing;
+		
+		li {
+			position: relative;
+
+			margin: 0 0 ($extra-small-spacing / 2);
+			padding: 0 0 0 $small-spacing;
+
+			list-style: none;
+
+			&::before {
+				$bullet-width: 6px;
+				$bullet-height: $bullet-width;
+				$bullet-spacing: floor(floor($base-line-height * $base-font-size) - $bullet-height) / 2;
+
+				display: inline-block;
+
+				width: $bullet-width;
+				height: $bullet-height;
+
+				margin: ($bullet-spacing - 1) $small-spacing $bullet-spacing ($small-spacing * -1);
+
+				border-radius: 50%;
+
+				background-color: color('text', 'general');
+
+				vertical-align: middle;
+
+				content: '';
+			}			
+		}
+
+		@each $size in $sizes {
+			@include modifier($size) {
+				li {
+					font-size: map-get($font-sizes, $size);
+					line-height: map-get($line-height-sizes, $size);					
+
+					&::before {
+						$bullet-width: 6px;
+						$bullet-height: $bullet-width;
+						$bullet-spacing: floor(floor(map-get($line-height-sizes, $size) * map-get($font-sizes, $size)) - $bullet-height) / 2;
+
+						margin: $bullet-spacing $extra-small-spacing 0 0;
+					}
+				}		
+			}
+		} // End sizes
+
+		@include modifier('horizontal') {
+			@include clearfix; 
+
+			display: block;
+
+			li {
+				float: left;
+
+				margin: 0 $small-spacing 0 0; 
+
+				&:last-child {
+					margin: 0;
+				}
+			}
+		}
+
+		@include modifier('comma-separated') {
+			li {
+				margin: 0;
+				padding: 0;
+			}
+
+			li:not(:last-child)::after {
+				content: ',\00a0'
+			}
+
+			li:last-child::after {
+				content: '.'
+			}
+		}
+
+		@include modifier('nospacing') {
+			margin: 0;
+
+			li {
+				margin: 0;
+			}
+		}
+	}
+} // End if

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

@@ -0,0 +1,159 @@
+@if $modal-v1-0 {
+	.modal {
+		@include position(fixed, 0 null null 0);
+		@include transform(scale(0));
+		@include transition(
+			opacity ($base-duration / 2) ($base-duration / 2) $base-timing,
+			transform $base-duration ($base-duration) $base-timing
+		);
+
+		opacity: 0;
+
+		& iframe,object {
+            display: none;
+        }
+
+		width: 100vw;
+		height: 0vh;
+
+		padding: 0 $base-spacing;
+
+		background-color: color('overlay', 'background', .75);
+
+		text-align: center;
+		line-height: 100vh;
+
+		z-index: 100;
+
+		&.scrollable {
+			overflow-y: scroll;			
+		}
+
+		&.active {
+			@include transform(scale(1));
+			@include transition(opacity $base-duration $base-timing);
+
+			opacity: 1;
+
+			height: 100vh;
+
+			& > * {
+				@include transform(scale(1));
+				@include transition($base-duration $base-duration $base-timing);
+
+				opacity: 1;				
+			}
+
+			& iframe,object {
+				display: block;
+			}
+		}
+
+		& > * {			
+			@include transform(scale(.8));
+			@include transition($base-duration $base-timing);
+
+			opacity: 0;
+		}		
+
+		@include element('container') {
+			position: relative;
+
+			display: inline-block;
+
+			width: 100%;
+			max-width: map-get($breakpoints, 'lg');
+
+			margin: $large-spacing * 2 0;			
+		
+			vertical-align: middle;
+
+			text-align: left;
+			line-height: $base-line-height;
+
+			& > .content {
+				overflow: hidden;
+
+				padding: $base-spacing;
+
+				border-radius: $base-border-radius;
+
+				background-color: color('modal', 'background');
+			}
+		}
+
+		@include element('close') {
+			&:not(.nostyle) {
+				@include appearance(none);
+				@include position(absolute, 0 0 null null);
+				@include backface-visibility(hidden);
+
+				margin: $extra-small-spacing;
+				padding: 0;
+				font-size: $large-font-size * 2;
+				line-height: 1;
+				z-index: 10;		
+			}
+		}
+
+		@include element('close') {
+			@include modifier('absolute') {
+				@include position(absolute, null null null null);
+
+				z-index: 1;
+			}
+
+			@include modifier('top-left') {
+				top: 0;
+				left: 0;
+			}
+
+			@include modifier('top-right') {
+				top: 0;
+				right: 0;
+			}
+
+			@include modifier('bottom-left') {
+				top: 0;
+				left: 0;
+			}
+
+			@include modifier('bottom-right') {
+				top: 0;
+				right: 0;
+			}
+		}
+
+		@include modifier('full-screen') {
+			padding: 0;
+
+			line-height: inherit;
+
+			.modal__container {
+				width: 100%;
+				max-width: inherit;
+				height: 100%;
+
+				margin: 0;
+				padding: 0;
+
+				background-color: color('modal', 'background');
+
+				vertical-align: inherit;
+			}
+		}
+
+		@include element('trigger') {
+			cursor: pointer;
+		}
+
+		// Sizes
+		@each $size in $sizes {
+			@include modifier($size) {				
+				.modal__container {
+					max-width: map-get($breakpoints, $size);					
+				}
+			}
+		}
+	}
+} // End if