diff options
| author |   Anthony G. Basile <blueness@gentoo.org> | 2017-05-20 17:02:17 -0400 |
|---|---|---|
| committer | Anthony G. Basile <blueness@gentoo.org> | 2017-05-20 17:02:17 -0400 |
| commit | 7110857caa2bec4dc45c2f2eeba3e537e82fae79 (patch) | |
| tree | 840bdbd374eb3b4d88e38c7110c897608f770737 /plugins/wordpress-mobile-pack/admin/sass/mixins | |
| parent | Update Aksimet v3.3.1, Jetpack v 4.9, Public Post Preview v 2.6.0 (diff) | |
| download | blogs-gentoo-7110857caa2bec4dc45c2f2eeba3e537e82fae79.tar.gz blogs-gentoo-7110857caa2bec4dc45c2f2eeba3e537e82fae79.tar.bz2 blogs-gentoo-7110857caa2bec4dc45c2f2eeba3e537e82fae79.zip | |
Update wordpress-mobile-pack 3.0
Signed-off-by: Anthony G. Basile <blueness@gentoo.org>
Diffstat (limited to 'plugins/wordpress-mobile-pack/admin/sass/mixins')
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;
+ }
+}
+
|