summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/wordpress-mobile-pack/admin/sass/mixins')
-rwxr-xr-xplugins/wordpress-mobile-pack/admin/sass/mixins/_display.scss154
-rwxr-xr-xplugins/wordpress-mobile-pack/admin/sass/mixins/_icon.scss59
-rwxr-xr-xplugins/wordpress-mobile-pack/admin/sass/mixins/_mixins.scss115
3 files changed, 328 insertions, 0 deletions
diff --git a/plugins/wordpress-mobile-pack/admin/sass/mixins/_display.scss b/plugins/wordpress-mobile-pack/admin/sass/mixins/_display.scss
new file mode 100755
index 00000000..ad6e7673
--- /dev/null
+++ b/plugins/wordpress-mobile-pack/admin/sass/mixins/_display.scss
@@ -0,0 +1,154 @@
+@mixin wbz-display-box($important: no) {
+ @if $important == important{
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: -moz-box !important;
+ display: box !important;
+ }
+ @else {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: -moz-box;
+ display: box;
+ }
+}
+@mixin wbz-display-inline-box($important: no) {
+ @if $important == important{
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: -moz-inline-box !important;
+ display: inline-flex !important;
+ }
+ @else {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: -moz-inline-box;
+ display: inline-flex;
+ }
+}
+@mixin wbz-box-flex($flex: 1, $preferredSize: auto, $important: no) {
+ @if $important == important{
+ -webkit-box-flex: $flex !important;
+ -ms-flex: $flex 0 $preferredSize !important;
+ -moz-box-flex: $flex !important;
+ box-flex: $flex !important;
+ flex: $flex 0 $preferredSize !important;
+ }
+ @else {
+ -webkit-box-flex: $flex;
+ -ms-flex: $flex 0 $preferredSize;
+ -moz-box-flex: $flex;
+ box-flex: $flex;
+ flex: $flex 0 $preferredSize;
+ }
+}
+@mixin wbz-box-orient($orient: horizontal, $important: no) {
+ @if $important == important {
+ -webkit-box-orient: $orient !important;
+ -moz-box-orient: $orient !important;
+ box-orient: $orient !important;
+ @if $orient == horizontal {
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ } @else {
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ } @else {
+ -webkit-box-orient: $orient;
+ -moz-box-orient: $orient;
+ box-orient: $orient;
+ @if $orient == horizontal {
+ -ms-flex-direction: row;
+ flex-direction: row;
+ } @else {
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+ }
+}
+@mixin wbz-box-pack($pack: start, $important: no) {
+ @if $important == important {
+ -webkit-box-pack: $pack !important;
+ -moz-box-pack: $pack !important;
+ -ms-flex-pack: $pack !important;
+ box-pack: $pack !important;
+ @if $pack == start {
+ justify-content: flex-start !important;
+ }
+ @else if $pack == end {
+ justify-content: flex-end !important;
+ }
+ @else if $pack == justify {
+ justify-content: space-between !important;
+ }
+ @else {
+ justify-content: $pack !important;
+ }
+ } @else {
+ -webkit-box-pack: $pack;
+ -moz-box-pack: $pack;
+ -ms-flex-pack: $pack;
+ box-pack: $pack;
+ @if $pack == start {
+ justify-content: flex-start;
+ }
+ @else if $pack == end {
+ justify-content: flex-end;
+ }
+ @else if $pack == justify {
+ justify-content: space-between;
+ }
+ @else {
+ justify-content: $pack;
+ }
+ }
+}
+@mixin wbz-box-align($align: stretch, $important: no) {
+ @if $important == important{
+ -webkit-box-align: $align!important;
+ -moz-box-align: $align!important;
+ -ms-flex-align: $align!important;
+ box-align: $align!important;
+
+ @if $align == start {
+ align-items: flex-start!important;
+ }
+ @else if $align == end {
+ align-items: flex-end!important;
+ }
+ @else {
+ align-items: $align!important;
+ }
+ }
+ @else {
+ -webkit-box-align: $align;
+ -moz-box-align: $align;
+ -ms-flex-align: $align;
+ box-align: $align;
+
+ @if $align == start {
+ align-items: flex-start;
+ }
+ @else if $align == end {
+ align-items: flex-end;
+ }
+ @else {
+ align-items: $align;
+ }
+ }
+}
+@mixin wbz-box-sizing($value, $important: no){
+ @if $important == important{
+ -webkit-box-sizing: $value !important;
+ -moz-box-sizing: $value !important;
+ box-sizing: $value !important;
+ }
+ @else {
+ -webkit-box-sizing: $value;
+ -moz-box-sizing: $value;
+ box-sizing: $value;
+ }
+}
+
+
diff --git a/plugins/wordpress-mobile-pack/admin/sass/mixins/_icon.scss b/plugins/wordpress-mobile-pack/admin/sass/mixins/_icon.scss
new file mode 100755
index 00000000..48c405d5
--- /dev/null
+++ b/plugins/wordpress-mobile-pack/admin/sass/mixins/_icon.scss
@@ -0,0 +1,59 @@
+@mixin wbz-inline-icon($name, $font-size: 15px, $font-family: 'Appticles') {
+ $character: wbz-icon-character-for-name($name);
+
+ &:before {
+ position: relative;
+ text-align: center;
+ font-family: $font-family!important;
+ font-size: $font-size!important;
+ font-weight: normal!important;
+
+ @if $character {
+ content: "#{$character}";
+ } @else {
+ content: "#{$name}";
+ }
+ }
+}
+
+
+@function wbz-icon-character-for-name($name) {
+
+ // Row 1
+ @if ($name == "facebook") { @return "f"; }
+ @else if ($name == "twitter") { @return "t"; }
+ @else if ($name == "google-plus") { @return "g"; }
+ @else if ($name == "rss") { @return "r"; }
+ @else if ($name == "wordpress") { @return "w"; }
+ @else if ($name == "tumblr") { @return "\35"; }
+ @else if ($name == "youtube") {@return "\36"; }
+ @else if($name == "dfp") { @return "\37"; }
+
+ @else if ($name == "close-x") { @return "\31"; }
+ @else if ($name == "active") { @return "\32"; }
+ @else if ($name == "preview") { @return "\113"; }
+ @else if ($name == "edit") { @return "\34"; }
+
+ @else if($name == "apple") { @return "\e800"; }
+ @else if($name == "lock") { @return "\e801"; }
+ @else if($name == "blocked") { @return "\e802"; }
+ @else if($name == "airplane") { @return "\e803"; }
+ @else if($name == "cloud") { @return "\e804"; }
+ @else if($name == "stack") { @return "\e805"; }
+ @else if($name == "tablet") { @return "\e806"; }
+ @else if($name == "paint") { @return "\e807"; }
+ @else if($name == "shield") { @return "\e808"; }
+ @else if($name == "share") { @return "\e809"; }
+
+ @else if($name == "coins") { @return "\e80a"; }
+ @else if($name == "headset") { @return "\e80b"; }
+ @else if($name == "pic") { @return "\e900"; }
+
+ @else if ($name == "shopping") { @return "\115"; }
+ @else if($name == "notification") { @return "\e901"; }
+
+ @else {
+ // @debug "#icon: icon with name '#{$name}' not found.";
+ @return false;
+ }
+}
diff --git a/plugins/wordpress-mobile-pack/admin/sass/mixins/_mixins.scss b/plugins/wordpress-mobile-pack/admin/sass/mixins/_mixins.scss
new file mode 100755
index 00000000..cdfd2dd2
--- /dev/null
+++ b/plugins/wordpress-mobile-pack/admin/sass/mixins/_mixins.scss
@@ -0,0 +1,115 @@
+/************************************************/
+/* import icon and display mixins files
+/************************************************/
+
+@import '_icon';
+@import '_display';
+
+/************************************************/
+/* mixins for css3 animations
+/************************************************/
+
+@mixin wbz-transform-origin($value, $important: no) {
+ @if $important == important{
+ -webkit-transform-origin: $value !important;
+ -moz-transform-origin: $value !important;
+ transform-origin: $value !important;
+ }
+ @else {
+ -webkit-transform-origin: $value;
+ -moz-transform-origin: $value;
+ transform-origin: $value;
+ }
+}
+@mixin wbz-transform($value, $important: no){
+ @if $important == important{
+ -webkit-transform: $value !important;
+ -moz-transform: $value !important;
+ transform: $value !important;
+ }
+ @else {
+ -webkit-transform: $value;
+ -moz-transform: $value;
+ transform: $value;
+ }
+}
+@mixin wbz-transition-timing($value, $important: no){
+ @if $important == important{
+ -webkit-transition-timing-function: $value !important;
+ -moz-transition-timing-function: $value !important;
+ transition-timing-function: $value !important;
+ }
+ @else {
+ -webkit-transition-timing-function: $value;
+ -moz-transition-timing-function: $value;
+ transition-timing-function: $value;
+ }
+}
+@mixin wbz-transition($value){
+ -webkit-transition: $value;
+ -moz-transition: $value;
+ transition: $value;
+
+}
+
+/************************************************/
+/* other mixins
+/************************************************/
+@mixin wbz-box-shadow($value, $important: no){
+ @if $important == important{
+ -webkit-box-shadow: $value !important;
+ -moz-box-shadow: $value !important;
+ box-shadow: $value !important;
+ }
+ @else {
+ -webkit-box-shadow: $value;
+ -moz-box-shadow: $value;
+ box-shadow: $value;
+ }
+}
+@mixin wbz-border-radius($value, $important: no){
+ @if $important == important{
+ -webkit-border-radius: $value !important;
+ -moz-border-radius: $value !important;
+ border-radius: $value !important;
+ }
+ @else {
+ -webkit-border-radius: $value;
+ -moz-border-radius: $value;
+ border-radius: $value;
+ }
+}
+@mixin wbz-opacity($value, $important: no){
+ @if $important == important{
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=$value*100) !important;
+ -moz-opacity: $value !important;
+ opacity: $value !important;
+ }
+ @else {
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=$value*100);
+ -moz-opacity: $value;
+ opacity: $value;
+ }
+}
+@mixin wbz-spacer($value){
+ clear: both;
+ font-size: 1px;
+ height: $value;
+ line-height: 1px;
+ overflow: hidden;
+}
+@mixin wbz-placeholder-color($value){
+ ::-webkit-input-placeholder {
+ color: $value;
+ }
+ :-moz-placeholder {
+ color: $value;
+ }
+ ::-moz-placeholder {
+ color: $value;
+ }
+ :-ms-input-placeholder {
+ color: $value;
+ }
+}
+