MAINHACK

Viewing / Editing File: __languages.scss

/* FILE: main/plugins/__languages.scss */

//
// Polylang & WPML
//

// Language switcher - supports flag display only

ul li.lang-item,
	ul li.menu-item-language {
		position: relative;
		margin-left: .62em;
		margin-right: .62em;

a {
			display: inline-block;
			width: 18px;
			padding-left: 0;
			padding-right: 0;
			white-space: nowrap;
			overflow: hidden;
			vertical-align: top;
		}

}

.lang-item,
	.menu-item-language {

&::before {
			content: '';
			display: block;
			position: absolute;
			width: 30px;
			height: 30px;
			right: 50%;
			bottom: 50%;
			border-width: 1px;
			border-style: solid;
			border-radius: 50%;
			opacity: .5;
			z-index: -1;
			transform: translateX( 50% ) translateY( 50% );
		}

}

ul li.lang-item a {
		width: 16px;
	}

.menu-item-language img.iclflag {
		margin-#{$right}: 0;
	}

// In main navigation menu

.nav-menu .lang-item:last-child,
		.nav-menu .menu-item-language:last-child {
			margin-#{$right}: 2em; // {{RTL}}
		}

.nav-menu .lang-item + li:not(.lang-item),
		.nav-menu .menu-item-language + li:not(.menu-item-language),
		.nav-menu li:not(.lang-item) + .lang-item,
		.nav-menu li:not(.menu-item-language) + .menu-item-language {
			margin-#{$left}: 2em; // {{RTL}}
		}

// In social links menu

.social-links {

.lang-item,
			.menu-item-language {

.screen-reader-text {
					@extend %screen_reader_hiding_disable;

&:hover,
					&:active,
					&:focus {
						display: inline;
						#{$left}: 0; // {{RTL}}
						top: 0;
						padding: 0;
						font-size: inherit;
						font-weight: inherit;
						background-color: inherit;
						color: inherit;
						border-radius: 0;
						box-shadow: none;
					}

}

a::before {
					display: none;
				}

}

.lang-item + li:not(.lang-item),
			.menu-item-language + li:not(.menu-item-language) {
				margin-#{$left}: 1em; // {{RTL}}
			}

li:not(.lang-item) + .lang-item,
			li:not(.menu-item-language) + .menu-item-language {
				margin-#{$left}: 2em; // {{RTL}}
			}

}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: __languages.scss

Server Info

System Features

User Info