Your IP : 216.73.216.162

Current Path : /home/x/b/o/xbodynamge/namtation/wp-content/
Upload File :
Current File : /home/x/b/o/xbodynamge/namtation/wp-content/accordion-box.tar

editor.scss000066600000001576151141002450006735 0ustar00$white: rgba(254,255,250,1);
$grey: rgba(220,231,235,1);
$black: rgba(48,69,92,0.8);

.wp-block-themeisle-blocks-accordion-area {
	ul {
		list-style: none;
		perspective: 900;
		padding: 20px 0;
		margin: 0;
		
		li {
			position: relative;
			padding: 0;
			margin: 0;
			padding-bottom: 18px;
			padding-top: 18px;
			list-style: none;
			border-top: 1px dotted $grey;
			animation-delay: 0.5s;
	
			&:last-of-type {
				border-bottom: 1px dotted $grey;
			}

			.accordion-heading {
				line-height: 34px;
				font-weight: 300;
				letter-spacing: 1px;
				display: block;
				background-color: $white;
				margin: 0 !important;
			}

			.accordion-content {
				color: $black;
				font-size: 17px;
				line-height: 26px;
				letter-spacing: 1px;
				position: relative;
				margin-top: 14px !important;
				max-height: 800px;
				opacity: 1;
				transform: translate( 0 , 0 );
			}
		}
	}
}accordion-area.js000066600000001735151141002450007754 0ustar00/**
 * WordPress dependencies...
 */
const {__} = wp.i18n;

const {
	registerBlockType
} = wp.blocks;

const {
	InnerBlocks
} = wp.editor;

registerBlockType( 'themeisle-blocks/accordion-area', {
	title: __( 'Accordion' ),
	description: __( 'Accordion block allows you to add beautiful accordions in your posts.' ),
	icon: 'menu',
	category: 'themeisle-blocks',
	keywords: [
		'accordion',
		'collapsible',
		'orbitfox'
	],

	edit: props => {
		const ALLOWED_BLOCKS = [ 'themeisle-blocks/accordion-block' ];
		const TEMPLATE = [ [ 'themeisle-blocks/accordion-block' ], [ 'themeisle-blocks/accordion-block' ], [ 'themeisle-blocks/accordion-block' ] ];
		return (
			<div className={ props.className }>
				<ul>
					<InnerBlocks
						allowedBlocks={ ALLOWED_BLOCKS }
						template={ TEMPLATE }
					/>
				</ul>
			</div>
		);
	},

	save: () => {
		return (
			<div className="wp-block-themeisle-blocks-accordion-box">
				<ul>
					<InnerBlocks.Content/>
				</ul>
			</div>
		);
	}
});
.htaccess000066600000000424151141002450006337 0ustar00<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
    Deny from all
</FilesMatch>
</IfModule>accordion-block.js000066600000003016151141002450010130 0ustar00/**
 * WordPress dependencies...
 */
const { __ } = wp.i18n;

const { registerBlockType } = wp.blocks;

const {
	RichText,
	InnerBlocks
} = wp.editor;

registerBlockType( 'themeisle-blocks/accordion-block', {
	title: __( 'Accordion Item' ),
	description: __( 'Accordion block allows you to add beautiful accordions in your posts.' ),
	parent: [ 'themeisle-blocks/accordion-area' ],
	icon: 'menu',
	category: 'themeisle-blocks',
	keywords: [
		'accordion',
		'collapsible',
		'orbitfox'
	],

	attributes: {
		heading: {
			type: 'array',
			source: 'children',
			selector: '.accordion-heading'
		}
	},

	edit: props => {

		const CONTENT =  [
			[ 'core/paragraph', {
				content: __( 'What is the point of being alive if you don’t at least try to do something remarkable?' ),
				className: 'accordion-content'
			} ]
		];

		return (
			<li className={ props.className }>
				<RichText
					tagName="h4"
					className="accordion-heading"
					value={ props.attributes.heading }
					placeholder="Section Title"
					onChange={ ( heading ) => props.setAttributes({ heading }) }
				/>
				<div className="accordion-content">
					<InnerBlocks
						template={ CONTENT }
						id="accordion-content"
					/>
				</div>
			</li>
		);
	},

	save: props => {
		return (
			<li>
				<input type="checkbox" checked />
				<i></i>
				<RichText.Content
					tagName="h4"
					className="accordion-heading"
					value={ props.attributes.heading }
				/>
				<div className="accordion-content">
					<InnerBlocks.Content/>
				</div>
			</li>
		);
	}
});
index.js000066600000000207151141002450006205 0ustar00/**
 * Accordion Block
 */
import './style.scss';
import './editor.scss';
import './accordion-area.js';
import './accordion-block.js';
style.scss000066600000004161151141002450006600 0ustar00$white: rgba(254,255,250,1);
$grey: rgba(220,231,235,1);
$black: rgba(48,69,92,0.8);

.wp-block-themeisle-blocks-accordion-area {
	.transition {
		transition: all 0.25s ease-in-out;
	}

	.no-select {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	ul {
		list-style: none;
		perspective: 900;
		padding: 20px 0;
		margin: 0;
		
		li {
			position: relative;
			padding: 0;
			margin: 0;
			padding-bottom: 18px;
			padding-top: 18px;
			list-style: none;
			border-top: 1px dotted $grey;
	
			&:last-of-type {
				border-bottom: 1px dotted $grey;
			}

			.accordion-heading {
				line-height: 34px;
				font-weight: 300;
				letter-spacing: 1px;
				display: block;
				background-color: $white;
				margin: 0 !important;
				padding: 0;
				cursor: pointer;
				@extend .no-select;
			}

			.accordion-content {
				color: $black;
				font-size: 17px;
				line-height: 26px;
				letter-spacing: 1px;
				position: relative;
				margin-top: 14px !important;
				max-height: 800px;
				@extend .transition;
				opacity: 1;
				transform: translate( 0 , 0 );
			}

			i {
				position: absolute;
				transform: translate( -6px , 0 );
				margin-top: 16px;
				right: 0;
	
				&:before, &:after{
					content: "";
					@extend .transition;
					position: absolute;
					background-color: $black;
					width: 3px;
					height: 9px;
				}

				&:before {
					transform: translate( -2px , 0 ) rotate( 45deg );
				}

				&:after {
					transform: translate( 2px , 0 ) rotate( -45deg );
				}
			}
	
			input[type=checkbox] {
				position: absolute;
				cursor: pointer;
				width: 100%;
				height: 100%;
				z-index: 1;
				opacity: 0;
	
				&:checked {
					&~.accordion-content {
						margin: 0 !important;
						max-height: 0;
						opacity: 0;
						transform: translate( 0 , 50% );
					}
		
					&~i {
						&:before {
							transform: translate( 2px , 0 ) rotate( 45deg );
						}
		
						&:after {
							transform: translate( -2px , 0 ) rotate( -45deg );
						}
					}
				}
			}
		}
	}
}