File Manager

X7ROOT File Manager

Current Path: /home/notabjze/hourglass.life/wp-content/plugins/woocommerce/assets/css

home / notabjze / hourglass.life / wp-content / plugins / woocommerce / assets / css /

ðŸ“ ..
ðŸ“„ _animation.scss(123 B)
ðŸ“„ _fonts.scss(560 B)
ðŸ“„ _mixins.scss(6.64 KB)
ðŸ“„ _variables.scss(1.87 KB)
ðŸ“„ activation-rtl.css(981 B)
ðŸ“„ activation.css(980 B)
ðŸ“„ activation.scss(893 B)
ðŸ“„ admin-rtl.css(345.19 KB)
ðŸ“„ admin.css(345.07 KB)
ðŸ“„ admin.scss(136.02 KB)
ðŸ“„ auth-rtl.css(2.5 KB)
ðŸ“„ auth.css(2.5 KB)
ðŸ“„ auth.scss(2.04 KB)
ðŸ“„ brands-admin-rtl.css(61 B)
ðŸ“„ brands-admin.css(61 B)
ðŸ“„ brands-admin.scss(68 B)
ðŸ“„ brands-rtl.css(2.23 KB)
ðŸ“„ brands.css(2.23 KB)
ðŸ“„ brands.scss(3.07 KB)
ðŸ“„ coming-soon-entire-site-deprecated-rtl.css(2.79 KB)
ðŸ“„ coming-soon-entire-site-deprecated.css(2.79 KB)
ðŸ“„ coming-soon-entire-site-deprecated.scss(2.57 KB)
ðŸ“„ coming-soon-rtl.css(989 B)
ðŸ“„ coming-soon.css(990 B)
ðŸ“„ coming-soon.scss(1.11 KB)
ðŸ“„ dashboard-rtl.css(4.97 KB)
ðŸ“„ dashboard-setup-rtl.css(661 B)
ðŸ“„ dashboard-setup.css(660 B)
ðŸ“„ dashboard-setup.scss(736 B)
ðŸ“„ dashboard.css(4.97 KB)
ðŸ“„ dashboard.scss(3.91 KB)
ðŸ“„ forms-rtl.css(4.93 KB)
ðŸ“„ forms.css(4.92 KB)
ðŸ“„ forms.scss(4.84 KB)
ðŸ“„ helper-rtl.css(16.49 KB)
ðŸ“„ helper.css(16.49 KB)
ðŸ“„ helper.scss(16.52 KB)
ðŸ“ jquery-ui
ðŸ“„ marketplace-suggestions-rtl.css(20.71 KB)
ðŸ“„ marketplace-suggestions.css(20.71 KB)
ðŸ“„ marketplace-suggestions.scss(8.54 KB)
ðŸ“„ menu-rtl.css(4.8 KB)
ðŸ“„ menu.css(4.8 KB)
ðŸ“„ menu.scss(2.74 KB)
ðŸ“„ network-order-widget-rtl.css(2.32 KB)
ðŸ“„ network-order-widget.css(2.32 KB)
ðŸ“„ network-order-widget.scss(1.46 KB)
ðŸ“ photoswipe
ðŸ“„ prettyPhoto-rtl.css(8.96 KB)
ðŸ“„ prettyPhoto.css(8.95 KB)
ðŸ“„ prettyPhoto.scss(7.84 KB)
ðŸ“„ privacy-rtl.css(1.61 KB)
ðŸ“„ privacy.css(1.61 KB)
ðŸ“„ privacy.scss(1.98 KB)
ðŸ“„ reports-print-rtl.css(1.25 KB)
ðŸ“„ reports-print.css(1.24 KB)
ðŸ“„ reports-print.scss(1.51 KB)
ðŸ“„ select2.css(14.28 KB)
ðŸ“„ select2.scss(16.37 KB)
ðŸ“„ twenty-nineteen-rtl.css(26.12 KB)
ðŸ“„ twenty-nineteen.css(26.1 KB)
ðŸ“„ twenty-nineteen.scss(18.63 KB)
ðŸ“„ twenty-seventeen-rtl.css(23.74 KB)
ðŸ“„ twenty-seventeen.css(23.72 KB)
ðŸ“„ twenty-seventeen.scss(16.57 KB)
ðŸ“„ twenty-twenty-one-admin-rtl.css(107 B)
ðŸ“„ twenty-twenty-one-admin.css(107 B)
ðŸ“„ twenty-twenty-one-admin.scss(172 B)
ðŸ“„ twenty-twenty-one-rtl.css(56.46 KB)
ðŸ“„ twenty-twenty-one.css(56.44 KB)
ðŸ“„ twenty-twenty-one.scss(40.82 KB)
ðŸ“„ twenty-twenty-rtl.css(44.96 KB)
ðŸ“„ twenty-twenty-three-rtl.css(33.49 KB)
ðŸ“„ twenty-twenty-three.css(33.46 KB)
ðŸ“„ twenty-twenty-three.scss(19.52 KB)
ðŸ“„ twenty-twenty-two-rtl.css(38.16 KB)
ðŸ“„ twenty-twenty-two.css(38.13 KB)
ðŸ“„ twenty-twenty-two.scss(19.97 KB)
ðŸ“„ twenty-twenty.css(44.94 KB)
ðŸ“„ twenty-twenty.scss(31.77 KB)
ðŸ“„ wc-setup-rtl.css(28.92 KB)
ðŸ“„ wc-setup.css(28.9 KB)
ðŸ“„ wc-setup.scss(24.07 KB)
ðŸ“„ woocommerce-blocktheme-rtl.css(9.63 KB)
ðŸ“„ woocommerce-blocktheme.css(9.62 KB)
ðŸ“„ woocommerce-blocktheme.scss(9.62 KB)
ðŸ“„ woocommerce-classictheme-editor-fonts-rtl.css(446 B)
ðŸ“„ woocommerce-classictheme-editor-fonts.css(446 B)
ðŸ“„ woocommerce-classictheme-editor-fonts.scss(585 B)
ðŸ“„ woocommerce-layout-rtl.css(19.27 KB)
ðŸ“„ woocommerce-layout.css(19.26 KB)
ðŸ“„ woocommerce-layout.scss(9.84 KB)
ðŸ“„ woocommerce-rtl.css(83.83 KB)
ðŸ“„ woocommerce-smallscreen-rtl.css(7.36 KB)
ðŸ“„ woocommerce-smallscreen.css(7.35 KB)
ðŸ“„ woocommerce-smallscreen.scss(3.14 KB)
ðŸ“„ woocommerce.css(83.77 KB)
ðŸ“„ woocommerce.scss(36.06 KB)

Editing: _mixins.scss

/**
 * Deprecated
 * Fallback for bourbon equivalent
 */
@mixin clearfix() {
	*zoom: 1;

&::before,
	&::after {
		content: " ";
		display: table;
	}

&::after {
		clear: both;
	}
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin border_radius($radius: 4px) {
	border-radius: $radius;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin border_radius_right($radius: 4px) {
	border-top-right-radius: $radius;
	border-bottom-right-radius: $radius;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin border_radius_left($radius: 4px) {
	border-top-left-radius: $radius;
	border-bottom-left-radius: $radius;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin border_radius_bottom($radius: 4px) {
	border-bottom-left-radius: $radius;
	border-bottom-right-radius: $radius;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin border_radius_top($radius: 4px) {
	border-top-left-radius: $radius;
	border-top-right-radius: $radius;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin opacity( $opacity: 0.75 ) {
	opacity: $opacity;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin box_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888) {
	box-shadow: $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin inset_box_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888) {
	box-shadow: inset $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin text_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_color: #fff) {
	text-shadow: $shadow_x $shadow_y $shadow_rad $shadow_color;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin vertical_gradient($from: #000, $to: #fff) {
	background-color: $from;
	background: -webkit-linear-gradient($from, $to);
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin transition($selector: all, $animation: ease-in-out, $duration: 0.2s) {
	transition: $selector $animation $duration;
}

/**
 * Deprecated
 * Use bourbon mixin instead `@include transform(scale(1.5));`
 */
@mixin scale($ratio: 1.5) {
	-webkit-transform: scale($ratio);
	transform: scale($ratio);
}

/**
 * Deprecated
 * Use bourbon mixin instead `@include box-sizing(border-box);`
 */
@mixin borderbox() {
	box-sizing: border-box;
}

@mixin darkorlighttextshadow($a, $opacity: 0.8) {

@if lightness($a) >= 65% {

@include text_shadow(0, -1px, 0, rgba(0, 0, 0, $opacity));
	}

@else {

@include text_shadow(0, 1px, 0, rgba(255, 255, 255, $opacity));
	}
}

/**
 * Objects
 */
@mixin menu() {

@include clearfix();

li {
		display: inline-block;
	}
}

@mixin mediaright() {

@include clearfix();

img {
		float: right;
		height: auto;
	}
}

@mixin medialeft() {

@include clearfix();

img {
		float: right;
		height: auto;
	}
}

@mixin ir() {
	display: block;
	text-indent: -9999px;
	position: relative;
	height: 1em;
	width: 1em;
}

@mixin icon( $glyph: "\e001" ) {
	font-family: "WooCommerce";
	speak: never;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin: 0;
	text-indent: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	content: $glyph;
}

@mixin icon_dashicons( $glyph: "\f333" ) {
	font-family: "Dashicons";
	speak: never;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	text-indent: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	content: $glyph;
}

@mixin iconbefore( $glyph: "\e001" ) {
	font-family: "WooCommerce";
	speak: never;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin-right: 0.618em;
	content: $glyph;
	text-decoration: none;
}

@mixin iconbeforedashicons( $glyph: "\f333" ) {
	font-family: "Dashicons";
	speak: never;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	content: $glyph;
	text-decoration: none;
}

@mixin iconafter( $glyph: "\e001" ) {
	font-family: "WooCommerce";
	speak: never;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin-left: 0.618em;
	content: $glyph;
	text-decoration: none;
}

@mixin loader() {

&::before {
		height: 1em;
		width: 1em;
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -0.5em;
		margin-top: -0.5em;
		content: "";
		animation: spin 1s ease-in-out infinite;
		background: url("../images/icons/loader.svg") center center;
		background-size: cover;
		line-height: 1;
		text-align: center;
		font-size: 2em;
		color: rgba(#000, 0.75);
	}
}

@mixin inversebuttoncolors {
	background-color: transparent !important;
	color: var(--button--color-text-hover) !important;

&:hover {
		background-color: var(--button--color-background) !important;
		color: var(--button--color-text) !important;
		text-decoration: none !important;
	}
}

@mixin table-marks() {
	mark {
		background: transparent none;
	}

mark.yes {
		color: var(--wc-green);
	}

mark.no {
		color: #999;
	}
}

@mixin coupon-error-notice-cart() {
	clear: left;
	color: var(--wc-red);
	flex-basis: 100%;
	float: none;
	font-size: 0.75em;
	margin-bottom: 0;
	margin-top: 8px;
	text-align: left;
	width: auto;
}

@mixin coupon-error-notice-checkout() {
	color: var(--wc-red);
	display: block;
	font-size: 0.75em;
	margin-top: 8px;
}

@mixin checkout-inline-error-message() {
	color: var(--wc-red);
	font-size: 0.75em;
	line-height: 1.3;
	margin-bottom: 0;
	margin-top: 0.5em;
}

@mixin woocommerce-product-gallery__trigger {
	background: #fff;
	border: none;
	box-sizing: content-box;
	border-radius: 100%;
	cursor: pointer;
	font-size: 2em;
	height: 36px;
	padding: 0;
	position: absolute;
	right: 0.5em;
	text-indent: -9999px;
	top: 0.5em;
	width: 36px;
	z-index: 99;

&::before {
		border: 2px solid #000;
		border-radius: 100%;
		box-sizing: content-box;
		content: "";
		display: block;
		height: 10px;
		left: 9px;
		top: 9px;
		position: absolute;
		width: 10px;
	}

&::after {
		background: #000;
		border-radius: 6px;
		box-sizing: content-box;
		content: "";
		display: block;
		height: 8px;
		left: 22px;
		position: absolute;
		top: 19px;
		transform: rotate(-45deg);
		width: 2px;
	}

& span[aria-hidden="true"] {
		border: 0;
		clip-path: inset(50%);
		height: 1px;
		left: 50%;
		margin: -1px;
		overflow: hidden;
		position: absolute;
		top: 50%;
		width: 1px;
	}
}

X7ROOT File Manager

Editing: _mixins.scss

Upload File

Create Folder