| Server IP : 79.136.114.73 / Your IP : 3.129.253.54 Web Server : Apache/2.4.7 (Ubuntu) PHP/5.5.9-1ubuntu4.29 OpenSSL/1.0.1f System : Linux b8009 3.13.0-170-generic #220-Ubuntu SMP Thu May 9 12:40:49 UTC 2019 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/www.astacus.se/wp-content/plugins/cornerstone/includes/tco/css/lib/mixins/ |
Upload File : |
// =============================================================================
// _CSS3.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// =============================================================================
// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
// 01. Box Sizing
// 02. Animations
// 03. Transitions
// 04. Transform
// a. Transform
// b. Transform Style
// 05. Backface Visibility
// 06. Perspective
// 07. User Select
// 08. Resize Anything
// 09. Content Columns
// =============================================================================
// Box Sizing
// =============================================================================
@mixin box-sizing($boxModel) {
-webkit-box-sizing: $boxModel;
-moz-box-sizing: $boxModel;
box-sizing: $boxModel;
}
// Animations
// =============================================================================
@mixin animate($animation) {
-webkit-animation: $animation;
-moz-animation: $animation;
-o-animation: $animation;
animation: $animation;
}
// Transitions
// =============================================================================
@mixin transition($transition) {
-webkit-transition: $transition;
transition: $transition;
}
// Transformations
// =============================================================================
// Notes
// -----
// 01. Transform.
// 02. Transform style.
@mixin transform($transformations) {
-webkit-transform: $transformations;
transform: $transformations;
}
@mixin transform-style($style) {
-webkit-transform-style: $style;
transform-style: $style;
}
// Backface Visibility
// =============================================================================
@mixin backface-visibility($visibility){
-webkit-backface-visibility: $visibility;
backface-visibility: $visibility;
}
// Perspective
// =============================================================================
@mixin perspective($value) {
-webkit-perspective: $value;
-ms-perspective: $value;
perspective: $value;
}
// User Select
// =============================================================================
@mixin user-select($select) {
-webkit-user-select: $select;
-moz-user-select: $select;
-o-user-select: $select;
user-select: $select;
}
// Resize Anything
// =============================================================================
// Notes
// -----
// 01. Options: horizontal || vertical || both
// 02. Safari fix.
@mixin resizable($direction) {
resize: $direction; // 01
overflow: auto; // 02
}
// Content Columns
// =============================================================================
@mixin content-columns($columnCount: 2, $columnGap: 3em, $columnRule: 1px solid #e5e5e5) {
-webkit-column-count: $columnCount;
-moz-column-count: $columnCount;
column-count: $columnCount;
-webkit-column-gap: $columnGap;
-moz-column-gap: $columnGap;
column-gap: $columnGap;
-webkit-column-rule: $columnRule;
-moz-column-rule: $columnRule;
column-rule: $columnRule;
}