first commit

This commit is contained in:
2024-07-15 11:28:08 +02:00
commit f52d538ea5
21891 changed files with 6161164 additions and 0 deletions

View File

@@ -0,0 +1,153 @@
//
// Variables
//
$start: left;
$end: right;
@if ($direction == rtl) {
$start: right;
$end: left;
}
//
// Internal Mixins
//
@mixin _dimension($dimension, $top, $right, $bottom, $left){
@if ($direction == rtl) {
#{$dimension}: $top $left $bottom $right;
} @else {
#{$dimension}: $top $right $bottom $left;
}
}
@mixin _dimension_side($dimension, $side, $value) {
@if ($direction == rtl and $side == start) or ($direction == ltr and $side == end) {
#{$dimension}-right: $value;
} @else {
#{$dimension}-left: $value;
}
}
@mixin _dimension_side_property($dimension, $side, $property, $value) {
@if ($direction == rtl and $side == start) or ($direction == ltr and $side == end) {
#{$dimension}-right-#{$property}: $value;
} @else {
#{$dimension}-left-#{$property}: $value;
}
}
//
// Mixins
//
@mixin start($value) {
@if $direction == rtl {
right: $value;
} @else {
left: $value;
}
}
@mixin end($value) {
@if $direction == rtl {
left: $value;
} @else {
right: $value;
}
}
// Padding Mixins
@mixin padding($top, $right, $bottom, $left) {
@include _dimension(padding, $top, $right, $bottom, $left);
}
@mixin padding-start($value) {
@include _dimension_side(padding, start, $value);
}
@mixin padding-end($value) {
@include _dimension_side(padding, end, $value);
}
// Margin Mixins
@mixin margin($top, $right, $bottom, $left) {
@include _dimension(margin, $top, $right, $bottom, $left);
}
@mixin margin-start($value) {
@include _dimension_side(margin, start, $value);
}
@mixin margin-end($value) {
@include _dimension_side(margin, end, $value);
}
// Border Mixins
@mixin border-start($value) {
@include _dimension_side(border, start, $value);
}
@mixin border-end($value) {
@include _dimension_side(border, end, $value);
}
@mixin border-start-property($property, $value){
@include _dimension_side_property(border, start, $property, $value);
}
@mixin border-end-property($property, $value){
@include _dimension_side_property(border, end, $property, $value);
}
// Box-Shadow Mixins
@mixin direction-box-shadow($x, $extra-values) {
@if $direction == rtl {
$x: -$x;
}
box-shadow: $x $extra-values;
}
//
// Functions
//
@function getValueByDirection($value-for-left, $value-for-right) {
@if ($direction == rtl) {
@return $value-for-right;
}
@return $value-for-left;
}
@function getInverseDirection() {
@if ($direction == rtl) {
@return ltr;
}
@return rtl;
}

View File

@@ -0,0 +1,111 @@
//
// Mixins
//
// Simple PX to REM units converter
@function pxToRem($size) {
@return $size / 16px * 1rem;
}
// Forms > Input Style
@mixin input-style() {
border: 1px solid $gray;
background-color: transparent;
color: $gray-darker;
font-size: 1em;
line-height: 1.4;
height: auto;
width: auto;
vertical-align: middle;
padding: 9px 16px;
border-radius: 3px;
flex-grow: 1;
}
// Forms > Input Focus
@mixin input-focus() {
&:focus {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
outline-width: 0;
outline-style: hidden;
}
}
// Forms > Input Placeholder
@mixin placeholder-style() {
color: inherit;
font-family: inherit;
opacity: 0.6;
}
@mixin input-placeholder() {
// Keep the following rules each alone (Auto Prefix Bug)!
&::-webkit-input-placeholder {
@include placeholder-style();
}
&:-ms-input-placeholder {
@include placeholder-style();
}
&::-moz-placeholder {
@include placeholder-style();
}
&:-moz-placeholder {
@include placeholder-style();
}
&::placeholder {
@include placeholder-style();
}
}
@mixin button-types( $selector ) {
@each $type, $color in (
info: $info,
success: $success,
warning: $warning,
danger: $danger
) {
&#{$type} #{$selector} {
background-color: $color;
}
}
}
@mixin ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
@mixin absolute-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@mixin checkers-background($checker-size, $color: #ddd) {
background-image: linear-gradient(45deg,$color 25%,transparent 0,transparent 75%,$color 0,$color),linear-gradient(45deg,$color 25%,transparent 0,transparent 75%,$color 0,$color);
background-size: $checker-size $checker-size;
background-position: 0 0,( $checker-size / 2 ) ( $checker-size / 2 );
}
@mixin webkit-scrollbar($width, $color, $border-radius) {
&::-webkit-scrollbar {
width: $width;
}
&::-webkit-scrollbar-thumb {
background-color: $color;
border-radius: $border-radius;
}
}
//End

View File

@@ -0,0 +1,226 @@
//
// Variables
//
// Primary Colors
$white: #ffffff;
$black: #000000;
$gray-darkest: #2C2C2C;
$gray-darker: #373a3c;
$gray-dark: #55595c;
$gray: #818a91;
$gray-light: #D4D4D4;
$gray-lighter: #eceeef;
$gray-lightest: #f7f7f7;
$gray-mouse: #CCD6DF;
$gray-bg: #e6e9ec;
$blue: #0275d8;
$blue-flat: #1b607f;
$blue-light: #5bc0de;
$green: #5cb85c;
$green-light: #2ecc71;
$orange: #f0ad4e;
$red: #d9534f;
$purple: #9C7AC1;
// Info Alert
$info: #5bc0de;
$info-text: #31708f;
$info-bg: #d9edf7;
$info-border: darken($info-bg, 7%);
// Success Alert
$success: #5cb85c;
$success-text: #3c763d;
$success-bg: #dff0d8;
$success-border:darken($success-bg, 7%);
// Warning Alert
$warning: #f0ad4e;
$warning-text: #8a6d3b;
$warning-bg: #fcf8e3;
$warning-border:darken($warning-bg, 7%);
// Danger Alert
$danger: #d9534f;
$danger-text: #a94442;
$danger-bg: #f2dede;
$danger-border: darken($danger-bg, 7%);
// Progress Bar
$progress-bg: #eeeeee;
$progress-text: #ffffff;
//Official Social / Sharing Colors
$android: #A4C639;
$apple: #999999;
$behance: #1769ff;
$bitbucket: #205081;
$codepen: #000000;
$delicious: #3399ff;
$deviantart: #05cc47;
$digg: #005be2;
$dribbble: #ea4c89;
$elementor: #D30C5C;
$envelope: #ea4335;
$facebook: #3b5998;
$flickr: #0063dc;
$foursquare: #2d5be3;
$freecodecamp: #006400;
$github: #333333;
$gitlab: #e24329;
$google-plus: #dd4b39;
$houzz: #7ac142;
$instagram: #262626;
$jsfiddle: #487AA2;
$linkedin: #0077b5;
$medium: #00ab6b;
$meetup: #ec1c40;
$mix: #f3782b;
$mixcloud: #273a4b;
$odnoklassniki: #F4731C;
$pinterest: #bd081c;
$pocket: #EF3F56;
$print: #aaaaaa;
$product-hunt: #da552f;
$reddit: #ff4500;
$rss: #f26522;
$shopping-cart: #4CAF50;
$skype: #00AFF0;
$slideshare: #0077b5;
$snapchat: #fffc00;
$soundcloud: #ff8800;
$spotify: #2ebd59;
$stack-overflow:#fe7a15;
$steam: #00adee;
$stumbleupon: #EB4924;
$telegram: #2CA5E0;
$thumbtack: #1aa1d8;
$tripadvisor: #589442;
$tumblr: #35465c;
$twitch: #6441A5;
$twitter: #1DA1F2;
$viber: #665cac;
$vimeo: #1ab7ea;
$vk: #45668e;
$weibo: #DD2430;
$weixin: #31A918; //WeChat
$whatsapp: #25d366;
$wordpress: #21759b;
$xing: #026466;
$yelp: #af0606;
$youtube: #cd201f;
$five-h-px: #0099e5; //500px
// WordPress Admin
$wp-primary: #0085ba;
$admin-font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; // Default fonts for admin
//Brand Colors
$brand-color-dark-pink: #93003c;
$brand-color-royal-blue: #010150;
$brand-color-dark: #434363;
$brand-color-light: #93003c; //fallback (deprecated v3.0)
// Editor colors
$editor-darkest:#495157;
$editor-darker: #556068;
$editor-dark: #6d7882;
$editor-light: #a4afb7;
$editor-lighter: #c2cbd2;
$editor-lightest: #d5dadf;
$editor-accent: $brand-color-dark-pink;
$editor-background: $gray-bg;
$editor-background-light: #f1f3f5;
$editor-background-lighter: #fcfcfc;
$editor-orange: #fcb92c;
$editor-red: #d72b3f;
$editor-danger: $editor-red;
$editor-warning: #b01b1b;
$editor-success: #39b54a;
$editor-info: #71d7f7;
$editor-kit-accent: #4ab7f4;
// Panel Alert
$editor-alert-danger: $editor-danger;
$editor-alert-warning: $editor-orange;
$editor-alert-info: $editor-info;
$editor-alert-success: $editor-success;
$editor-alert-danger-bg: #fefbfc;
$editor-alert-warning-bg: #fcfcfc;
$editor-alert-info-bg: #f3fcff;
$editor-alert-success-bg: #fcfffc;
// Wordpress colors
$wp-warning: #ffb900;
$wp-warning-text: #f56e28;
$wp-success: #46b450;
$wp-success-text: #79ba49;
// Panel style
$panel-top-shadow: -2px -5px 8px rgba(0, 0, 0, 0.1);
$panel-bottom-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
$slides_gui: rgba(238, 238, 238, .9);
// Panel Transition
$transition-hover: all .3s;
// Layers (Z-indexes)
$under-layer: -1;
$ground-layer: 0;
$first-layer: 1;
$second-layer: 2;
$third-layer: 3;
$fourth-layer: 4;
$element-overlay: 9998;
$editor-layer: 9999;
$super-layer: 10000;
// Grid Columns
$column-sizes: (
10: 10%,
11: 11.111%,
12: 12.5%,
14: 14.285%,
16: 16.666%,
20: 20%,
25: 25%,
30: 30%,
33: 33.333%,
40: 40%,
50: 50%,
60: 60%,
66: 66.666%,
70: 70%,
75: 75%,
80: 80%,
83: 83.333%,
90: 90%,
100: 100%
);
$control-unit: 27px;
// Panel
$panel-width: 280px;
$panel-xl-width: 300px;
// Grid Breakpoints
$breakpoints: (
sm: 480px, // Mobile landscape
md: 768px, // Tablet
lg: 1025px, // Desktop
xl: 1440px, // Larger devices
xxl: 1600px // Largest devices
);