Version Description
- April 13 2019 =
- Added font-size option to some widgets
- Security fix
Download this release
Release Info
| Developer | iamadi |
| Plugin |  Widgets for SiteOrigin |
| Version | 1.4.5 |
| Comparing to | |
| See all releases | |
Code changes from version 1.4.4 to 1.4.5
- readme.txt +5 -1
- widgets-for-siteorigin.php +2 -2
- widgets/ink-alrt-widget/ink-alrt-widget.php +6 -5
- widgets/ink-alrt-widget/styles/alert.less +108 -88
- widgets/ink-ardn-widget/ink-ardn-widget.php +6 -0
- widgets/ink-ardn-widget/styles/accordion.less +53 -34
- widgets/ink-btns-widget/ink-btns-widget.php +6 -0
- widgets/ink-btns-widget/styles/buttons.less +239 -208
- widgets/ink-fard-widget/ink-fard-widget.php +12 -0
- widgets/ink-fard-widget/styles/filter-accordion.less +107 -78
- widgets/ink-mbox-widget/ink-mbox-widget.php +6 -0
- widgets/ink-mbox-widget/styles/media-box.less +205 -177
- widgets/ink-ptfl-widget/ink-ptfl-widget.php +19 -1
- widgets/ink-ptfl-widget/styles/folio-default.less +123 -102
- widgets/ink-ptfl-widget/styles/folio-gallery.less +130 -109
- widgets/ink-tabb-widget/ink-tabb-widget.php +6 -0
- widgets/ink-tabb-widget/styles/tabs.less +93 -69
readme.txt
CHANGED
|
@@ -3,7 +3,7 @@ Contributors: iamadi, freemius
|
|
| 3 |
Tags: widget, siteorigin, siteorigin widgets bundle, siteorigin page builder, siteorigin widgets, page builder
|
| 4 |
Requires at least: 3.9
|
| 5 |
Tested up to: 5.1.0
|
| 6 |
-
Stable tag: 1.4.
|
| 7 |
License: GPLv3 or later
|
| 8 |
|
| 9 |
A library of highly customizable and thoughtfully crafted widgets that can be used in any widgetized area. Built on top of the SiteOrigin Widgets Bundle.
|
|
@@ -87,6 +87,10 @@ Once installed, you can choose to Active/Deactivate widget from Plugins -> SiteO
|
|
| 87 |
|
| 88 |
== Changelog ==
|
| 89 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 90 |
= 1.4.4 - March 27 2019 =
|
| 91 |
* [PRO] Fixed error with fonts
|
| 92 |
* Removed display of Pro Field in free version
|
| 3 |
Tags: widget, siteorigin, siteorigin widgets bundle, siteorigin page builder, siteorigin widgets, page builder
|
| 4 |
Requires at least: 3.9
|
| 5 |
Tested up to: 5.1.0
|
| 6 |
+
Stable tag: 1.4.5
|
| 7 |
License: GPLv3 or later
|
| 8 |
|
| 9 |
A library of highly customizable and thoughtfully crafted widgets that can be used in any widgetized area. Built on top of the SiteOrigin Widgets Bundle.
|
| 87 |
|
| 88 |
== Changelog ==
|
| 89 |
|
| 90 |
+
= 1.4.5 - April 13 2019 =
|
| 91 |
+
* Added font-size option to some widgets
|
| 92 |
+
* Security fix
|
| 93 |
+
|
| 94 |
= 1.4.4 - March 27 2019 =
|
| 95 |
* [PRO] Fixed error with fonts
|
| 96 |
* Removed display of Pro Field in free version
|
widgets-for-siteorigin.php
CHANGED
|
@@ -5,7 +5,7 @@
|
|
| 5 |
* Plugin Name: Widgets for SiteOrigin
|
| 6 |
* Plugin URI: https://wpinked.com/plugins/widgets-for-siteorigin/
|
| 7 |
* Description: A library of highly customizable and thoughtfully crafted widgets. Built on top of the SiteOrigin Widgets Bundle.
|
| 8 |
-
* Version: 1.4.
|
| 9 |
* Author: WPinked
|
| 10 |
* Author URI: widgets.wpinked.com
|
| 11 |
* License: GPL-2.0+
|
|
@@ -64,7 +64,7 @@ if ( !function_exists( 'wfs_fs_wpinked_widgets_so' ) ) {
|
|
| 64 |
wfs_fs_wpinked_widgets_so();
|
| 65 |
// Signal that SDK was initiated.
|
| 66 |
do_action( 'wfs_fs_wpinked_widgets_so_loaded' );
|
| 67 |
-
define( 'INKED_SO_VER', '1.4.
|
| 68 |
// Allow JS suffix to be pre-set
|
| 69 |
if ( !defined( 'INKED_JS_SUFFIX' ) ) {
|
| 70 |
define( 'INKED_JS_SUFFIX', '.min' );
|
| 5 |
* Plugin Name: Widgets for SiteOrigin
|
| 6 |
* Plugin URI: https://wpinked.com/plugins/widgets-for-siteorigin/
|
| 7 |
* Description: A library of highly customizable and thoughtfully crafted widgets. Built on top of the SiteOrigin Widgets Bundle.
|
| 8 |
+
* Version: 1.4.5
|
| 9 |
* Author: WPinked
|
| 10 |
* Author URI: widgets.wpinked.com
|
| 11 |
* License: GPL-2.0+
|
| 64 |
wfs_fs_wpinked_widgets_so();
|
| 65 |
// Signal that SDK was initiated.
|
| 66 |
do_action( 'wfs_fs_wpinked_widgets_so_loaded' );
|
| 67 |
+
define( 'INKED_SO_VER', '1.4.5' );
|
| 68 |
// Allow JS suffix to be pre-set
|
| 69 |
if ( !defined( 'INKED_JS_SUFFIX' ) ) {
|
| 70 |
define( 'INKED_JS_SUFFIX', '.min' );
|
widgets/ink-alrt-widget/ink-alrt-widget.php
CHANGED
|
@@ -28,11 +28,6 @@ class Inked_Alert_SO_Widget extends SiteOrigin_Widget {
|
|
| 28 |
function get_widget_form() {
|
| 29 |
return array(
|
| 30 |
|
| 31 |
-
|
| 32 |
-
'premium' => array(
|
| 33 |
-
'type' => 'premium',
|
| 34 |
-
'label' => __( 'Premium Field', 'wpinked-widgets' ),
|
| 35 |
-
),
|
| 36 |
'message' => array(
|
| 37 |
'type' => 'text',
|
| 38 |
'label' => __( 'Message', 'wpinked-widgets' ),
|
|
@@ -96,6 +91,11 @@ class Inked_Alert_SO_Widget extends SiteOrigin_Widget {
|
|
| 96 |
'label' => __( 'Font', 'wpinked-widgets' ),
|
| 97 |
),
|
| 98 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 99 |
'text' => array(
|
| 100 |
'type' => 'color',
|
| 101 |
'label' => __( 'Message Color', 'wpinked-widgets' ),
|
|
@@ -213,6 +213,7 @@ class Inked_Alert_SO_Widget extends SiteOrigin_Widget {
|
|
| 213 |
'close-color' => $instance['styling']['close'],
|
| 214 |
'close-background' => $instance['styling']['close-bg'],
|
| 215 |
'close-radius' => $instance['styling']['close-radius'],
|
|
|
|
| 216 |
);
|
| 217 |
if ( $instance['styling']['font'] && function_exists( 'wpinked_pro_so_widgets' ) ) {
|
| 218 |
$selected_font = siteorigin_widget_get_font( $instance['styling']['font'] );
|
| 28 |
function get_widget_form() {
|
| 29 |
return array(
|
| 30 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 31 |
'message' => array(
|
| 32 |
'type' => 'text',
|
| 33 |
'label' => __( 'Message', 'wpinked-widgets' ),
|
| 91 |
'label' => __( 'Font', 'wpinked-widgets' ),
|
| 92 |
),
|
| 93 |
|
| 94 |
+
'font-size' => array(
|
| 95 |
+
'type' => 'measurement',
|
| 96 |
+
'label' => __( 'Font Size', 'wpinked-widgets' ),
|
| 97 |
+
),
|
| 98 |
+
|
| 99 |
'text' => array(
|
| 100 |
'type' => 'color',
|
| 101 |
'label' => __( 'Message Color', 'wpinked-widgets' ),
|
| 213 |
'close-color' => $instance['styling']['close'],
|
| 214 |
'close-background' => $instance['styling']['close-bg'],
|
| 215 |
'close-radius' => $instance['styling']['close-radius'],
|
| 216 |
+
'font-size' => $instance['styling']['font-size']
|
| 217 |
);
|
| 218 |
if ( $instance['styling']['font'] && function_exists( 'wpinked_pro_so_widgets' ) ) {
|
| 219 |
$selected_font = siteorigin_widget_get_font( $instance['styling']['font'] );
|
widgets/ink-alrt-widget/styles/alert.less
CHANGED
|
@@ -13,93 +13,113 @@
|
|
| 13 |
@close-radius: 0em;
|
| 14 |
@font-fly: default;
|
| 15 |
@font-wt: bold;
|
|
|
|
| 16 |
|
| 17 |
.iw-so-alert {
|
| 18 |
-
|
| 19 |
-
|
| 20 |
-
|
| 21 |
-
|
| 22 |
-
|
| 23 |
-
|
| 24 |
-
|
| 25 |
-
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
|
| 87 |
-
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
|
| 91 |
-
|
| 92 |
-
|
| 93 |
-
|
| 94 |
-
|
| 95 |
-
|
| 96 |
-
|
| 97 |
-
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
|
| 101 |
-
|
| 102 |
-
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 13 |
@close-radius: 0em;
|
| 14 |
@font-fly: default;
|
| 15 |
@font-wt: bold;
|
| 16 |
+
@font-size: '';
|
| 17 |
|
| 18 |
.iw-so-alert {
|
| 19 |
+
color: @text-color;
|
| 20 |
+
border-radius: @radius;
|
| 21 |
+
|
| 22 |
+
.alert-size() when (@size =small) {
|
| 23 |
+
font-size: 0.95em;
|
| 24 |
+
padding: 0.875em 2em 0.875em 3em;
|
| 25 |
+
}
|
| 26 |
+
|
| 27 |
+
.alert-size() when (@size =standard) {
|
| 28 |
+
font-size: 1.25em;
|
| 29 |
+
padding: 1em 2.5em 1em 3.2em;
|
| 30 |
+
}
|
| 31 |
+
|
| 32 |
+
.alert-size() when (@size =large) {
|
| 33 |
+
font-size: 1.5em;
|
| 34 |
+
padding: 1.125em 3em 1.125em 3em;
|
| 35 |
+
}
|
| 36 |
+
|
| 37 |
+
.alert-size();
|
| 38 |
+
|
| 39 |
+
.alert-theme() when (@theme =classic) {
|
| 40 |
+
.gradient(@background, darken(@background, 15%), @background);
|
| 41 |
+
border: 1px solid;
|
| 42 |
+
border-color: darken(@background, 8%) darken(@background, 10%) darken(@background, 13%) darken(@background, 10%);
|
| 43 |
+
}
|
| 44 |
+
|
| 45 |
+
.alert-theme() when (@theme =flat) {
|
| 46 |
+
background: @background;
|
| 47 |
+
border: 1px solid @background;
|
| 48 |
+
}
|
| 49 |
+
|
| 50 |
+
.alert-theme() when (@theme =outline) {
|
| 51 |
+
background: transparent;
|
| 52 |
+
border: 1px solid @background;
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
+
.alert-theme() when (@theme =threed) {
|
| 56 |
+
background: @background;
|
| 57 |
+
border: solid darken(@background, 10%);
|
| 58 |
+
border-width: 0 0 5px 0;
|
| 59 |
+
}
|
| 60 |
+
|
| 61 |
+
.alert-theme() when (@theme =shadow) {
|
| 62 |
+
.drop-shadow(1px, 1px, 4px, 0.4);
|
| 63 |
+
background: @background;
|
| 64 |
+
border: 1px solid @background;
|
| 65 |
+
}
|
| 66 |
+
|
| 67 |
+
.alert-theme() when (@theme =modern) {
|
| 68 |
+
background: @background;
|
| 69 |
+
.box-shadow(inset 5px 0px 0px darken(@background, 25%))
|
| 70 |
+
}
|
| 71 |
+
|
| 72 |
+
.alert-theme();
|
| 73 |
+
|
| 74 |
+
[class^="sow-icon-"] {
|
| 75 |
+
color: @icon-color;
|
| 76 |
+
|
| 77 |
+
.icon-size() when (@size =small) {
|
| 78 |
+
left: 1.5em;
|
| 79 |
+
font-size: 1em;
|
| 80 |
+
}
|
| 81 |
+
|
| 82 |
+
.icon-size() when (@size =standard) {
|
| 83 |
+
left: 1em;
|
| 84 |
+
font-size: 1.25em;
|
| 85 |
+
}
|
| 86 |
+
|
| 87 |
+
.icon-size() when (@size =large) {
|
| 88 |
+
left: 0.5em;
|
| 89 |
+
font-size: 1.5em;
|
| 90 |
+
}
|
| 91 |
+
|
| 92 |
+
.icon-size();
|
| 93 |
+
|
| 94 |
+
}
|
| 95 |
+
|
| 96 |
+
.iw-so-alert-msg {
|
| 97 |
+
line-height: 1.5;
|
| 98 |
+
.font(@font-fly, @font-wt);
|
| 99 |
+
font-size: @font-size;
|
| 100 |
+
}
|
| 101 |
+
|
| 102 |
+
.close {
|
| 103 |
+
color: @close-color;
|
| 104 |
+
background: @close-background;
|
| 105 |
+
border-radius: @close-radius;
|
| 106 |
+
|
| 107 |
+
.close-size() when (@size =small) {
|
| 108 |
+
font-size: 1em;
|
| 109 |
+
padding: 5px 8px;
|
| 110 |
+
}
|
| 111 |
+
|
| 112 |
+
.close-size() when (@size =standard) {
|
| 113 |
+
font-size: 1.15em;
|
| 114 |
+
padding: 5px 8px;
|
| 115 |
+
}
|
| 116 |
+
|
| 117 |
+
.close-size() when (@size =large) {
|
| 118 |
+
font-size: 1.4em;
|
| 119 |
+
padding: 5px 10px;
|
| 120 |
+
}
|
| 121 |
+
|
| 122 |
+
.close-size();
|
| 123 |
+
}
|
| 124 |
+
|
| 125 |
+
}
|
widgets/ink-ardn-widget/ink-ardn-widget.php
CHANGED
|
@@ -202,6 +202,11 @@ class Inked_Accordion_SO_Widget extends SiteOrigin_Widget {
|
|
| 202 |
'label' => __( 'Title Font', 'wpinked-widgets' ),
|
| 203 |
),
|
| 204 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 205 |
'icon-open' => array(
|
| 206 |
'type' => 'color',
|
| 207 |
'label' => __( 'Icon Open Color', 'wpinked-widgets' ),
|
|
@@ -262,6 +267,7 @@ class Inked_Accordion_SO_Widget extends SiteOrigin_Widget {
|
|
| 262 |
'cont-bg' => $instance['styling']['content-bg'],
|
| 263 |
'icon-open' => $instance['styling']['icon-open'],
|
| 264 |
'icon-close' => $instance['styling']['icon-close'],
|
|
|
|
| 265 |
);
|
| 266 |
|
| 267 |
if ( $instance['styling']['title-font'] && function_exists( 'wpinked_pro_so_widgets' ) ) {
|
| 202 |
'label' => __( 'Title Font', 'wpinked-widgets' ),
|
| 203 |
),
|
| 204 |
|
| 205 |
+
'title-size' => array(
|
| 206 |
+
'type' => 'measurement',
|
| 207 |
+
'label' => __( 'Title Font Size', 'wpinked-widgets' ),
|
| 208 |
+
),
|
| 209 |
+
|
| 210 |
'icon-open' => array(
|
| 211 |
'type' => 'color',
|
| 212 |
'label' => __( 'Icon Open Color', 'wpinked-widgets' ),
|
| 267 |
'cont-bg' => $instance['styling']['content-bg'],
|
| 268 |
'icon-open' => $instance['styling']['icon-open'],
|
| 269 |
'icon-close' => $instance['styling']['icon-close'],
|
| 270 |
+
'title-size' => $instance['styling']['title-size'],
|
| 271 |
);
|
| 272 |
|
| 273 |
if ( $instance['styling']['title-font'] && function_exists( 'wpinked_pro_so_widgets' ) ) {
|
widgets/ink-ardn-widget/styles/accordion.less
CHANGED
|
@@ -13,39 +13,58 @@
|
|
| 13 |
@title-h-bg: transparent;
|
| 14 |
@title-font-fly: default;
|
| 15 |
@title-font-wt: normal;
|
|
|
|
| 16 |
|
| 17 |
.iw-so-accordion .iw-so-acc-item {
|
| 18 |
-
|
| 19 |
-
|
| 20 |
-
|
| 21 |
-
|
| 22 |
-
|
| 23 |
-
|
| 24 |
-
|
| 25 |
-
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 13 |
@title-h-bg: transparent;
|
| 14 |
@title-font-fly: default;
|
| 15 |
@title-font-wt: normal;
|
| 16 |
+
@title-size: '';
|
| 17 |
|
| 18 |
.iw-so-accordion .iw-so-acc-item {
|
| 19 |
+
.gap() when (@gap =1) {
|
| 20 |
+
margin-bottom: 12px;
|
| 21 |
+
}
|
| 22 |
+
|
| 23 |
+
.gap();
|
| 24 |
+
|
| 25 |
+
.iw-so-acc-title {
|
| 26 |
+
background: @title-bg;
|
| 27 |
+
color: @title;
|
| 28 |
+
.font(@title-font-fly, @title-font-wt);
|
| 29 |
+
font-size: @title-size;
|
| 30 |
+
|
| 31 |
+
.icon-padding() when (@icon =right) {
|
| 32 |
+
padding-right: 3.5em;
|
| 33 |
+
}
|
| 34 |
+
|
| 35 |
+
.icon-padding() when (@icon =left) {
|
| 36 |
+
padding-left: 3.5em;
|
| 37 |
+
}
|
| 38 |
+
|
| 39 |
+
.icon-padding();
|
| 40 |
+
|
| 41 |
+
&:hover {
|
| 42 |
+
background: @title-h-bg;
|
| 43 |
+
color: @title-h;
|
| 44 |
+
}
|
| 45 |
+
|
| 46 |
+
span {
|
| 47 |
+
.icon-pos() when (@icon =right) {
|
| 48 |
+
right: 7px;
|
| 49 |
+
}
|
| 50 |
+
|
| 51 |
+
.icon-pos() when (@icon =left) {
|
| 52 |
+
left: 7px;
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
+
.icon-pos();
|
| 56 |
+
}
|
| 57 |
+
|
| 58 |
+
.iw-so-tgl-close {
|
| 59 |
+
color: @icon-close;
|
| 60 |
+
}
|
| 61 |
+
|
| 62 |
+
.iw-so-tgl-open {
|
| 63 |
+
color: @icon-open;
|
| 64 |
+
}
|
| 65 |
+
}
|
| 66 |
+
|
| 67 |
+
.iw-so-acc-content {
|
| 68 |
+
background: @cont-bg;
|
| 69 |
+
}
|
| 70 |
+
}
|
widgets/ink-btns-widget/ink-btns-widget.php
CHANGED
|
@@ -117,6 +117,11 @@ class Inked_Buttons_SO_Widget extends SiteOrigin_Widget {
|
|
| 117 |
'label' => __( 'Font', 'wpinked-widgets' ),
|
| 118 |
),
|
| 119 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 120 |
'hover' => array(
|
| 121 |
'type' => 'checkbox',
|
| 122 |
'default' => true,
|
|
@@ -231,6 +236,7 @@ class Inked_Buttons_SO_Widget extends SiteOrigin_Widget {
|
|
| 231 |
'align' => $instance['styling']['align'],
|
| 232 |
'icon' => $instance['icon']['location'],
|
| 233 |
'theme' => $instance['styling']['theme'],
|
|
|
|
| 234 |
);
|
| 235 |
|
| 236 |
if ( $instance['styling']['font'] && function_exists( 'wpinked_pro_so_widgets' ) ) {
|
| 117 |
'label' => __( 'Font', 'wpinked-widgets' ),
|
| 118 |
),
|
| 119 |
|
| 120 |
+
'font-size' => array(
|
| 121 |
+
'type' => 'measurement',
|
| 122 |
+
'label' => __( 'Font Size', 'wpinked-widgets' ),
|
| 123 |
+
),
|
| 124 |
+
|
| 125 |
'hover' => array(
|
| 126 |
'type' => 'checkbox',
|
| 127 |
'default' => true,
|
| 236 |
'align' => $instance['styling']['align'],
|
| 237 |
'icon' => $instance['icon']['location'],
|
| 238 |
'theme' => $instance['styling']['theme'],
|
| 239 |
+
'font-size' => $instance['styling']['font-size']
|
| 240 |
);
|
| 241 |
|
| 242 |
if ( $instance['styling']['font'] && function_exists( 'wpinked_pro_so_widgets' ) ) {
|
widgets/ink-btns-widget/styles/buttons.less
CHANGED
|
@@ -1,6 +1,6 @@
|
|
| 1 |
@import "../mixins/less/mixins";
|
| 2 |
|
| 3 |
-
.widget-function(
|
| 4 |
|
| 5 |
@radius: 0em;
|
| 6 |
@text: #fff;
|
|
@@ -11,212 +11,243 @@
|
|
| 11 |
@theme: flat;
|
| 12 |
@font-fly: default;
|
| 13 |
@font-wt: bold;
|
|
|
|
| 14 |
|
| 15 |
.iw-so-button-base {
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
| 20 |
-
|
| 21 |
-
|
| 22 |
-
|
| 23 |
-
|
| 24 |
-
|
| 25 |
-
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
|
| 87 |
-
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
|
| 91 |
-
|
| 92 |
-
|
| 93 |
-
|
| 94 |
-
|
| 95 |
-
|
| 96 |
-
|
| 97 |
-
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
|
| 101 |
-
|
| 102 |
-
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
|
| 111 |
-
|
| 112 |
-
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
|
| 116 |
-
|
| 117 |
-
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
|
| 122 |
-
|
| 123 |
-
|
| 124 |
-
|
| 125 |
-
|
| 126 |
-
|
| 127 |
-
|
| 128 |
-
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
|
| 138 |
-
|
| 139 |
-
|
| 140 |
-
|
| 141 |
-
|
| 142 |
-
|
| 143 |
-
|
| 144 |
-
|
| 145 |
-
|
| 146 |
-
|
| 147 |
-
|
| 148 |
-
|
| 149 |
-
|
| 150 |
-
|
| 151 |
-
|
| 152 |
-
|
| 153 |
-
|
| 154 |
-
|
| 155 |
-
|
| 156 |
-
|
| 157 |
-
|
| 158 |
-
|
| 159 |
-
|
| 160 |
-
|
| 161 |
-
|
| 162 |
-
|
| 163 |
-
|
| 164 |
-
|
| 165 |
-
|
| 166 |
-
|
| 167 |
-
|
| 168 |
-
|
| 169 |
-
|
| 170 |
-
|
| 171 |
-
|
| 172 |
-
|
| 173 |
-
|
| 174 |
-
|
| 175 |
-
|
| 176 |
-
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
|
| 180 |
-
|
| 181 |
-
|
| 182 |
-
|
| 183 |
-
|
| 184 |
-
|
| 185 |
-
|
| 186 |
-
|
| 187 |
-
|
| 188 |
-
|
| 189 |
-
|
| 190 |
-
|
| 191 |
-
|
| 192 |
-
|
| 193 |
-
|
| 194 |
-
|
| 195 |
-
|
| 196 |
-
|
| 197 |
-
|
| 198 |
-
|
| 199 |
-
|
| 200 |
-
|
| 201 |
-
|
| 202 |
-
|
| 203 |
-
|
| 204 |
-
|
| 205 |
-
|
| 206 |
-
|
| 207 |
-
|
| 208 |
-
|
| 209 |
-
|
| 210 |
-
|
| 211 |
-
|
| 212 |
-
|
| 213 |
-
|
| 214 |
-
|
| 215 |
-
|
| 216 |
-
|
| 217 |
-
|
| 218 |
-
|
| 219 |
-
|
| 220 |
-
|
| 221 |
-
|
| 222 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
@import "../mixins/less/mixins";
|
| 2 |
|
| 3 |
+
.widget-function("import_google_font");
|
| 4 |
|
| 5 |
@radius: 0em;
|
| 6 |
@text: #fff;
|
| 11 |
@theme: flat;
|
| 12 |
@font-fly: default;
|
| 13 |
@font-wt: bold;
|
| 14 |
+
@font-size: "";
|
| 15 |
|
| 16 |
.iw-so-button-base {
|
| 17 |
+
.btn-align() when (@align =left) {
|
| 18 |
+
text-align: left;
|
| 19 |
+
}
|
| 20 |
+
|
| 21 |
+
.btn-align() when (@align =right) {
|
| 22 |
+
text-align: right;
|
| 23 |
+
}
|
| 24 |
+
|
| 25 |
+
.btn-align() when (@align =center) {
|
| 26 |
+
text-align: center;
|
| 27 |
+
}
|
| 28 |
+
|
| 29 |
+
.btn-align();
|
| 30 |
+
|
| 31 |
+
.iw-so-button {
|
| 32 |
+
border-radius: @radius;
|
| 33 |
+
color: @text;
|
| 34 |
+
.font(@font-fly, @font-wt);
|
| 35 |
+
|
| 36 |
+
.btn-size() when (@size =tiny) {
|
| 37 |
+
font-size: 0.75em;
|
| 38 |
+
padding: 0.625em 1.25em;
|
| 39 |
+
}
|
| 40 |
+
|
| 41 |
+
.btn-size() when (@size =small) {
|
| 42 |
+
font-size: 0.9em;
|
| 43 |
+
padding: 0.875em 1.75em;
|
| 44 |
+
}
|
| 45 |
+
|
| 46 |
+
.btn-size() when (@size =standard) {
|
| 47 |
+
font-size: 1.2em;
|
| 48 |
+
padding: 1em 2em;
|
| 49 |
+
}
|
| 50 |
+
|
| 51 |
+
.btn-size() when (@size =large) {
|
| 52 |
+
font-size: 1.75em;
|
| 53 |
+
padding: 1.125em 2.25em;
|
| 54 |
+
}
|
| 55 |
+
|
| 56 |
+
.btn-size();
|
| 57 |
+
font-size: @font-size;
|
| 58 |
+
|
| 59 |
+
.full-width() when (@align =full) {
|
| 60 |
+
padding-left: 0;
|
| 61 |
+
padding-right: 0;
|
| 62 |
+
width: 100%;
|
| 63 |
+
}
|
| 64 |
+
|
| 65 |
+
.full-width();
|
| 66 |
+
|
| 67 |
+
.btn-theme() when (@theme =classic) {
|
| 68 |
+
.gradient(@button, darken(@button, 15%), @button);
|
| 69 |
+
border: 1px solid;
|
| 70 |
+
border-color: darken(@button, 8%) darken(@button, 10%) darken(@button, 13%) darken(@button, 10%);
|
| 71 |
+
}
|
| 72 |
+
|
| 73 |
+
.btn-theme() when (@theme =flat) {
|
| 74 |
+
background: @button;
|
| 75 |
+
border: 1px solid @button;
|
| 76 |
+
}
|
| 77 |
+
|
| 78 |
+
.btn-theme() when (@theme =outline) {
|
| 79 |
+
background: transparent;
|
| 80 |
+
border: 2px solid @button;
|
| 81 |
+
color: @button;
|
| 82 |
+
}
|
| 83 |
+
|
| 84 |
+
.btn-theme() when (@theme =threed) {
|
| 85 |
+
background: @button;
|
| 86 |
+
box-shadow: 0px 5px 0px 0px darken(@button, 10%);
|
| 87 |
+
}
|
| 88 |
+
|
| 89 |
+
.btn-theme() when (@theme =shadow) {
|
| 90 |
+
.drop-shadow(1px, 1px, 4px, 0.4);
|
| 91 |
+
background: @button;
|
| 92 |
+
border: 1px solid @button;
|
| 93 |
+
}
|
| 94 |
+
|
| 95 |
+
.btn-theme() when (@theme =deline) {
|
| 96 |
+
background: @button;
|
| 97 |
+
border: 2px solid @button;
|
| 98 |
+
}
|
| 99 |
+
|
| 100 |
+
.btn-theme();
|
| 101 |
+
|
| 102 |
+
[class^="sow-icon-"] {
|
| 103 |
+
.icon-size() when (@size =tiny) {
|
| 104 |
+
font-size: 0.9em;
|
| 105 |
+
}
|
| 106 |
+
|
| 107 |
+
.icon-size() when (@size =small) {
|
| 108 |
+
font-size: 1.1em;
|
| 109 |
+
}
|
| 110 |
+
|
| 111 |
+
.icon-size() when (@size =standard) {
|
| 112 |
+
font-size: 1.5em;
|
| 113 |
+
}
|
| 114 |
+
|
| 115 |
+
.icon-size() when (@size =large) {
|
| 116 |
+
font-size: 2em;
|
| 117 |
+
}
|
| 118 |
+
|
| 119 |
+
.icon-size();
|
| 120 |
+
|
| 121 |
+
height: 1em;
|
| 122 |
+
width: auto;
|
| 123 |
+
|
| 124 |
+
.icon-loc() when (@icon =left) {
|
| 125 |
+
float: left;
|
| 126 |
+
margin: -0.1em 0.75em -0.2em 0em;
|
| 127 |
+
}
|
| 128 |
+
|
| 129 |
+
.icon-loc() when (@icon =right) {
|
| 130 |
+
float: right;
|
| 131 |
+
margin: -0.1em 0em -0.2em 0.75em;
|
| 132 |
+
}
|
| 133 |
+
|
| 134 |
+
.icon-loc() when (@icon =above) {
|
| 135 |
+
margin: -0.1em auto 0.5em auto;
|
| 136 |
+
}
|
| 137 |
+
|
| 138 |
+
.icon-loc();
|
| 139 |
+
|
| 140 |
+
display: block;
|
| 141 |
+
}
|
| 142 |
+
|
| 143 |
+
&:hover {
|
| 144 |
+
.dft-theme() when (@theme =classic) {
|
| 145 |
+
color: @text;
|
| 146 |
+
}
|
| 147 |
+
|
| 148 |
+
.dft-theme() when (@theme =flat) {
|
| 149 |
+
color: @text;
|
| 150 |
+
}
|
| 151 |
+
|
| 152 |
+
.dft-theme() when (@theme =outline) {
|
| 153 |
+
color: @button;
|
| 154 |
+
}
|
| 155 |
+
|
| 156 |
+
.dft-theme() when (@theme =threed) {
|
| 157 |
+
color: @text;
|
| 158 |
+
}
|
| 159 |
+
|
| 160 |
+
.dft-theme() when (@theme =shadow) {
|
| 161 |
+
color: @text;
|
| 162 |
+
}
|
| 163 |
+
|
| 164 |
+
.dft-theme() when (@theme =deline) {
|
| 165 |
+
color: @text;
|
| 166 |
+
}
|
| 167 |
+
|
| 168 |
+
.dft-theme();
|
| 169 |
+
}
|
| 170 |
+
|
| 171 |
+
&.iw-so-button-hover {
|
| 172 |
+
&:hover {
|
| 173 |
+
color: @text;
|
| 174 |
+
|
| 175 |
+
.btn-hover() when (@theme =classic) {
|
| 176 |
+
.gradient(lighten(@button, 2%),
|
| 177 |
+
darken(@button, 20%),
|
| 178 |
+
lighten(@button, 2%));
|
| 179 |
+
border-color: darken(@button, 4%) darken(@button, 6%) darken(@button, 18%) darken(@button, 6%);
|
| 180 |
+
color: @text;
|
| 181 |
+
}
|
| 182 |
+
|
| 183 |
+
.btn-hover() when (@theme =flat) {
|
| 184 |
+
background: darken(@button, 7.5%);
|
| 185 |
+
border-color: darken(@button, 7.5%);
|
| 186 |
+
}
|
| 187 |
+
|
| 188 |
+
.btn-hover() when (@theme =outline) {
|
| 189 |
+
background: @button;
|
| 190 |
+
color: @text;
|
| 191 |
+
}
|
| 192 |
+
|
| 193 |
+
.btn-hover() when (@theme =threed) {
|
| 194 |
+
background: lighten(@button, 10%);
|
| 195 |
+
}
|
| 196 |
+
|
| 197 |
+
.btn-hover() when (@theme =shadow) {
|
| 198 |
+
background: lighten(@button, 5%);
|
| 199 |
+
border-color: lighten(@button, 5%);
|
| 200 |
+
.drop-shadow(1px, 1px, 8px, 0.4);
|
| 201 |
+
}
|
| 202 |
+
|
| 203 |
+
.btn-hover() when (@theme =deline) {
|
| 204 |
+
color: @button;
|
| 205 |
+
background: transparent;
|
| 206 |
+
}
|
| 207 |
+
|
| 208 |
+
.btn-hover();
|
| 209 |
+
}
|
| 210 |
+
}
|
| 211 |
+
|
| 212 |
+
&.iw-so-button-click {
|
| 213 |
+
&:active {
|
| 214 |
+
.btn-active() when (@theme =classic) {
|
| 215 |
+
.box-shadow(inset 0 3px 25px darken(@button, 25%));
|
| 216 |
+
}
|
| 217 |
+
|
| 218 |
+
.btn-active() when (@theme =flat) {
|
| 219 |
+
background: darken(@button, 15%);
|
| 220 |
+
border-color: darken(@button, 15%);
|
| 221 |
+
}
|
| 222 |
+
|
| 223 |
+
.btn-active() when (@theme =outline) {
|
| 224 |
+
background: lighten(@button, 10%);
|
| 225 |
+
border-color: lighten(@button, 10%);
|
| 226 |
+
color: @text;
|
| 227 |
+
}
|
| 228 |
+
|
| 229 |
+
.btn-active() when (@theme =threed) {
|
| 230 |
+
-webkit-transform: translate(0, 5px);
|
| 231 |
+
-moz-transform: translate(0, 5px);
|
| 232 |
+
-ms-transform: translate(0, 5px);
|
| 233 |
+
-o-transform: translate(0, 5px);
|
| 234 |
+
transform: translate(0, 5px);
|
| 235 |
+
box-shadow: 0px 1px 0px 0px;
|
| 236 |
+
}
|
| 237 |
+
|
| 238 |
+
.btn-active() when (@theme =shadow) {
|
| 239 |
+
background: darken(@button, 4%);
|
| 240 |
+
border-color: darken(@button, 4%);
|
| 241 |
+
}
|
| 242 |
+
|
| 243 |
+
.btn-active() when (@theme =deline) {
|
| 244 |
+
color: lighten(@button, 20%);
|
| 245 |
+
border-color: lighten(@button, 20%);
|
| 246 |
+
background: transparent;
|
| 247 |
+
}
|
| 248 |
+
|
| 249 |
+
.btn-active();
|
| 250 |
+
}
|
| 251 |
+
}
|
| 252 |
+
}
|
| 253 |
+
}
|
widgets/ink-fard-widget/ink-fard-widget.php
CHANGED
|
@@ -198,6 +198,11 @@ class Inked_Filter_Accordion_SO_Widget extends SiteOrigin_Widget {
|
|
| 198 |
'label' => __( 'Filter List Font', 'wpinked-widgets' ),
|
| 199 |
),
|
| 200 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 201 |
'type-color' => array(
|
| 202 |
'type' => 'color',
|
| 203 |
'label' => __( 'Filter List Color', 'wpinked-widgets' ),
|
|
@@ -279,6 +284,11 @@ class Inked_Filter_Accordion_SO_Widget extends SiteOrigin_Widget {
|
|
| 279 |
'label' => __( 'Title Font', 'wpinked-widgets' ),
|
| 280 |
),
|
| 281 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 282 |
'icon-open' => array(
|
| 283 |
'type' => 'color',
|
| 284 |
'label' => __( 'Icon Open Color', 'wpinked-widgets' ),
|
|
@@ -343,6 +353,8 @@ class Inked_Filter_Accordion_SO_Widget extends SiteOrigin_Widget {
|
|
| 343 |
'type-clr' => $instance['styling']['type-color'],
|
| 344 |
'type-hl' => $instance['styling']['type-h-color'],
|
| 345 |
'type-pos' => $instance['styling']['type-pos'],
|
|
|
|
|
|
|
| 346 |
);
|
| 347 |
|
| 348 |
if ( function_exists( 'wpinked_pro_so_widgets' ) ) {
|
| 198 |
'label' => __( 'Filter List Font', 'wpinked-widgets' ),
|
| 199 |
),
|
| 200 |
|
| 201 |
+
'type-size' => array(
|
| 202 |
+
'type' => 'measurement',
|
| 203 |
+
'label' => __( 'Filter List Font Size', 'wpinked-widgets' ),
|
| 204 |
+
),
|
| 205 |
+
|
| 206 |
'type-color' => array(
|
| 207 |
'type' => 'color',
|
| 208 |
'label' => __( 'Filter List Color', 'wpinked-widgets' ),
|
| 284 |
'label' => __( 'Title Font', 'wpinked-widgets' ),
|
| 285 |
),
|
| 286 |
|
| 287 |
+
'title-size' => array(
|
| 288 |
+
'type' => 'measurement',
|
| 289 |
+
'label' => __( 'Title Font Size', 'wpinked-widgets' ),
|
| 290 |
+
),
|
| 291 |
+
|
| 292 |
'icon-open' => array(
|
| 293 |
'type' => 'color',
|
| 294 |
'label' => __( 'Icon Open Color', 'wpinked-widgets' ),
|
| 353 |
'type-clr' => $instance['styling']['type-color'],
|
| 354 |
'type-hl' => $instance['styling']['type-h-color'],
|
| 355 |
'type-pos' => $instance['styling']['type-pos'],
|
| 356 |
+
'title-size' => $instance['styling']['title-size'],
|
| 357 |
+
'type-size' => $instance['styling']['type-size'],
|
| 358 |
);
|
| 359 |
|
| 360 |
if ( function_exists( 'wpinked_pro_so_widgets' ) ) {
|
widgets/ink-fard-widget/styles/filter-accordion.less
CHANGED
|
@@ -19,87 +19,116 @@
|
|
| 19 |
@title-font-wt: bold;
|
| 20 |
@type-font-fly: default;
|
| 21 |
@type-font-wt: bold;
|
|
|
|
|
|
|
| 22 |
|
| 23 |
.iw-so-filter-acrdn-terms .iw-so-acrdn-terms {
|
| 24 |
|
| 25 |
-
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 69 |
}
|
| 70 |
|
| 71 |
.iw-so-filter-accordion.iw-so-accordion .iw-so-acc-item {
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
|
| 87 |
-
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
|
| 91 |
-
|
| 92 |
-
|
| 93 |
-
|
| 94 |
-
|
| 95 |
-
|
| 96 |
-
|
| 97 |
-
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
|
| 101 |
-
|
| 102 |
-
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 19 |
@title-font-wt: bold;
|
| 20 |
@type-font-fly: default;
|
| 21 |
@type-font-wt: bold;
|
| 22 |
+
@title-size: '';
|
| 23 |
+
@type-size: '';
|
| 24 |
|
| 25 |
.iw-so-filter-acrdn-terms .iw-so-acrdn-terms {
|
| 26 |
|
| 27 |
+
.type-pos() when (@type-pos =left) {
|
| 28 |
+
float: left;
|
| 29 |
+
}
|
| 30 |
+
|
| 31 |
+
.type-pos() when (@type-pos =right) {
|
| 32 |
+
float: right;
|
| 33 |
+
}
|
| 34 |
+
|
| 35 |
+
.type-pos();
|
| 36 |
+
|
| 37 |
+
li {
|
| 38 |
+
|
| 39 |
+
a {
|
| 40 |
+
color: @type-clr;
|
| 41 |
+
.font(@type-font-fly, @type-font-wt);
|
| 42 |
+
font-size: @type-size;
|
| 43 |
+
|
| 44 |
+
.type-theme() when (@type-th =minimal) {
|
| 45 |
+
padding-left: 2px;
|
| 46 |
+
}
|
| 47 |
+
|
| 48 |
+
.type-theme() when (@type-th =outline) {
|
| 49 |
+
border: 2px solid transparent;
|
| 50 |
+
}
|
| 51 |
+
|
| 52 |
+
.type-theme();
|
| 53 |
+
|
| 54 |
+
&:hover,
|
| 55 |
+
&:focus {
|
| 56 |
+
color: @type-hl;
|
| 57 |
+
}
|
| 58 |
+
|
| 59 |
+
&.active {
|
| 60 |
+
|
| 61 |
+
.type-hl() when (@type-th =outline) {
|
| 62 |
+
border-color: @type-hl;
|
| 63 |
+
color: @type-hl;
|
| 64 |
+
}
|
| 65 |
+
|
| 66 |
+
.type-hl() when (@type-th =minimal) {
|
| 67 |
+
color: @type-hl;
|
| 68 |
+
}
|
| 69 |
+
|
| 70 |
+
.type-hl() when (@type-th =flat) {
|
| 71 |
+
background: @type-hl;
|
| 72 |
+
color: @type-clr;
|
| 73 |
+
}
|
| 74 |
+
|
| 75 |
+
.type-hl();
|
| 76 |
+
}
|
| 77 |
+
|
| 78 |
+
}
|
| 79 |
+
}
|
| 80 |
}
|
| 81 |
|
| 82 |
.iw-so-filter-accordion.iw-so-accordion .iw-so-acc-item {
|
| 83 |
+
.gap() when (@gap =1) {
|
| 84 |
+
margin-bottom: 12px;
|
| 85 |
+
}
|
| 86 |
+
|
| 87 |
+
.gap();
|
| 88 |
+
|
| 89 |
+
.iw-so-acc-title {
|
| 90 |
+
background: @title-bg;
|
| 91 |
+
color: @title;
|
| 92 |
+
.font(@title-font-fly, @title-font-wt);
|
| 93 |
+
font-size: @title-size;
|
| 94 |
+
|
| 95 |
+
.icon-padding() when (@icon =right) {
|
| 96 |
+
padding-right: 3.5em;
|
| 97 |
+
}
|
| 98 |
+
|
| 99 |
+
.icon-padding() when (@icon =left) {
|
| 100 |
+
padding-left: 3.5em;
|
| 101 |
+
}
|
| 102 |
+
|
| 103 |
+
.icon-padding();
|
| 104 |
+
|
| 105 |
+
&:hover {
|
| 106 |
+
background: @title-h-bg;
|
| 107 |
+
color: @title-h;
|
| 108 |
+
}
|
| 109 |
+
|
| 110 |
+
span {
|
| 111 |
+
.icon-pos() when (@icon =right) {
|
| 112 |
+
right: 7px;
|
| 113 |
+
}
|
| 114 |
+
|
| 115 |
+
.icon-pos() when (@icon =left) {
|
| 116 |
+
left: 7px;
|
| 117 |
+
}
|
| 118 |
+
|
| 119 |
+
.icon-pos();
|
| 120 |
+
}
|
| 121 |
+
|
| 122 |
+
.iw-so-tgl-close {
|
| 123 |
+
color: @icon-close;
|
| 124 |
+
}
|
| 125 |
+
|
| 126 |
+
.iw-so-tgl-open {
|
| 127 |
+
color: @icon-open;
|
| 128 |
+
}
|
| 129 |
+
}
|
| 130 |
+
|
| 131 |
+
.iw-so-acc-content {
|
| 132 |
+
background: @cont-bg;
|
| 133 |
+
}
|
| 134 |
+
}
|
widgets/ink-mbox-widget/ink-mbox-widget.php
CHANGED
|
@@ -245,6 +245,11 @@ class Inked_Media_Box_SO_Widget extends SiteOrigin_Widget {
|
|
| 245 |
'label' => __( 'Title Font', 'wpinked-widgets' ),
|
| 246 |
),
|
| 247 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 248 |
'content' => array(
|
| 249 |
'type' => 'color',
|
| 250 |
'label' => __( 'Content Color', 'wpinked-widgets' ),
|
|
@@ -360,6 +365,7 @@ class Inked_Media_Box_SO_Widget extends SiteOrigin_Widget {
|
|
| 360 |
'title' => $instance['styling']['title'],
|
| 361 |
'content' => $instance['styling']['content'],
|
| 362 |
'bg' => $instance['styling']['background'],
|
|
|
|
| 363 |
);
|
| 364 |
|
| 365 |
if ( function_exists( 'wpinked_pro_so_widgets' ) ) {
|
| 245 |
'label' => __( 'Title Font', 'wpinked-widgets' ),
|
| 246 |
),
|
| 247 |
|
| 248 |
+
'title-size' => array(
|
| 249 |
+
'type' => 'measurement',
|
| 250 |
+
'label' => __( 'Title Size', 'wpinked-widgets' ),
|
| 251 |
+
),
|
| 252 |
+
|
| 253 |
'content' => array(
|
| 254 |
'type' => 'color',
|
| 255 |
'label' => __( 'Content Color', 'wpinked-widgets' ),
|
| 365 |
'title' => $instance['styling']['title'],
|
| 366 |
'content' => $instance['styling']['content'],
|
| 367 |
'bg' => $instance['styling']['background'],
|
| 368 |
+
'title-size' => $instance['styling']['title-size'],
|
| 369 |
);
|
| 370 |
|
| 371 |
if ( function_exists( 'wpinked_pro_so_widgets' ) ) {
|
widgets/ink-mbox-widget/styles/media-box.less
CHANGED
|
@@ -20,182 +20,210 @@
|
|
| 20 |
@title-font-wt: bold;
|
| 21 |
@btn-font-fly: default;
|
| 22 |
@btn-font-wt: bold;
|
|
|
|
| 23 |
|
| 24 |
.iw-so-media-box {
|
| 25 |
-
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
|
| 87 |
-
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
|
| 91 |
-
|
| 92 |
-
|
| 93 |
-
|
| 94 |
-
|
| 95 |
-
|
| 96 |
-
|
| 97 |
-
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
|
| 101 |
-
|
| 102 |
-
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
|
| 111 |
-
|
| 112 |
-
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
|
| 116 |
-
|
| 117 |
-
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
|
| 122 |
-
|
| 123 |
-
|
| 124 |
-
|
| 125 |
-
|
| 126 |
-
|
| 127 |
-
|
| 128 |
-
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
|
| 138 |
-
|
| 139 |
-
|
| 140 |
-
|
| 141 |
-
|
| 142 |
-
|
| 143 |
-
|
| 144 |
-
|
| 145 |
-
|
| 146 |
-
|
| 147 |
-
|
| 148 |
-
|
| 149 |
-
|
| 150 |
-
|
| 151 |
-
|
| 152 |
-
|
| 153 |
-
|
| 154 |
-
|
| 155 |
-
|
| 156 |
-
|
| 157 |
-
|
| 158 |
-
|
| 159 |
-
|
| 160 |
-
|
| 161 |
-
|
| 162 |
-
|
| 163 |
-
|
| 164 |
-
|
| 165 |
-
|
| 166 |
-
|
| 167 |
-
|
| 168 |
-
|
| 169 |
-
|
| 170 |
-
|
| 171 |
-
|
| 172 |
-
|
| 173 |
-
|
| 174 |
-
|
| 175 |
-
|
| 176 |
-
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
|
| 180 |
-
|
| 181 |
-
|
| 182 |
-
|
| 183 |
-
|
| 184 |
-
|
| 185 |
-
|
| 186 |
-
|
| 187 |
-
|
| 188 |
-
|
| 189 |
-
|
| 190 |
-
|
| 191 |
-
|
| 192 |
-
|
| 193 |
-
|
| 194 |
-
|
| 195 |
-
|
| 196 |
-
|
| 197 |
-
|
| 198 |
-
|
| 199 |
-
|
| 200 |
-
|
| 201 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 20 |
@title-font-wt: bold;
|
| 21 |
@btn-font-fly: default;
|
| 22 |
@btn-font-wt: bold;
|
| 23 |
+
@title-size: '';
|
| 24 |
|
| 25 |
.iw-so-media-box {
|
| 26 |
+
padding-top: @pad-top;
|
| 27 |
+
padding-bottom: @pad-btm;
|
| 28 |
+
background: @bg;
|
| 29 |
+
|
| 30 |
+
.iw-so-media-box-media {
|
| 31 |
+
|
| 32 |
+
img {
|
| 33 |
+
border-radius: @img-shape;
|
| 34 |
+
}
|
| 35 |
+
|
| 36 |
+
[class^="sow-icon-"] {
|
| 37 |
+
.icon-border() when (@icon-bdr =1) {
|
| 38 |
+
border: 2px solid @icon-brdr-clr;
|
| 39 |
+
}
|
| 40 |
+
|
| 41 |
+
.icon-border();
|
| 42 |
+
border-radius: @icon-shape;
|
| 43 |
+
}
|
| 44 |
+
|
| 45 |
+
}
|
| 46 |
+
|
| 47 |
+
.iw-so-media-box-text {
|
| 48 |
+
|
| 49 |
+
.iw-so-media-box-title {
|
| 50 |
+
color: @title;
|
| 51 |
+
.font(@title-font-fly, @title-font-wt);
|
| 52 |
+
font-size: @title-size;
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
+
.iw-so-media-box-content {
|
| 56 |
+
color: @content;
|
| 57 |
+
}
|
| 58 |
+
|
| 59 |
+
}
|
| 60 |
+
|
| 61 |
+
.iw-so-media-box-button {
|
| 62 |
+
|
| 63 |
+
.iw-so-media-box-btn {
|
| 64 |
+
border-radius: @btn-crnr;
|
| 65 |
+
color: @btn-base;
|
| 66 |
+
.font(@btn-font-fly, @btn-font-wt);
|
| 67 |
+
|
| 68 |
+
.full-width() when (@btn-size =full) {
|
| 69 |
+
padding-left: 0;
|
| 70 |
+
padding-right: 0;
|
| 71 |
+
width: 100%;
|
| 72 |
+
box-sizing: border-box;
|
| 73 |
+
}
|
| 74 |
+
|
| 75 |
+
.full-width();
|
| 76 |
+
|
| 77 |
+
.btn-theme() when (@btn-theme =classic) {
|
| 78 |
+
.gradient(@btn-clr, darken(@btn-clr, 15%), @btn-clr);
|
| 79 |
+
border: 1px solid;
|
| 80 |
+
border-color: darken(@btn-clr, 8%) darken(@btn-clr, 10%) darken(@btn-clr, 13%) darken(@btn-clr, 10%);
|
| 81 |
+
}
|
| 82 |
+
|
| 83 |
+
.btn-theme() when (@btn-theme =flat) {
|
| 84 |
+
background: @btn-clr;
|
| 85 |
+
border: 1px solid @btn-clr;
|
| 86 |
+
}
|
| 87 |
+
|
| 88 |
+
.btn-theme() when (@btn-theme =outline) {
|
| 89 |
+
background: transparent;
|
| 90 |
+
border: 2px solid @btn-clr;
|
| 91 |
+
color: @btn-clr;
|
| 92 |
+
}
|
| 93 |
+
|
| 94 |
+
.btn-theme() when (@btn-theme =threed) {
|
| 95 |
+
background: @btn-clr;
|
| 96 |
+
box-shadow: 0px 5px 0px 0px darken(@btn-clr, 10%);
|
| 97 |
+
}
|
| 98 |
+
|
| 99 |
+
.btn-theme() when (@btn-theme =shadow) {
|
| 100 |
+
.drop-shadow(1px, 1px, 4px, 0.4);
|
| 101 |
+
background: @btn-clr;
|
| 102 |
+
border: 1px solid @btn-clr;
|
| 103 |
+
}
|
| 104 |
+
|
| 105 |
+
.btn-theme() when (@btn-theme =deline) {
|
| 106 |
+
background: @btn-clr;
|
| 107 |
+
border: 2px solid @btn-clr;
|
| 108 |
+
}
|
| 109 |
+
|
| 110 |
+
.btn-theme();
|
| 111 |
+
|
| 112 |
+
&:hover {
|
| 113 |
+
.dft-theme() when (@btn-theme =classic) {
|
| 114 |
+
color: @btn-base;
|
| 115 |
+
}
|
| 116 |
+
|
| 117 |
+
.dft-theme() when (@btn-theme =flat) {
|
| 118 |
+
color: @btn-base;
|
| 119 |
+
}
|
| 120 |
+
|
| 121 |
+
.dft-theme() when (@btn-theme =outline) {
|
| 122 |
+
color: @btn-clr;
|
| 123 |
+
}
|
| 124 |
+
|
| 125 |
+
.dft-theme() when (@btn-theme =threed) {
|
| 126 |
+
color: @btn-base;
|
| 127 |
+
}
|
| 128 |
+
|
| 129 |
+
.dft-theme() when (@btn-theme =shadow) {
|
| 130 |
+
color: @btn-base;
|
| 131 |
+
}
|
| 132 |
+
|
| 133 |
+
.dft-theme() when (@btn-theme =deline) {
|
| 134 |
+
color: @btn-base;
|
| 135 |
+
}
|
| 136 |
+
|
| 137 |
+
.dft-theme();
|
| 138 |
+
}
|
| 139 |
+
|
| 140 |
+
}
|
| 141 |
+
|
| 142 |
+
.iw-so-media-box-btn-hover {
|
| 143 |
+
|
| 144 |
+
&:hover {
|
| 145 |
+
color: @btn-base;
|
| 146 |
+
|
| 147 |
+
.btn-hover() when (@btn-theme =classic) {
|
| 148 |
+
.gradient(lighten(@btn-clr, 2%), darken(@btn-clr, 20%), lighten(@btn-clr, 2%));
|
| 149 |
+
border-color: darken(@btn-clr, 4%) darken(@btn-clr, 6%) darken(@btn-clr, 18%) darken(@btn-clr, 6%);
|
| 150 |
+
color: @btn-base;
|
| 151 |
+
}
|
| 152 |
+
|
| 153 |
+
.btn-hover() when (@btn-theme =flat) {
|
| 154 |
+
background: darken(@btn-clr, 7.5%);
|
| 155 |
+
border-color: darken(@btn-clr, 7.5%);
|
| 156 |
+
}
|
| 157 |
+
|
| 158 |
+
.btn-hover() when (@btn-theme =outline) {
|
| 159 |
+
background: @btn-clr;
|
| 160 |
+
color: @btn-base;
|
| 161 |
+
}
|
| 162 |
+
|
| 163 |
+
.btn-hover() when (@btn-theme =threed) {
|
| 164 |
+
background: lighten(@btn-clr, 10%);
|
| 165 |
+
}
|
| 166 |
+
|
| 167 |
+
.btn-hover() when (@btn-theme =shadow) {
|
| 168 |
+
background: lighten(@btn-clr, 5%);
|
| 169 |
+
border-color: lighten(@btn-clr, 5%);
|
| 170 |
+
.drop-shadow(1px, 1px, 8px, 0.4);
|
| 171 |
+
}
|
| 172 |
+
|
| 173 |
+
.btn-hover() when (@btn-theme =deline) {
|
| 174 |
+
color: @btn-clr;
|
| 175 |
+
background: transparent;
|
| 176 |
+
}
|
| 177 |
+
|
| 178 |
+
.btn-hover();
|
| 179 |
+
}
|
| 180 |
+
|
| 181 |
+
}
|
| 182 |
+
|
| 183 |
+
.iw-so-media-box-btn-click {
|
| 184 |
+
|
| 185 |
+
&:active {
|
| 186 |
+
.btn-active() when (@btn-theme =classic) {
|
| 187 |
+
.box-shadow(inset 0 3px 25px darken(@btn-clr, 25%));
|
| 188 |
+
}
|
| 189 |
+
|
| 190 |
+
.btn-active() when (@btn-theme =flat) {
|
| 191 |
+
background: darken(@btn-clr, 15%);
|
| 192 |
+
border-color: darken(@btn-clr, 15%);
|
| 193 |
+
}
|
| 194 |
+
|
| 195 |
+
.btn-active() when (@btn-theme =outline) {
|
| 196 |
+
background: lighten(@btn-clr, 10%);
|
| 197 |
+
border-color: lighten(@btn-clr, 10%);
|
| 198 |
+
color: @btn-base;
|
| 199 |
+
}
|
| 200 |
+
|
| 201 |
+
.btn-active() when (@btn-theme =threed) {
|
| 202 |
+
-webkit-transform: translate(0, 5px);
|
| 203 |
+
-moz-transform: translate(0, 5px);
|
| 204 |
+
-ms-transform: translate(0, 5px);
|
| 205 |
+
-o-transform: translate(0, 5px);
|
| 206 |
+
transform: translate(0, 5px);
|
| 207 |
+
box-shadow: 0px 1px 0px 0px;
|
| 208 |
+
}
|
| 209 |
+
|
| 210 |
+
.btn-active() when (@btn-theme =shadow) {
|
| 211 |
+
background: darken(@btn-clr, 4%);
|
| 212 |
+
border-color: darken(@btn-clr, 4%);
|
| 213 |
+
}
|
| 214 |
+
|
| 215 |
+
.btn-active() when (@btn-theme =deline) {
|
| 216 |
+
color: lighten(@btn-clr, 20%);
|
| 217 |
+
border-color: lighten(@btn-clr, 20%);
|
| 218 |
+
background: transparent;
|
| 219 |
+
}
|
| 220 |
+
|
| 221 |
+
.btn-active();
|
| 222 |
+
|
| 223 |
+
}
|
| 224 |
+
|
| 225 |
+
}
|
| 226 |
+
|
| 227 |
+
}
|
| 228 |
+
|
| 229 |
+
}
|
widgets/ink-ptfl-widget/ink-ptfl-widget.php
CHANGED
|
@@ -154,6 +154,11 @@ class Inked_Folio_SO_Widget extends SiteOrigin_Widget {
|
|
| 154 |
'label' => __( 'Filter List Font', 'wpinked-widgets' ),
|
| 155 |
),
|
| 156 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 157 |
'type-pos' => array(
|
| 158 |
'type' => 'select',
|
| 159 |
'label' => __( 'Filter List Position', 'wpinked-widgets' ),
|
|
@@ -237,6 +242,11 @@ class Inked_Folio_SO_Widget extends SiteOrigin_Widget {
|
|
| 237 |
'label' => __( 'Project Name Font', 'wpinked-widgets' ),
|
| 238 |
),
|
| 239 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 240 |
'p-cats' => array(
|
| 241 |
'type' => 'color',
|
| 242 |
'label' => __( 'Project Types Color', 'wpinked-widgets' ),
|
|
@@ -247,6 +257,11 @@ class Inked_Folio_SO_Widget extends SiteOrigin_Widget {
|
|
| 247 |
'type' => 'premium',
|
| 248 |
'label' => __( 'Project Types Font', 'wpinked-widgets' ),
|
| 249 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 250 |
)
|
| 251 |
),
|
| 252 |
);
|
|
@@ -291,7 +306,10 @@ class Inked_Folio_SO_Widget extends SiteOrigin_Widget {
|
|
| 291 |
'type-clr' => $instance['styling']['type-color'],
|
| 292 |
'type-hl' => $instance['styling']['type-h-color'],
|
| 293 |
'type-pos' => $instance['styling']['type-pos'],
|
| 294 |
-
'spacing' => $instance['styling']['spacing']
|
|
|
|
|
|
|
|
|
|
| 295 |
);
|
| 296 |
|
| 297 |
if ( function_exists( 'wpinked_pro_so_widgets' ) ) {
|
| 154 |
'label' => __( 'Filter List Font', 'wpinked-widgets' ),
|
| 155 |
),
|
| 156 |
|
| 157 |
+
'type-size' => array(
|
| 158 |
+
'type' => 'measurement',
|
| 159 |
+
'label' => __( 'Filter List Font Size', 'wpinked-widgets' ),
|
| 160 |
+
),
|
| 161 |
+
|
| 162 |
'type-pos' => array(
|
| 163 |
'type' => 'select',
|
| 164 |
'label' => __( 'Filter List Position', 'wpinked-widgets' ),
|
| 242 |
'label' => __( 'Project Name Font', 'wpinked-widgets' ),
|
| 243 |
),
|
| 244 |
|
| 245 |
+
'p-title-size' => array(
|
| 246 |
+
'type' => 'measurement',
|
| 247 |
+
'label' => __( 'Project Name Font Size', 'wpinked-widgets' ),
|
| 248 |
+
),
|
| 249 |
+
|
| 250 |
'p-cats' => array(
|
| 251 |
'type' => 'color',
|
| 252 |
'label' => __( 'Project Types Color', 'wpinked-widgets' ),
|
| 257 |
'type' => 'premium',
|
| 258 |
'label' => __( 'Project Types Font', 'wpinked-widgets' ),
|
| 259 |
),
|
| 260 |
+
|
| 261 |
+
'p-cats-size' => array(
|
| 262 |
+
'type' => 'measurement',
|
| 263 |
+
'label' => __( 'Project Types Font Size', 'wpinked-widgets' ),
|
| 264 |
+
),
|
| 265 |
)
|
| 266 |
),
|
| 267 |
);
|
| 306 |
'type-clr' => $instance['styling']['type-color'],
|
| 307 |
'type-hl' => $instance['styling']['type-h-color'],
|
| 308 |
'type-pos' => $instance['styling']['type-pos'],
|
| 309 |
+
'spacing' => $instance['styling']['spacing'],
|
| 310 |
+
'type-size' => $instance['styling']['type-size'],
|
| 311 |
+
'p-title-size' => $instance['styling']['p-title-size'],
|
| 312 |
+
'p-cats-size' => $instance['styling']['p-cats-size'],
|
| 313 |
);
|
| 314 |
|
| 315 |
if ( function_exists( 'wpinked_pro_so_widgets' ) ) {
|
widgets/ink-ptfl-widget/styles/folio-default.less
CHANGED
|
@@ -20,173 +20,194 @@
|
|
| 20 |
@title-font-wt: bold;
|
| 21 |
@cats-font-fly: default;
|
| 22 |
@cats-font-wt: bold;
|
|
|
|
|
|
|
|
|
|
| 23 |
|
| 24 |
.iw-so-folio-terms {
|
| 25 |
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 73 |
|
| 74 |
}
|
| 75 |
|
| 76 |
@media only screen {
|
| 77 |
|
| 78 |
-
|
| 79 |
|
| 80 |
-
|
| 81 |
-
|
| 82 |
-
|
|
|
|
| 83 |
|
| 84 |
-
|
| 85 |
|
| 86 |
}
|
| 87 |
|
| 88 |
@media only screen and (min-width: 480px) {
|
| 89 |
|
| 90 |
-
|
| 91 |
|
| 92 |
-
|
| 93 |
-
|
| 94 |
-
|
|
|
|
| 95 |
|
| 96 |
-
|
| 97 |
|
| 98 |
}
|
| 99 |
|
| 100 |
@media only screen and (min-width: 640px) {
|
| 101 |
|
| 102 |
-
|
| 103 |
|
| 104 |
-
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
|
|
|
| 108 |
|
| 109 |
-
|
| 110 |
|
| 111 |
}
|
| 112 |
|
| 113 |
@media only screen and (min-width: 786px) {
|
| 114 |
|
| 115 |
-
|
| 116 |
|
| 117 |
-
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
|
|
|
|
| 121 |
|
| 122 |
-
|
| 123 |
|
| 124 |
}
|
| 125 |
|
| 126 |
@media only screen and (min-width: 1024px) {
|
| 127 |
|
| 128 |
-
|
| 129 |
|
| 130 |
-
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
|
|
|
|
| 134 |
|
| 135 |
-
|
| 136 |
|
| 137 |
}
|
| 138 |
|
| 139 |
@media only screen and (min-width: 1280px) {
|
| 140 |
|
| 141 |
-
|
| 142 |
|
| 143 |
-
|
| 144 |
-
|
| 145 |
-
|
| 146 |
-
|
|
|
|
| 147 |
|
| 148 |
-
|
| 149 |
|
| 150 |
}
|
| 151 |
|
| 152 |
.iw-so-project-image a {
|
| 153 |
-
|
| 154 |
}
|
| 155 |
|
| 156 |
.iw-so-folio-grid article {
|
| 157 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 158 |
|
| 159 |
-
|
| 160 |
-
margin: 0 !important;
|
| 161 |
-
}
|
| 162 |
-
.space-collapse();
|
| 163 |
|
| 164 |
}
|
| 165 |
|
| 166 |
.iw-so-project-image:hover img {
|
| 167 |
-
|
| 168 |
}
|
| 169 |
|
| 170 |
.iw-so-project-type {
|
| 171 |
-
|
| 172 |
-
|
| 173 |
-
|
| 174 |
-
|
| 175 |
-
|
|
|
|
| 176 |
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
|
| 180 |
-
|
|
|
|
| 181 |
|
| 182 |
}
|
| 183 |
|
| 184 |
.iw-so-project-title {
|
| 185 |
-
|
| 186 |
-
|
|
|
|
| 187 |
}
|
| 188 |
|
| 189 |
.iw-so-project-title a {
|
| 190 |
-
|
| 191 |
-
|
| 192 |
-
}
|
| 20 |
@title-font-wt: bold;
|
| 21 |
@cats-font-fly: default;
|
| 22 |
@cats-font-wt: bold;
|
| 23 |
+
@type-size: '';
|
| 24 |
+
@p-title-size: '';
|
| 25 |
+
@p-cats-size: '';
|
| 26 |
|
| 27 |
.iw-so-folio-terms {
|
| 28 |
|
| 29 |
+
.type-pos() when (@type-pos =left) {
|
| 30 |
+
float: left;
|
| 31 |
+
}
|
| 32 |
+
|
| 33 |
+
.type-pos() when (@type-pos =right) {
|
| 34 |
+
float: right;
|
| 35 |
+
}
|
| 36 |
+
|
| 37 |
+
.type-pos();
|
| 38 |
+
|
| 39 |
+
li {
|
| 40 |
+
|
| 41 |
+
a {
|
| 42 |
+
color: @type-clr;
|
| 43 |
+
.font(@type-font-fly, @type-font-wt);
|
| 44 |
+
font-size: @type-size;
|
| 45 |
+
|
| 46 |
+
.type-theme() when (@type-th =minimal) {
|
| 47 |
+
padding-left: 2px;
|
| 48 |
+
}
|
| 49 |
+
|
| 50 |
+
.type-theme() when (@type-th =outline) {
|
| 51 |
+
border: 2px solid transparent;
|
| 52 |
+
}
|
| 53 |
+
|
| 54 |
+
.type-theme();
|
| 55 |
+
|
| 56 |
+
&:hover,
|
| 57 |
+
&:focus {
|
| 58 |
+
color: @type-hl;
|
| 59 |
+
}
|
| 60 |
+
|
| 61 |
+
&.active {
|
| 62 |
+
|
| 63 |
+
.type-hl() when (@type-th =outline) {
|
| 64 |
+
border-color: @type-hl;
|
| 65 |
+
color: @type-hl;
|
| 66 |
+
}
|
| 67 |
+
|
| 68 |
+
.type-hl() when (@type-th =minimal) {
|
| 69 |
+
color: @type-hl;
|
| 70 |
+
}
|
| 71 |
+
|
| 72 |
+
.type-hl() when (@type-th =flat) {
|
| 73 |
+
background: @type-hl;
|
| 74 |
+
color: @type-clr;
|
| 75 |
+
}
|
| 76 |
+
|
| 77 |
+
.type-hl();
|
| 78 |
+
|
| 79 |
+
}
|
| 80 |
+
|
| 81 |
+
}
|
| 82 |
+
|
| 83 |
+
}
|
| 84 |
|
| 85 |
}
|
| 86 |
|
| 87 |
@media only screen {
|
| 88 |
|
| 89 |
+
.iw-so-folio-grid {
|
| 90 |
|
| 91 |
+
.mix,
|
| 92 |
+
.no-mix {
|
| 93 |
+
width: 100%;
|
| 94 |
+
}
|
| 95 |
|
| 96 |
+
}
|
| 97 |
|
| 98 |
}
|
| 99 |
|
| 100 |
@media only screen and (min-width: 480px) {
|
| 101 |
|
| 102 |
+
.iw-so-folio-grid {
|
| 103 |
|
| 104 |
+
.mix,
|
| 105 |
+
.no-mix {
|
| 106 |
+
width: 50%;
|
| 107 |
+
}
|
| 108 |
|
| 109 |
+
}
|
| 110 |
|
| 111 |
}
|
| 112 |
|
| 113 |
@media only screen and (min-width: 640px) {
|
| 114 |
|
| 115 |
+
.iw-so-folio-grid {
|
| 116 |
|
| 117 |
+
.mix,
|
| 118 |
+
.no-mix {
|
| 119 |
+
width: @columns;
|
| 120 |
+
min-width: 33.33%
|
| 121 |
+
}
|
| 122 |
|
| 123 |
+
}
|
| 124 |
|
| 125 |
}
|
| 126 |
|
| 127 |
@media only screen and (min-width: 786px) {
|
| 128 |
|
| 129 |
+
.iw-so-folio-grid {
|
| 130 |
|
| 131 |
+
.mix,
|
| 132 |
+
.no-mix {
|
| 133 |
+
width: @columns;
|
| 134 |
+
min-width: 25%
|
| 135 |
+
}
|
| 136 |
|
| 137 |
+
}
|
| 138 |
|
| 139 |
}
|
| 140 |
|
| 141 |
@media only screen and (min-width: 1024px) {
|
| 142 |
|
| 143 |
+
.iw-so-folio-grid {
|
| 144 |
|
| 145 |
+
.mix,
|
| 146 |
+
.no-mix {
|
| 147 |
+
width: @columns;
|
| 148 |
+
min-width: 20%
|
| 149 |
+
}
|
| 150 |
|
| 151 |
+
}
|
| 152 |
|
| 153 |
}
|
| 154 |
|
| 155 |
@media only screen and (min-width: 1280px) {
|
| 156 |
|
| 157 |
+
.iw-so-folio-grid {
|
| 158 |
|
| 159 |
+
.mix,
|
| 160 |
+
.no-mix {
|
| 161 |
+
width: @columns;
|
| 162 |
+
min-width: 16.66667%
|
| 163 |
+
}
|
| 164 |
|
| 165 |
+
}
|
| 166 |
|
| 167 |
}
|
| 168 |
|
| 169 |
.iw-so-project-image a {
|
| 170 |
+
background: @img-hover;
|
| 171 |
}
|
| 172 |
|
| 173 |
.iw-so-folio-grid article {
|
| 174 |
+
background: @background;
|
| 175 |
+
|
| 176 |
+
.space-collapse() when (@spacing =1) {
|
| 177 |
+
margin: 0 !important;
|
| 178 |
+
}
|
| 179 |
|
| 180 |
+
.space-collapse();
|
|
|
|
|
|
|
|
|
|
| 181 |
|
| 182 |
}
|
| 183 |
|
| 184 |
.iw-so-project-image:hover img {
|
| 185 |
+
opacity: @img-op;
|
| 186 |
}
|
| 187 |
|
| 188 |
.iw-so-project-type {
|
| 189 |
+
padding-bottom: 1em;
|
| 190 |
+
margin-top: 0;
|
| 191 |
+
margin-bottom: 0;
|
| 192 |
+
color: @p-cats;
|
| 193 |
+
.font(@cats-font-fly, @cats-font-wt);
|
| 194 |
+
font-size: @p-cats-size;
|
| 195 |
|
| 196 |
+
.space-para() when (@spacing =1) {
|
| 197 |
+
margin-bottom: 0;
|
| 198 |
+
}
|
| 199 |
+
|
| 200 |
+
.space-para();
|
| 201 |
|
| 202 |
}
|
| 203 |
|
| 204 |
.iw-so-project-title {
|
| 205 |
+
margin-bottom: .25em;
|
| 206 |
+
.font(@title-font-fly, @title-font-wt);
|
| 207 |
+
font-size: @p-title-size;
|
| 208 |
}
|
| 209 |
|
| 210 |
.iw-so-project-title a {
|
| 211 |
+
color: @p-title;
|
| 212 |
+
text-decoration: none;
|
| 213 |
+
}
|
widgets/ink-ptfl-widget/styles/folio-gallery.less
CHANGED
|
@@ -21,187 +21,208 @@
|
|
| 21 |
@title-font-wt: bold;
|
| 22 |
@cats-font-fly: default;
|
| 23 |
@cats-font-wt: bold;
|
|
|
|
|
|
|
|
|
|
| 24 |
|
| 25 |
.iw-so-folio-terms {
|
| 26 |
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 74 |
|
| 75 |
}
|
| 76 |
|
| 77 |
@media only screen {
|
| 78 |
|
| 79 |
-
|
| 80 |
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
|
|
|
| 84 |
|
| 85 |
-
|
| 86 |
|
| 87 |
}
|
| 88 |
|
| 89 |
@media only screen and (min-width: 480px) {
|
| 90 |
|
| 91 |
-
|
| 92 |
|
| 93 |
-
|
| 94 |
-
|
| 95 |
-
|
|
|
|
| 96 |
|
| 97 |
-
|
| 98 |
|
| 99 |
}
|
| 100 |
|
| 101 |
@media only screen and (min-width: 640px) {
|
| 102 |
|
| 103 |
-
|
| 104 |
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
|
|
|
| 109 |
|
| 110 |
-
|
| 111 |
|
| 112 |
}
|
| 113 |
|
| 114 |
@media only screen and (min-width: 786px) {
|
| 115 |
|
| 116 |
-
|
| 117 |
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
|
|
|
|
| 122 |
|
| 123 |
-
|
| 124 |
|
| 125 |
}
|
| 126 |
|
| 127 |
@media only screen and (min-width: 1024px) {
|
| 128 |
|
| 129 |
-
|
| 130 |
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
|
| 134 |
-
|
|
|
|
| 135 |
|
| 136 |
-
|
| 137 |
|
| 138 |
}
|
| 139 |
|
| 140 |
@media only screen and (min-width: 1280px) {
|
| 141 |
|
| 142 |
-
|
| 143 |
|
| 144 |
-
|
| 145 |
-
|
| 146 |
-
|
| 147 |
-
|
|
|
|
| 148 |
|
| 149 |
-
|
| 150 |
|
| 151 |
}
|
| 152 |
|
| 153 |
.iw-so-folio-grid article {
|
| 154 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 155 |
|
| 156 |
-
|
| 157 |
-
margin: 0 !important;
|
| 158 |
-
}
|
| 159 |
-
.space-collapse();
|
| 160 |
|
| 161 |
}
|
| 162 |
|
| 163 |
.iw-so-project-image {
|
| 164 |
-
|
| 165 |
|
| 166 |
-
|
| 167 |
-
|
| 168 |
-
|
| 169 |
|
| 170 |
}
|
| 171 |
|
| 172 |
.iw-so-project-article:hover {
|
| 173 |
|
| 174 |
-
|
| 175 |
|
| 176 |
-
|
| 177 |
-
|
| 178 |
-
|
| 179 |
|
| 180 |
-
|
| 181 |
|
| 182 |
}
|
| 183 |
|
| 184 |
|
| 185 |
.iw-so-project-type {
|
| 186 |
-
|
| 187 |
-
|
| 188 |
-
|
| 189 |
-
|
|
|
|
| 190 |
|
| 191 |
-
|
| 192 |
-
|
| 193 |
-
|
| 194 |
-
|
|
|
|
| 195 |
|
| 196 |
}
|
| 197 |
|
| 198 |
.iw-so-project-title {
|
| 199 |
-
|
| 200 |
-
|
| 201 |
-
|
|
|
|
| 202 |
}
|
| 203 |
|
| 204 |
.iw-so-project-title a {
|
| 205 |
-
|
| 206 |
-
|
| 207 |
-
}
|
| 21 |
@title-font-wt: bold;
|
| 22 |
@cats-font-fly: default;
|
| 23 |
@cats-font-wt: bold;
|
| 24 |
+
@type-size: '';
|
| 25 |
+
@p-title-size: '';
|
| 26 |
+
@p-cats-size: '';
|
| 27 |
|
| 28 |
.iw-so-folio-terms {
|
| 29 |
|
| 30 |
+
.type-pos() when (@type-pos =left) {
|
| 31 |
+
float: left;
|
| 32 |
+
}
|
| 33 |
+
|
| 34 |
+
.type-pos() when (@type-pos =right) {
|
| 35 |
+
float: right;
|
| 36 |
+
}
|
| 37 |
+
|
| 38 |
+
.type-pos();
|
| 39 |
+
|
| 40 |
+
li {
|
| 41 |
+
|
| 42 |
+
a {
|
| 43 |
+
color: @type-clr;
|
| 44 |
+
.font(@type-font-fly, @type-font-wt);
|
| 45 |
+
font-size: @type-size;
|
| 46 |
+
|
| 47 |
+
.type-theme() when (@type-th =minimal) {
|
| 48 |
+
padding-left: 2px;
|
| 49 |
+
}
|
| 50 |
+
|
| 51 |
+
.type-theme() when (@type-th =outline) {
|
| 52 |
+
border: 2px solid transparent;
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
+
.type-theme();
|
| 56 |
+
|
| 57 |
+
&:hover,
|
| 58 |
+
&:focus {
|
| 59 |
+
color: @type-hl;
|
| 60 |
+
}
|
| 61 |
+
|
| 62 |
+
&.active {
|
| 63 |
+
|
| 64 |
+
.type-hl() when (@type-th =outline) {
|
| 65 |
+
border-color: @type-hl;
|
| 66 |
+
color: @type-hl;
|
| 67 |
+
}
|
| 68 |
+
|
| 69 |
+
.type-hl() when (@type-th =minimal) {
|
| 70 |
+
color: @type-hl;
|
| 71 |
+
}
|
| 72 |
+
|
| 73 |
+
.type-hl() when (@type-th =flat) {
|
| 74 |
+
background: @type-hl;
|
| 75 |
+
color: @type-clr;
|
| 76 |
+
}
|
| 77 |
+
|
| 78 |
+
.type-hl();
|
| 79 |
+
|
| 80 |
+
}
|
| 81 |
+
|
| 82 |
+
}
|
| 83 |
+
|
| 84 |
+
}
|
| 85 |
|
| 86 |
}
|
| 87 |
|
| 88 |
@media only screen {
|
| 89 |
|
| 90 |
+
.iw-so-folio-grid {
|
| 91 |
|
| 92 |
+
.mix,
|
| 93 |
+
.no-mix {
|
| 94 |
+
width: 100%;
|
| 95 |
+
}
|
| 96 |
|
| 97 |
+
}
|
| 98 |
|
| 99 |
}
|
| 100 |
|
| 101 |
@media only screen and (min-width: 480px) {
|
| 102 |
|
| 103 |
+
.iw-so-folio-grid {
|
| 104 |
|
| 105 |
+
.mix,
|
| 106 |
+
.no-mix {
|
| 107 |
+
width: 50%;
|
| 108 |
+
}
|
| 109 |
|
| 110 |
+
}
|
| 111 |
|
| 112 |
}
|
| 113 |
|
| 114 |
@media only screen and (min-width: 640px) {
|
| 115 |
|
| 116 |
+
.iw-so-folio-grid {
|
| 117 |
|
| 118 |
+
.mix,
|
| 119 |
+
.no-mix {
|
| 120 |
+
width: @columns;
|
| 121 |
+
min-width: 33.33%
|
| 122 |
+
}
|
| 123 |
|
| 124 |
+
}
|
| 125 |
|
| 126 |
}
|
| 127 |
|
| 128 |
@media only screen and (min-width: 786px) {
|
| 129 |
|
| 130 |
+
.iw-so-folio-grid {
|
| 131 |
|
| 132 |
+
.mix,
|
| 133 |
+
.no-mix {
|
| 134 |
+
width: @columns;
|
| 135 |
+
min-width: 25%
|
| 136 |
+
}
|
| 137 |
|
| 138 |
+
}
|
| 139 |
|
| 140 |
}
|
| 141 |
|
| 142 |
@media only screen and (min-width: 1024px) {
|
| 143 |
|
| 144 |
+
.iw-so-folio-grid {
|
| 145 |
|
| 146 |
+
.mix,
|
| 147 |
+
.no-mix {
|
| 148 |
+
width: @columns;
|
| 149 |
+
min-width: 20%
|
| 150 |
+
}
|
| 151 |
|
| 152 |
+
}
|
| 153 |
|
| 154 |
}
|
| 155 |
|
| 156 |
@media only screen and (min-width: 1280px) {
|
| 157 |
|
| 158 |
+
.iw-so-folio-grid {
|
| 159 |
|
| 160 |
+
.mix,
|
| 161 |
+
.no-mix {
|
| 162 |
+
width: @columns;
|
| 163 |
+
min-width: 16.66667%
|
| 164 |
+
}
|
| 165 |
|
| 166 |
+
}
|
| 167 |
|
| 168 |
}
|
| 169 |
|
| 170 |
.iw-so-folio-grid article {
|
| 171 |
+
background: @background;
|
| 172 |
+
|
| 173 |
+
.space-collapse() when (@spacing =1) {
|
| 174 |
+
margin: 0 !important;
|
| 175 |
+
}
|
| 176 |
|
| 177 |
+
.space-collapse();
|
|
|
|
|
|
|
|
|
|
| 178 |
|
| 179 |
}
|
| 180 |
|
| 181 |
.iw-so-project-image {
|
| 182 |
+
background: @img-hover;
|
| 183 |
|
| 184 |
+
img {
|
| 185 |
+
opacity: @img-op-init;
|
| 186 |
+
}
|
| 187 |
|
| 188 |
}
|
| 189 |
|
| 190 |
.iw-so-project-article:hover {
|
| 191 |
|
| 192 |
+
.iw-so-project-image {
|
| 193 |
|
| 194 |
+
img {
|
| 195 |
+
opacity: @img-op;
|
| 196 |
+
}
|
| 197 |
|
| 198 |
+
}
|
| 199 |
|
| 200 |
}
|
| 201 |
|
| 202 |
|
| 203 |
.iw-so-project-type {
|
| 204 |
+
padding-bottom: 1em;
|
| 205 |
+
margin-top: 0;
|
| 206 |
+
color: @p-cats;
|
| 207 |
+
.font(@cats-font-fly, @cats-font-wt);
|
| 208 |
+
font-size: @p-cats-size;
|
| 209 |
|
| 210 |
+
.space-para() when (@spacing =1) {
|
| 211 |
+
margin-bottom: 0;
|
| 212 |
+
}
|
| 213 |
+
|
| 214 |
+
.space-para();
|
| 215 |
|
| 216 |
}
|
| 217 |
|
| 218 |
.iw-so-project-title {
|
| 219 |
+
margin-bottom: .25em;
|
| 220 |
+
font-size: 1.65em;
|
| 221 |
+
.font(@title-font-fly, @title-font-wt);
|
| 222 |
+
font-size: @p-title-size;
|
| 223 |
}
|
| 224 |
|
| 225 |
.iw-so-project-title a {
|
| 226 |
+
color: @p-title;
|
| 227 |
+
text-decoration: none;
|
| 228 |
+
}
|
widgets/ink-tabb-widget/ink-tabb-widget.php
CHANGED
|
@@ -176,6 +176,11 @@ class Inked_Tabs_SO_Widget extends SiteOrigin_Widget {
|
|
| 176 |
'label' => __( 'Tab Font', 'wpinked-widgets' ),
|
| 177 |
),
|
| 178 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 179 |
'content' => array(
|
| 180 |
'type' => 'color',
|
| 181 |
'label' => __( 'Content Background Color', 'wpinked-widgets' ),
|
|
@@ -236,6 +241,7 @@ class Inked_Tabs_SO_Widget extends SiteOrigin_Widget {
|
|
| 236 |
'title' => $instance['styling']['basic'],
|
| 237 |
'highlight' => $instance['styling']['highlight'],
|
| 238 |
'icon' => $instance['styling']['icon'],
|
|
|
|
| 239 |
);
|
| 240 |
|
| 241 |
if ( $instance['styling']['tab-font'] && function_exists( 'wpinked_pro_so_widgets' ) ) {
|
| 176 |
'label' => __( 'Tab Font', 'wpinked-widgets' ),
|
| 177 |
),
|
| 178 |
|
| 179 |
+
'tab-size' => array(
|
| 180 |
+
'type' => 'measurement',
|
| 181 |
+
'label' => __( 'Tab Font Size', 'wpinked-widgets' ),
|
| 182 |
+
),
|
| 183 |
+
|
| 184 |
'content' => array(
|
| 185 |
'type' => 'color',
|
| 186 |
'label' => __( 'Content Background Color', 'wpinked-widgets' ),
|
| 241 |
'title' => $instance['styling']['basic'],
|
| 242 |
'highlight' => $instance['styling']['highlight'],
|
| 243 |
'icon' => $instance['styling']['icon'],
|
| 244 |
+
'tab-size' => $instance['styling']['tab-size']
|
| 245 |
);
|
| 246 |
|
| 247 |
if ( $instance['styling']['tab-font'] && function_exists( 'wpinked_pro_so_widgets' ) ) {
|
widgets/ink-tabb-widget/styles/tabs.less
CHANGED
|
@@ -10,78 +10,102 @@
|
|
| 10 |
@icon: left;
|
| 11 |
@tab-font-fly: default;
|
| 12 |
@tab-font-wt: bold;
|
|
|
|
| 13 |
|
| 14 |
.iw-so-tabs .iw-so-tabs-content {
|
| 15 |
-
|
| 16 |
}
|
| 17 |
|
| 18 |
.iw-so-tabs .iw-so-tab-title {
|
| 19 |
|
| 20 |
-
|
| 21 |
-
|
| 22 |
-
|
| 23 |
-
|
| 24 |
-
|
| 25 |
-
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
|
| 87 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 10 |
@icon: left;
|
| 11 |
@tab-font-fly: default;
|
| 12 |
@tab-font-wt: bold;
|
| 13 |
+
@tab-size: '';
|
| 14 |
|
| 15 |
.iw-so-tabs .iw-so-tabs-content {
|
| 16 |
+
background: @bg-c;
|
| 17 |
}
|
| 18 |
|
| 19 |
.iw-so-tabs .iw-so-tab-title {
|
| 20 |
|
| 21 |
+
margin-right: 3px;
|
| 22 |
+
|
| 23 |
+
a {
|
| 24 |
+
color: @title;
|
| 25 |
+
.font(@tab-font-fly, @tab-font-wt);
|
| 26 |
+
font-size: @tab-size;
|
| 27 |
+
|
| 28 |
+
.tab-theme() when (@theme =boxed) {
|
| 29 |
+
background: @bg;
|
| 30 |
+
border: 2px solid @bg;
|
| 31 |
+
}
|
| 32 |
+
|
| 33 |
+
.tab-theme() when (@theme =flat) {
|
| 34 |
+
background: @bg;
|
| 35 |
+
}
|
| 36 |
+
|
| 37 |
+
.tab-theme() when (@theme =underline) {
|
| 38 |
+
background: @bg;
|
| 39 |
+
}
|
| 40 |
+
|
| 41 |
+
.tab-theme() when (@theme =overline) {
|
| 42 |
+
background: @bg;
|
| 43 |
+
}
|
| 44 |
+
|
| 45 |
+
.tab-theme() when (@theme =minimal) {
|
| 46 |
+
background: transparent;
|
| 47 |
+
padding-left: 2px;
|
| 48 |
+
}
|
| 49 |
+
|
| 50 |
+
.tab-theme();
|
| 51 |
+
|
| 52 |
+
[class^="sow-icon-"] {
|
| 53 |
+
font-size: 1.5em;
|
| 54 |
+
height: 1em;
|
| 55 |
+
width: 1em;
|
| 56 |
+
|
| 57 |
+
.icon-loc() when (@icon =left) {
|
| 58 |
+
float: left;
|
| 59 |
+
margin: 0.1em 0.75em -0.2em 0em;
|
| 60 |
+
}
|
| 61 |
+
|
| 62 |
+
.icon-loc() when (@icon =right) {
|
| 63 |
+
float: right;
|
| 64 |
+
margin: 0.1em 0em -0.2em 0.75em;
|
| 65 |
+
}
|
| 66 |
+
|
| 67 |
+
.icon-loc() when (@icon =above) {
|
| 68 |
+
margin: -0.1em auto 0.5em auto;
|
| 69 |
+
}
|
| 70 |
+
|
| 71 |
+
.icon-loc();
|
| 72 |
+
display: block;
|
| 73 |
+
color: inherit;
|
| 74 |
+
}
|
| 75 |
+
|
| 76 |
+
&:hover,
|
| 77 |
+
&:focus {
|
| 78 |
+
color: @highlight;
|
| 79 |
+
}
|
| 80 |
+
|
| 81 |
+
}
|
| 82 |
+
|
| 83 |
+
&.iw-so-tab-active a {
|
| 84 |
+
.tab-active() when (@theme =boxed) {
|
| 85 |
+
background: @bg;
|
| 86 |
+
border-color: @highlight;
|
| 87 |
+
color: @highlight;
|
| 88 |
+
}
|
| 89 |
+
|
| 90 |
+
.tab-active() when (@theme =flat) {
|
| 91 |
+
background: @highlight;
|
| 92 |
+
color: @bg;
|
| 93 |
+
}
|
| 94 |
+
|
| 95 |
+
.tab-active() when (@theme =underline) {
|
| 96 |
+
color: @highlight;
|
| 97 |
+
.box-shadow(inset 0 -3px 0 @highlight);
|
| 98 |
+
}
|
| 99 |
+
|
| 100 |
+
.tab-active() when (@theme =overline) {
|
| 101 |
+
color: @highlight;
|
| 102 |
+
.box-shadow(inset 0 3px 0 @highlight);
|
| 103 |
+
}
|
| 104 |
+
|
| 105 |
+
.tab-active() when (@theme =minimal) {
|
| 106 |
+
color: @highlight;
|
| 107 |
+
}
|
| 108 |
+
|
| 109 |
+
.tab-active();
|
| 110 |
+
}
|
| 111 |
+
}
|
