9B534B8686E580E0E01768F00155B461

at path：ROOT / wp-content / themes / oceanwp / sass / _mixins.scss

run：R W Run

base

DIR

2026-07-10 16:52:18

R W Run

components

DIR

2026-07-10 16:52:18

R W Run

edd

DIR

2026-07-10 16:52:18

R W Run

learndash

DIR

2026-07-10 16:52:18

R W Run

llms

DIR

2026-07-10 16:52:18

R W Run

woo

DIR

2026-07-10 16:52:18

R W Run

_config.scss

2.51 KB

2023-09-06 12:38:32

R W Run

_layout.scss

9.96 KB

2026-05-20 12:50:00

R W Run

_mixins.scss

3.31 KB

2023-09-06 12:38:32

R W Run

a11y.scss

27.32 KB

2026-07-01 12:41:12

R W Run

blog-post-headers.scss

32.2 KB

2023-11-07 11:31:00

R W Run

edd.scss

204 By

2023-09-06 12:38:32

R W Run

gutenberg-editor.scss

3.38 KB

2026-06-29 21:46:40

R W Run

hover-style.scss

10.12 KB

2023-05-23 11:21:48

R W Run

learndash.scss

202 By

2023-09-06 12:38:32

R W Run

llms.scss

188 By

2023-09-06 12:38:32

R W Run

style.scss

2.11 KB

2026-07-01 12:41:12

R W Run

stylesheet.scss

5.46 KB

2023-09-06 12:38:32

R W Run

wishlist.scss

1.45 KB

2023-09-06 12:38:32

R W Run

woo-floating-bar.scss

4.3 KB

2026-06-29 21:46:40

R W Run

woo-mini-cart.scss

6.06 KB

2023-09-06 12:38:32

R W Run

woo-multistep-checkout.scss

4.95 KB

2025-01-27 17:04:16

R W Run

woo-quick-view.scss

6.17 KB

2023-09-06 12:38:32

R W Run

woocommerce.scss

368 By

2023-09-06 12:38:32

R W Run

error_log

📄_mixins.scss

// Font Size
@mixin font-size($sizeValue: 1) {
    font-size: ($sizeValue * 16) * 1px;
    font-size: $sizeValue * 1rem;
}

// Box Sizing
@mixin box-sizing($args) {
    -webkit-box-sizing: $args;
    -moz-box-sizing: $args;
    box-sizing: $args;
}

// Display Flex
@mixin display() {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

// Flex Wrap
@mixin flex-wrap($args) {
    -ms-flex-wrap: $args;
    -webkit-flex-wrap: $args;
    flex-wrap: $args;
}

// Flex Direction
@mixin flex-direction($args) {
    -webkit-flex-direction: $args;
    flex-direction: $args;
}

// Align Items
@mixin align-items($args) {
    -webkit-align-items: $args;
    align-items: $args;
}

// Justify Content
@mixin justify-content($args) {
    -webkit-justify-content: $args;
    justify-content: $args;
}

// Animation
@mixin animation($args) {
    -ms-animation: $args;
    -webkit-animation: $args;
    -o-animation: $args;
    -moz-animation: $args;
    animation: $args;
}

// Animation Delay
@mixin animation-delay($args) {
    -ms-animation-delay: $args;
    -webkit-animation-delay: $args;
    -o-animation-delay: $args;
    -moz-animation-delay: $args;
    animation-delay: $args;
}

// Transform
@mixin transform($args) {
    -webkit-transform: $args;
    -moz-transform: $args;
    -ms-transform: $args;
    -o-transform: $args;
    transform: $args;
}

// Transition
@mixin transition($args) {
    -webkit-transition: $args;
    -moz-transition: $args;
    -ms-transition: $args;
    -o-transition: $args;
    transition: $args;
}

// Transition Duration
@mixin transition-duration($args) {
    -webkit-transition-duration: $args;
    -moz-transition-duration: $args;
    -ms-transition-duration: $args;
    -o-transition-duration: $args;
    transition-duration: $args;
}

// Transition Delay
@mixin transition-delay($args) {
    -webkit-transition-delay: $args;
    -moz-transition-delay: $args;
    -ms-transition-delay: $args;
    -o-transition-delay: $args;
    transition-delay: $args;
}

// Opacity
@mixin opacity($args) {
    -moz-opacity: $args;
    -webkit-opacity: $args;
    opacity: $args;
}

// Border radius
@mixin border-radius($args) {
    -webkit-border-radius: $args;
    -moz-border-radius: $args;
    -ms-border-radius: $args;
    border-radius: $args;
}

// Box Shadow
@mixin box-shadow($args) {
    -webkit-box-shadow: $args;
    -moz-box-shadow: $args;
    box-shadow: $args;
}

// Font Awesome CSS
@mixin font-awesome() {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    text-rendering: auto;
}

// Simple Line Icons CSS
@mixin simple-line-icons() {
    font-family: "simple-line-icons";
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-rendering: auto;
}

// Animation and Keyframe
@mixin keyframes($animation-name) {
    @-webkit-keyframes #{$animation-name} {
        @content;
    }
    @-moz-keyframes #{$animation-name} {
        @content;
    }
    @-ms-keyframes #{$animation-name} {
        @content;
    }
    @-o-keyframes #{$animation-name} {
        @content;
    }
    @keyframes #{$animation-name} {
        @content;
    }
}

@mixin animation($str) {
    -webkit-animation: #{$str};
    -moz-animation: #{$str};
    -ms-animation: #{$str};
    -o-animation: #{$str};
    animation: #{$str};
}