Reindent code by 2 spaces, instead of 4

This commit is contained in:
Tautvidas Sipavičius
2015-08-27 13:50:05 +03:00
parent 21a4843a48
commit e6d59496eb
72 changed files with 7216 additions and 7264 deletions

View File

@@ -23,196 +23,194 @@ $range-border-radius = 3px
$range-thumb-hover-background-color = $primary-active-color
a
color: $link-color
text-decoration: none
color: $link-color
text-decoration: none
.mailpoet_hidden
display: none !important
display: none !important
input.mailpoet_color
width: 5em
width: 5em
select.mailpoet_font-family
width: 8em
width: 8em
select.mailpoet_font-size
width: 5em
width: 5em
.mailpoet_input, .mailpoet_select
border-radius(1px)
box-shadow(none !important)
appearance: none
border-radius(1px)
box-shadow(none !important)
appearance: none
padding: $form-control-padding = 3px
line-height: 28px - $form-control-padding*2
padding: $form-control-padding = 3px
line-height: 28px - $form-control-padding*2
.mailpoet_input
width: 283px
border: 1px solid $select-border-color
width: 283px
border: 1px solid $select-border-color
.mailpoet_input_small
width: 48px
width: 48px
.mailpoet_input_medium
width: 150px
width: 150px
.mailpoet_input_full
width: 100%
box-sizing: border-box
width: 100%
box-sizing: border-box
.mailpoet_range
width: 283px
width: 283px
-webkit-appearance: none
padding: 0
vertical-align: middle
&:focus
outline: none
&::-webkit-slider-runnable-track
width: 100%
height: $range-track-height
cursor: pointer
animate: 0.2s
background: $range-track-background-color
border-radius($range-border-radius)
border: 1px solid $range-track-border-color
&::-webkit-slider-thumb
border: 1px solid $range-thumb-border-color
height: $range-thumb-height
width: $range-thumb-width
border-radius($range-border-radius)
background: $range-thumb-background-color
cursor: pointer
-webkit-appearance: none
padding: 0
vertical-align: middle
&:focus
outline: none
&::-webkit-slider-runnable-track
width: 100%
height: $range-track-height
cursor: pointer
animate: 0.2s
background: $range-track-background-color
border-radius($range-border-radius)
border: 1px solid $range-track-border-color
&::-webkit-slider-thumb
border: 1px solid $range-thumb-border-color
height: $range-thumb-height
width: $range-thumb-width
border-radius($range-border-radius)
background: $range-thumb-background-color
cursor: pointer
-webkit-appearance: none
margin-top: (-1 * $range-thumb-height / 3)
&:hover::-webkit-slider-thumb
background: $range-thumb-hover-background-color
&::-moz-range-track
width: 100%
height: $range-track-height
cursor: pointer
animate: 0.2s
background: $range-track-background-color
border-radius($range-border-radius)
border: 1px solid $range-track-border-color
&::-moz-range-thumb
border: 1px solid $range-thumb-border-color
height: $range-thumb-height
width: $range-thumb-width
border-radius($range-border-radius)
background: $range-thumb-background-color
cursor: pointer
&:hover::-moz-range-thumb
background: $range-thumb-hover-background-color
&::-ms-fill-lower
border: 1px solid $range-track-border-color
background: $range-track-background-color
&::-ms-fill-upper
border: 1px solid $range-track-border-color
background: $range-track-background-color
&::-ms-track
width: 100%
height: $range-track-height
cursor: pointer
animate: 0.2s
background: transparent
border-color: transparent
border-width: ($range-track-height * 2) 0
color: transparent
&::-ms-thumb
border: 1px solid $range-thumb-border-color
height: $range-thumb-height
width: $range-thumb-width
border-radius($range-border-radius)
background: $range-thumb-background-color
cursor: pointer
&:hover::-ms-thumb
background: $range-thumb-hover-background-color
&:focus::-ms-fill-lower
border: 1px solid $range-track-border-color
background: $range-track-background-color
&:focus::-ms-fill-upper
border: 1px solid $range-track-border-color
background: $range-track-background-color
margin-top: (-1 * $range-thumb-height / 3)
&:hover::-webkit-slider-thumb
background: $range-thumb-hover-background-color
&::-moz-range-track
width: 100%
height: $range-track-height
cursor: pointer
animate: 0.2s
background: $range-track-background-color
border-radius($range-border-radius)
border: 1px solid $range-track-border-color
&::-moz-range-thumb
border: 1px solid $range-thumb-border-color
height: $range-thumb-height
width: $range-thumb-width
border-radius($range-border-radius)
background: $range-thumb-background-color
cursor: pointer
&:hover::-moz-range-thumb
background: $range-thumb-hover-background-color
&::-ms-fill-lower
border: 1px solid $range-track-border-color
background: $range-track-background-color
&::-ms-fill-upper
border: 1px solid $range-track-border-color
background: $range-track-background-color
&::-ms-track
width: 100%
height: $range-track-height
cursor: pointer
animate: 0.2s
background: transparent
border-color: transparent
border-width: ($range-track-height * 2) 0
color: transparent
&::-ms-thumb
border: 1px solid $range-thumb-border-color
height: $range-thumb-height
width: $range-thumb-width
border-radius($range-border-radius)
background: $range-thumb-background-color
cursor: pointer
&:hover::-ms-thumb
background: $range-thumb-hover-background-color
&:focus::-ms-fill-lower
border: 1px solid $range-track-border-color
background: $range-track-background-color
&:focus::-ms-fill-upper
border: 1px solid $range-track-border-color
background: $range-track-background-color
.mailpoet_range_small
width: 100px
width: 100px
.mailpoet_range_medium
width: 180px
width: 180px
.mailpoet_select
border-color: $select-border-color
color: $select-text-color
margin: 0
border-color: $select-border-color
color: $select-text-color
margin: 0
.mailpoet_select_large
width: 139px
width: 139px
.mailpoet_select_medium
width: 103px
width: 103px
.mailpoet_select_small
width: 68px
width: 68px
.mailpoet_select_half_width
width: 50%
width: 50%
#mailpoet_editor_content ol
#mailpoet_editor_content ul
list-style-position: inside
margin-left: 0
list-style-position: inside
margin-left: 0
#mailpoet_editor_content ul
list-style-type: disc
list-style-type: disc
.mailpoet_button
margin: 0
border: 1px solid $button-default-border-color
background-color: $button-default-background-color
padding: 6px 20px
color: $button-default-text-color
border-radius(3px)
line-height: normal
vertical-align: top
margin: 0
border: 1px solid $button-default-border-color
background-color: $button-default-background-color
padding: 6px 20px
color: $button-default-text-color
border-radius(3px)
line-height: normal
vertical-align: top
.mailpoet_button_full
width: 100%
box-sizing: border-box
width: 100%
box-sizing: border-box
.mailpoet_button_primary
border-color: $button-primary-border-color
background-color: $button-primary-background-color
color: $button-primary-text-color
border-color: $button-primary-border-color
background-color: $button-primary-background-color
color: $button-primary-text-color
&:hover
background-color: $button-primary-hover-background-color
&:hover
background-color: $button-primary-hover-background-color
.mailpoet_button_group
display: inline
display: inline
.mailpoet_button:first-child
margin-right: 0
padding: 6px 12px 6px
border-top-right-radius: 0
border-bottom-right-radius: 0
.mailpoet_button:first-child
margin-right: 0
padding: 6px 12px 6px
border-top-right-radius: 0
border-bottom-right-radius: 0
.mailpoet_button:last-child
margin-left: 0
padding-left: 10px
padding-right: 10px
border-left: 0
border-top-left-radius: 0
border-bottom-left-radius: 0
.mailpoet_button:last-child
margin-left: 0
padding-left: 10px
padding-right: 10px
border-left: 0
border-top-left-radius: 0
border-bottom-left-radius: 0
.mailpoet_text_content p
margin: 0
margin: 0
.mailpoet_separator
margin: 17px 20px
margin: 17px 20px
.mailpoet_option_offset_left_small
margin-left: 10px
margin-left: 10px
input.mailpoet_option_offset_left_small
margin-left: 10px !important
margin-left: 10px !important

View File

@@ -10,114 +10,114 @@ $master-column-tool-width = 24px
$layer-selector-width = 30px
.mailpoet_tools
position: absolute
top: 0
right: 0
display: none
z-index: 20
padding: 2px
text-align: right
a
vertical-align: top
.mailpoet_container_horizontal + &
left: 100%
padding-left: 5px
.mailpoet_tool
width: $master-column-tool-width
height: $master-column-tool-width
.mailpoet_tool_icon
width: $master-column-tool-width
height: $master-column-tool-width
.mailpoet_delete_block_activated
width: auto
height: auto
.mailpoet_tool
display: inline-block
width: $tool-width
height: $tool-width
padding: 2px
&:hover
filter-shadow(1px, 2px, 0px, $tool-active-color)
.mailpoet_tool_icon
fill: $tool-inactive-color
width: $tool-width
height: $tool-width
.mailpoet_tool_icon_foreground
fill: $tool-inactive-secondary-color
&:hover
fill: $tool-hover-color
.mailpoet_tool_icon_foreground
fill: $tool-hover-secondary-color
&:active
fill: $primary-active-color
.mailpoet_tool_icon_foreground
fill: $tool-active-secondary-color
.mailpoet_delete_block_confirmation
position: absolute
top: 0
right: 0
display: none
z-index: 20
padding: 2px
text-align: right
a
vertical-align: top
.mailpoet_container_horizontal + &
left: 100%
padding-left: 5px
.mailpoet_tool
width: $master-column-tool-width
height: $master-column-tool-width
.mailpoet_tool_icon
width: $master-column-tool-width
height: $master-column-tool-width
.mailpoet_delete_block_activated
width: auto
height: auto
.mailpoet_tool
display: inline-block
width: $tool-width
height: $tool-width
padding: 2px
&:hover
filter-shadow(1px, 2px, 0px, $tool-active-color)
.mailpoet_tool_icon
fill: $tool-inactive-color
width: $tool-width
height: $tool-width
.mailpoet_tool_icon_foreground
fill: $tool-inactive-secondary-color
&:hover
fill: $tool-hover-color
.mailpoet_tool_icon_foreground
fill: $tool-hover-secondary-color
&:active
fill: $primary-active-color
.mailpoet_tool_icon_foreground
fill: $tool-active-secondary-color
.mailpoet_delete_block_confirmation
position: absolute
top: 0
right: 0
width: 200px
width: 200px
.mailpoet_delete_block
display: inline-block
padding: 2px
vertical-align: top
display: inline-block
padding: 2px
vertical-align: top
.mailpoet_tool
padding: 0
.mailpoet_tool
padding: 0
.mailpoet_delete_block_confirm,
.mailpoet_delete_block_cancel
display: none
.mailpoet_delete_block_confirm,
.mailpoet_delete_block_cancel
display: none
.mailpoet_delete_block_activated
width: auto
border-radius(3px)
background-color: $warning-background-color
padding: 3px 5px
line-height: 1.2em
height: auto
width: auto
border-radius(3px)
background-color: $warning-background-color
padding: 3px 5px
line-height: 1.2em
height: auto
.mailpoet_delete_block_activate
display: none
.mailpoet_delete_block_activate
display: none
.mailpoet_delete_block_confirm,
.mailpoet_delete_block_cancel
display: inline-block
.mailpoet_delete_block_confirm,
.mailpoet_delete_block_cancel
display: inline-block
.mailpoet_delete_block_confirm
color: $warning-text-color
color: $warning-text-color
&:hover
color: $warning-text-color
text-decoration: underline
&:hover
color: $warning-text-color
text-decoration: underline
.mailpoet_delete_block_cancel
color: $warning-alternate-text-color
color: $warning-alternate-text-color
&:hover
color: $warning-alternate-text-color
text-decoration: underline
&:hover
color: $warning-alternate-text-color
text-decoration: underline
.mailpoet_newsletter_layer_selector
&.mailpoet_container_layer_active
.mailpoet_tool_icon
fill: $primary-active-color
z-index: 100001 !important
&.mailpoet_container_layer_active
.mailpoet_tool_icon
fill: $primary-active-color
z-index: 100001 !important
.mailpoet_tool_icon_foreground
fill: $white-color
.mailpoet_tool_icon_foreground
fill: $white-color

View File

@@ -6,58 +6,58 @@ $marker-z-index = 1
$draggable-widget-z-index = 2
.mailpoet_drop_marker
background-color: $primary-active-color
background-color: $primary-active-color
position: absolute
min-width: $marker-width
min-height: $marker-width
z-index: $marker-z-index
box-shadow(0px 0px 1px 0px $primary-active-color)
&::before, &::after
position: absolute
min-width: $marker-width
min-height: $marker-width
z-index: $marker-z-index
box-shadow(0px 0px 1px 0px $primary-active-color)
&::before, &::after
position: absolute
margin-top: -18px
font: 400 40px/1 dashicons
color: $primary-active-color
&::before
left: -25px
content: "\f139"
&::after
right: -23px
content: "\f141";
margin-top: -18px
font: 400 40px/1 dashicons
color: $primary-active-color
&::before
left: -25px
content: "\f139"
&::after
right: -23px
content: "\f141";
// Offset middle markers slightly above, so that the middle of the marker is
// right on the boundary between two adjacent content blocks
.mailpoet_drop_marker.mailpoet_drop_marker_middle
.mailpoet_drop_marker.mailpoet_drop_marker_first.mailpoet_drop_marker_after
.mailpoet_drop_marker.mailpoet_drop_marker_last.mailpoet_drop_marker_before
margin-top: -1 * ($marker-width / 2)
margin-top: -1 * ($marker-width / 2)
// Offset the last marker up, so that the bottom of it matches the bottom of the
// container
.mailpoet_drop_marker.mailpoet_drop_marker_last.mailpoet_drop_marker_after
margin-top: -1 * $marker-width
margin-top: -1 * $marker-width
#mailpoet_editor .mailpoet_droppable_active
z-index: 21000
z-index: 21000
.mailpoet_block.mailpoet_droppable_active
border: 1px dashed $drop-active-color !important
width: $newsletter-width
border: 1px dashed $drop-active-color !important
width: $newsletter-width
.mailpoet_tools
display: none !important
.mailpoet_tools
display: none !important
.mailpoet_widget.mailpoet_droppable_active
padding: 0
margin: 0
z-index: $draggable-widget-z-index
.mailpoet_widget_icon
padding: 0
margin: 0
z-index: $draggable-widget-z-index
.mailpoet_widget_icon
padding: 0
margin: 0
.mailpoet_drop_active > .mailpoet_container > div > .mailpoet_container_empty
background-color: $primary-active-color
box-shadow(inset 1px 2px 1px $primary-inset-shadow-color)
color: $white-color
background-color: $primary-active-color
box-shadow(inset 1px 2px 1px $primary-inset-shadow-color)
color: $white-color

View File

@@ -1,39 +1,39 @@
.mailpoet_form_field
margin-top: 15px
margin-bottom: 15px
margin-top: 15px
margin-bottom: 15px
.mailpoet_form_field_title
clear: both
font-size: 1.1em
margin-bottom: 5px
clear: both
font-size: 1.1em
margin-bottom: 5px
.mailpoet_form_field_title_small
width: 120px
width: 120px
.mailpoet_form_field_title_inline
display: inline-block
margin-bottom: 0
margin-top: 6px
display: inline-block
margin-bottom: 0
margin-top: 6px
.mailpoet_form_field_optional
font-size: 0.8em
color: $primary-inactive-color
font-size: 0.8em
color: $primary-inactive-color
.mailpoet_form_field_radio_option,
.mailpoet_form_field_checkbox_option
display: inline-block
vertical-align: top
margin-right: 5px
line-height: 30px
display: inline-block
vertical-align: top
margin-right: 5px
line-height: 30px
&:last-child
margin-right: 0
&:last-child
margin-right: 0
.mailpoet_form_field_input_option
display: inline-block
display: inline-block
input[type=checkbox]
vertical-align:top
input[type=checkbox]
vertical-align:top
input[type=text]
vertical-align: middle
input[type=text]
vertical-align: middle

View File

@@ -1,20 +1,20 @@
.mailpoet_heading_form_field
margin-top: 5px
margin-bottom: 5px
margin-top: 5px
margin-bottom: 5px
.mailpoet_input_title,
.mailpoet_input_preheader
width: 400px
padding: 3px
line-height: normal
width: 400px
padding: 3px
line-height: normal
.mailpoet_input_title
font-size: 23px
font-size: 23px
.mailpoet_breadcrumbs
float: right
clear: both
margin-bottom: 13px
margin-right: 17px
font-size: 0.9em
text-transform: uppercase
float: right
clear: both
margin-bottom: 13px
margin-right: 17px
font-size: 0.9em
text-transform: uppercase

View File

@@ -1,32 +1,32 @@
.mailpoet_container_layer_active
.mailpoet_block
pointer-events: none
opacity: 0.4
.mailpoet_block
pointer-events: none
opacity: 0.4
.mailpoet_container_block
pointer-events: auto
opacity: 1
.mailpoet_container_block
pointer-events: auto
opacity: 1
.mailpoet_container_block > .mailpoet_tools
display: block !important
.mailpoet_container_block > .mailpoet_tools
display: block !important
& > .mailpoet_tools
z-index: 100001 !important;
& > .mailpoet_tools
z-index: 100001 !important;
.mailpoet_layer_overlay
height: 100%
left: 0
overflow-y: auto
overflow-x: hidden
position: fixed
top: 0
width: 100%
z-index: 100000
background-color: rgba(0, 0, 0, 0.6)
margin: 0 !important
height: 100%
left: 0
overflow-y: auto
overflow-x: hidden
position: fixed
top: 0
width: 100%
z-index: 100000
background-color: rgba(0, 0, 0, 0.6)
margin: 0 !important
.mailpoet_layer_highlight
pointer-events:none;
background-color: #f1f1f1;
position: relative;
z-index: 100001 !important;
pointer-events:none;
background-color: #f1f1f1;
position: relative;
z-index: 100001 !important;

View File

@@ -6,45 +6,45 @@ $resize-handle-width = 30px
$resize-handle-z-index = 2
.mailpoet_resize_handle_container
position: absolute
bottom: 0
text-align: center
width: 100%
position: absolute
bottom: 0
text-align: center
width: 100%
.mailpoet_resize_handle
padding: 6px 15px 10px 6px
position: relative
top: 5px
background: $resize-handle-background-color
border-radius(3px)
display: inline-block
width: $resize-handle-width
cursor: ns-resize
z-index: $resize-handle-z-index
padding: 6px 15px 10px 6px
position: relative
top: 5px
background: $resize-handle-background-color
border-radius(3px)
display: inline-block
width: $resize-handle-width
cursor: ns-resize
z-index: $resize-handle-z-index
.mailpoet_resize_handle_text,
.mailpoet_resize_handle_icon
pointer-events: none
.mailpoet_resize_handle_text,
.mailpoet_resize_handle_icon
pointer-events: none
.mailpoet_resize_handle_text
line-height: 1.5em
font-size: 11px
font-weight: bold
color: $resize-handle-font-color
text-align: center
line-height: 1.5em
font-size: 11px
font-weight: bold
color: $resize-handle-font-color
text-align: center
.mailpoet_resize_handle_icon
position: absolute
top: 9px
right: 1px
position: absolute
top: 9px
right: 1px
& > svg
width: 15px
height: 15px
fill: $resize-handle-font-color
& > svg
width: 15px
height: 15px
fill: $resize-handle-font-color
.mailpoet_block.mailpoet_resize_active > .mailpoet_block_highlight
border: 1px dashed $resize-active-color
border: 1px dashed $resize-active-color
.mailpoet_resize_handle
display: inline-block
.mailpoet_resize_handle
display: inline-block

View File

@@ -1,68 +1,67 @@
#mailpoet_editor_bottom
margin-top: 39px
margin-left: 29px
margin-top: 39px
margin-left: 29px
.mailpoet_save_options
border-radius(3px)
border-radius(3px)
float: left
overflow: hidden
margin: 5px 0 0 0
clear: both
vertical-align: top
float: left
overflow: hidden
margin: 5px 0 0 0
clear: both
vertical-align: top
background: $white-color
border: 1px solid $content-border-color
background: $white-color
border: 1px solid $content-border-color
.mailpoet_save_option
margin: 0
margin: 0
& > a
display: block
padding-left: 20px
padding-right: 20px
line-height: 2em
& > a
display: block
padding-left: 20px
padding-right: 20px
line-height: 2em
.mailpoet_save_option:hover
background-color: $primary-active-background-color
background-color: $primary-active-background-color
color: $white-color
& > a
color: $white-color
& > a
color: $white-color
.mailpoet_save_show_options
padding: 6px 3px 4px
padding: 6px 3px 4px
&.mailpoet_save_show_options_active
.mailpoet_save_show_options_icon::before
content: '\f142'
&.mailpoet_save_show_options_active
.mailpoet_save_show_options_icon::before
content: '\f142'
.mailpoet_save_show_options_icon
width: auto
height: auto
line-height: auto
&::before
content: '\f140'
width: auto
height: auto
line-height: auto
&::before
content: '\f140'
.mailpoet_save_as_template_container
border-radius(3px)
float: left
clear: both
border-radius(3px)
float: left
clear: both
margin-top: 5px
padding: 0 10px
background-color: $white-color
border: 1px solid $structure-border-color
margin-top: 5px
padding: 0 10px
background-color: $white-color
border: 1px solid $structure-border-color
.mailpoet_save_as_template_title
font-size: 1.1em
font-size: 1.1em
.mailpoet_editor_last_saved
color: $primary-inactive-color
font-size: 0.9em
display: inline
color: $primary-inactive-color
font-size: 0.9em
display: inline
.mailpoet_save_error
color: $error-text-color
color: $error-text-color

View File

@@ -14,118 +14,118 @@ $widget-icon-hover-color = $primary-active-color
$widget-icon-width = 30px
#mailpoet_editor_sidebar
border-left: $content-border-color
border-bottom: $content-border-color
color: $sidebar-text-color
border-left: $content-border-color
border-bottom: $content-border-color
color: $sidebar-text-color
.mailpoet_sidebar_region
margin-bottom: 0
border-left: 1px solid $content-border-color
border-bottom: 1px solid $content-border-color
border-top: 0
border-right: 0
.mailpoet_sidebar_region
margin-bottom: 0
border-left: 1px solid $content-border-color
border-bottom: 1px solid $content-border-color
border-top: 0
border-right: 0
&.closed .mailpoet_region_content
max-height: 0px
overflow: hidden
margin-top: 0
&.closed .mailpoet_region_content
max-height: 0px
overflow: hidden
margin-top: 0
.mailpoet_region_content
max-height: 2000px
transition: max-height 0.2s ease
padding: 0 20px
margin-top: 12px
.mailpoet_region_content
max-height: 2000px
transition: max-height 0.2s ease
padding: 0 20px
margin-top: 12px
&, .postbox
background-color: $sidebar-background-color
&, .postbox
background-color: $sidebar-background-color
.postbox
padding-bottom: 20px
.postbox
padding-bottom: 20px
&.closed
padding-bottom: 0
&.closed
padding-bottom: 0
&.closed h3
color: $sidebar-inactive-heading-color
cursor: pointer
&.closed h3
color: $sidebar-inactive-heading-color
cursor: pointer
h3
&:hover h3
margin: 0
padding: 17px 20px
text-transform: uppercase
color: $sidebar-active-heading-color
h3
&:hover h3
margin: 0
padding: 17px 20px
text-transform: uppercase
color: $sidebar-active-heading-color
h3
.handlediv
cursor: auto
border: 0
h3
.handlediv
cursor: auto
border: 0
.handlediv::before
top: 18px
right: 18px
font: 400 20px/1 dashicons
speak: none
display: inline-block
position: relative
-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale
text-decoration: none!important
content: '\f142'
color: $sidebar-active-heading-color
.handlediv::before
top: 18px
right: 18px
font: 400 20px/1 dashicons
speak: none
display: inline-block
position: relative
-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale
text-decoration: none!important
content: '\f142'
color: $sidebar-active-heading-color
&.closed .handlediv::before
content: '\f140'
color: $sidebar-inactive-heading-color
&.closed .handlediv::before
content: '\f140'
color: $sidebar-inactive-heading-color
&.closed:hover .handlediv::before
color: $sidebar-active-heading-color
&.closed:hover .handlediv::before
color: $sidebar-active-heading-color
.mailpoet_widget
display: inline-block
width: $widget-width
text-align: center
float: left
padding: 0 13px 15px 13px
display: inline-block
width: $widget-width
text-align: center
float: left
padding: 0 13px 15px 13px
// Place 3 widgets per row
&:nth-child(3n+1)
clear: left
// Place 3 widgets per row
&:nth-child(3n+1)
clear: left
.mailpoet_widget_icon
width: $widget-width
height: $widget-width
background-color: $widget-background-color
border-radius(3px)
box-shadow(1px 2px $widget-shadow-color)
color: $widget-icon-color
fill: $widget-icon-color
text-align: center
line-height: $widget-width
box-sizing: border-box
margin-bottom: 9px
/* Vertically align widget icon glyphs */
& > *
vertical-align: middle
width: $widget-icon-width
height: $widget-icon-width
font-size: $widget-icon-width
&:hover
color: $widget-icon-hover-color
fill: $widget-icon-hover-color
border: 1px solid $widget-icon-hover-color
&.mailpoet_droppable_active
color: $widget-icon-hover-color
fill: $widget-icon-hover-color
.mailpoet_widget_icon
width: $widget-width
height: $widget-width
background-color: $widget-background-color
border-radius(3px)
box-shadow(1px 2px $widget-shadow-color)
color: $widget-icon-color
fill: $widget-icon-color
text-align: center
line-height: $widget-width
box-sizing: border-box
margin-bottom: 9px
border: 1px solid $widget-icon-hover-color
color: $widget-icon-hover-color
fill: $widget-icon-hover-color
box-shadow(none)
/* Vertically align widget icon glyphs */
& > *
vertical-align: middle
width: $widget-icon-width
height: $widget-icon-width
font-size: $widget-icon-width
&:hover
color: $widget-icon-hover-color
fill: $widget-icon-hover-color
border: 1px solid $widget-icon-hover-color
&.mailpoet_droppable_active
color: $widget-icon-hover-color
fill: $widget-icon-hover-color
.mailpoet_widget_icon
border: 1px solid $widget-icon-hover-color
color: $widget-icon-hover-color
fill: $widget-icon-hover-color
box-shadow(none)
.mailpoet_widget_title
display: none
.mailpoet_widget_title
display: none

View File

@@ -2,54 +2,53 @@ $sidepanel-active-heading-color = $primary-active-color
/* Sidepanel */
.mailpoet_editor_settings
color: $sidebar-text-color
color: $sidebar-text-color
p
font-size: 1em
p
font-size: 1em
h3
font-size: 1.4em
color: $sidepanel-active-heading-color
text-transform: uppercase
h3
font-size: 1.4em
color: $sidepanel-active-heading-color
text-transform: uppercase
.mailpoet_sidepanel_field
margin-top: 15px
margin-bottom: 15px
margin-top: 15px
margin-bottom: 15px
.mailpoet_sidepanel_field_title
clear: both
font-size: 1.1em
margin-bottom: 5px
clear: both
font-size: 1.1em
margin-bottom: 5px
.mailpoet_sidepanel_field_title_small
width: 120px
width: 120px
.mailpoet_sidepanel_field_title_inline
//clear: left
display: inline-block
vertical-align: middle
line-height: 30px
margin-bottom: 0
display: inline-block
vertical-align: middle
line-height: 30px
margin-bottom: 0
.mailpoet_sidepanel_field_optional
font-size: 0.8em
color: $primary-inactive-color
font-size: 0.8em
color: $primary-inactive-color
.mailpoet_sidepanel_radio_option,
.mailpoet_sidepanel_checkbox_option
display: inline-block
vertical-align: top
margin-right: 15px
line-height: 30px
display: inline-block
vertical-align: top
margin-right: 15px
line-height: 30px
&:last-child
margin-right: 0
&:last-child
margin-right: 0
.mailpoet_sidepanel_input_option
display: inline-block
display: inline-block
input[type=checkbox]
vertical-align:top
input[type=checkbox]
vertical-align:top
input[type=text]
vertical-align: middle
input[type=text]
vertical-align: middle

View File

@@ -1,15 +1,15 @@
.mailpoet_automated_latest_content_block
padding: 0
padding: 0
.mailpoet_automated_latest_content_block_overlay
position: absolute
z-index: 19
width: 100%
height: 100%
background: rgba(255, 255, 255, 0.7)
position: absolute
z-index: 19
width: 100%
height: 100%
background: rgba(255, 255, 255, 0.7)
.mailpoet_automated_latest_content_block_posts
overflow: auto
overflow: auto
& > .mailpoet_block
width: 100%
& > .mailpoet_block
width: 100%

View File

@@ -1,32 +1,32 @@
$block-hover-highlight-color = $primary-active-color
.mailpoet_block
box-sizing: border-box
position: relative
float: left
background-color: inherit
box-sizing: border-box
box-sizing: border-box
position: relative
float: left
background-color: inherit
box-sizing: border-box
margin-bottom: 20px
margin-bottom: 20px
padding-left: 20px
padding-right: 20px
padding-left: 20px
padding-right: 20px
& > .mailpoet_block_highlight
position: absolute
top: 0
right: 0
bottom: 0
left: 0
pointer-events: none
border: 1px solid $transparent-color
& > .mailpoet_block_highlight
position: absolute
top: 0
right: 0
bottom: 0
left: 0
pointer-events: none
border: 1px solid $transparent-color
&:hover > .mailpoet_block_highlight
border: 1px dashed $block-hover-highlight-color
&:hover > .mailpoet_block_highlight
border: 1px dashed $block-hover-highlight-color
.mailpoet_block:last-child
margin-bottom: 0
margin-bottom: 0
.mailpoet_content
position: relative
position: relative

View File

@@ -1,20 +1,19 @@
$button-vertical-padding = 13px
.mailpoet_button_block
padding-top: $button-vertical-padding
padding-bottom: $button-vertical-padding
padding-top: $button-vertical-padding
padding-bottom: $button-vertical-padding
overflow: hidden
overflow: hidden
.mailpoet_editor_button
display: block
margin: auto
line-height: 2em
text-align: center
text-decoration: none
box-sizing: border-box
max-width: 100%
&:hover
cursor: all-scroll
.mailpoet_editor_button
display: block
margin: auto
line-height: 2em
text-align: center
text-decoration: none
box-sizing: border-box
max-width: 100%
&:hover
cursor: all-scroll

View File

@@ -1,26 +1,26 @@
.mailpoet_container
width: 100%
min-height: 15px
position: relative
width: 100%
min-height: 15px
position: relative
.mailpoet_container_block
margin-left: 0
margin-right: 0
position: relative
box-sizing: border-box
border: 0
padding-left: 0
padding-right: 0
margin-left: 0
margin-right: 0
position: relative
box-sizing: border-box
border: 0
padding-left: 0
padding-right: 0
&:hover
border: 0
&:hover
border: 0
.mailpoet_container_vertical > *
width: 100%
box-sizing: border-box
width: 100%
box-sizing: border-box
.mailpoet_container_horizontal > *
vertical-align: top
vertical-align: top
/**
* Enforce column widths:
@@ -30,47 +30,47 @@
*/
#mailpoet_editor_content
.mailpoet_container
box-sizing: border-box
float: left
.mailpoet_container
box-sizing: border-box
float: left
// One column
& > .mailpoet_container_block
width: $newsletter-width
border: 0
// One column
& > .mailpoet_container_block
width: $newsletter-width
border: 0
& > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block
margin-bottom: 0
& > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block
margin-bottom: 0
.mailpoet_container_horizontal > .mailpoet_container_block
margin-bottom: 0
width: 20px + 560px + 20px
.mailpoet_container_horizontal > .mailpoet_container_block
margin-bottom: 0
width: 20px + 560px + 20px
// More than one column
& > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal
// More than one column
& > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal
// Column number detection technique found here:
// http://stackoverflow.com/questions/8720931/can-css-detect-the-number-of-children-an-element-has
// Column number detection technique found here:
// http://stackoverflow.com/questions/8720931/can-css-detect-the-number-of-children-an-element-has
// Two columns
& > .mailpoet_block:first-child:nth-last-child(2)
& > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block
//padding-left: 20px
//padding-right: 20px
width: 260px + 20px + 20px
// Two columns
& > .mailpoet_block:first-child:nth-last-child(2)
& > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block
//padding-left: 20px
//padding-right: 20px
width: 260px + 20px + 20px
// Three columns
& > .mailpoet_block:first-child:nth-last-child(3)
& > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block
//padding-left: 20px
//padding-right: 20px
width: 160px + 20px + 20px
// Three columns
& > .mailpoet_block:first-child:nth-last-child(3)
& > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block
//padding-left: 20px
//padding-right: 20px
width: 160px + 20px + 20px
.mailpoet_container_empty
text-align: center
background-color: #f2f2f2
margin: 20px
padding: 15px
box-shadow(inset 1px 2px 1px $primary-inactive-color)
color: #656565
border-radius(3px)
text-align: center
background-color: #f2f2f2
margin: 20px
padding: 15px
box-shadow(inset 1px 2px 1px $primary-inactive-color)
color: #656565
border-radius(3px)

View File

@@ -3,27 +3,27 @@ $active-divider-background-color = #daebf2
$divider-hover-border-color = $primary-active-color
.mailpoet_divider_block
padding-left: 0
padding-right: 0
margin-bottom: 0
cursor: all-scroll
padding-left: 0
padding-right: 0
margin-bottom: 0
cursor: all-scroll
.mailpoet_divider
margin-left: 20px
margin-right: 20px
margin-left: 20px
margin-right: 20px
.mailpoet_field_divider_style
max-width: $newsletter-width
margin: auto
display: block
width: 100%
border: 1px solid transparent
max-width: $newsletter-width
margin: auto
display: block
width: 100%
border: 1px solid transparent
.mailpoet_field_divider_style:hover
border: 1px solid $divider-hover-border-color
border: 1px solid $divider-hover-border-color
.mailpoet_divider_selector img
width: 100%
width: 100%
.mailpoet_field_divider_style
padding: 10px 0
padding: 10px 0

View File

@@ -1,6 +1,6 @@
.mailpoet_footer_block
padding-left: 0
padding-right: 0
padding-left: 0
padding-right: 0
.mailpoet_content
padding: 5px 20px
.mailpoet_content
padding: 5px 20px

View File

@@ -1,6 +1,6 @@
.mailpoet_header_block
padding-left: 0
padding-right: 0
padding-left: 0
padding-right: 0
.mailpoet_content
padding: 5px 20px
.mailpoet_content
padding: 5px 20px

View File

@@ -1,15 +1,15 @@
.mailpoet_image_block
&.mailpoet_full_image
padding-left: 0
padding-right: 0
margin-bottom: 0
&.mailpoet_full_image
padding-left: 0
padding-right: 0
margin-bottom: 0
.mailpoet_content a:hover
cursor: all-scroll
.mailpoet_content a:hover
cursor: all-scroll
img
vertical-align: bottom
max-width: $newsletter-width
width: 100%
height: auto
img
vertical-align: bottom
max-width: $newsletter-width
width: 100%
height: auto

View File

@@ -1,46 +1,46 @@
.mailpoet_posts_block
box-shadow(none)
box-shadow(none)
& > .mailpoet_content
font-size: 1em
text-align: center
background-color: $primary-active-color
margin: 20px 0
padding: 15px
box-shadow(inset 1px 2px 1px $primary-inset-shadow-color)
color: $white-color
border-radius(3px)
& > .mailpoet_content
font-size: 1em
text-align: center
background-color: $primary-active-color
margin: 20px 0
padding: 15px
box-shadow(inset 1px 2px 1px $primary-inset-shadow-color)
color: $white-color
border-radius(3px)
.mailpoet_post_selection_filter_row
margin-top: 5px
margin-bottom: 5px
margin-top: 5px
margin-bottom: 5px
.mailpoet_posts_categories_and_tags
width: 100%
width: 100%
.mailpoet_settings_posts_show_display_options
.mailpoet_settings_posts_show_post_selection
display: block
margin-top: 10px
display: block
margin-top: 10px
.mailpoet_post_selection_container
margin-top: 20px
margin-bottom: 20px
margin-top: 20px
margin-bottom: 20px
.mailpoet_settings_posts_single_post
border-radius(1px)
width: 100%
margin-top: 5px
margin-bottom: 5px
height: 38px
line-height: 38px
overflow: hidden
border: 1px solid $content-border-color
background-color: $white-color
border-radius(1px)
width: 100%
margin-top: 5px
margin-bottom: 5px
height: 38px
line-height: 38px
overflow: hidden
border: 1px solid $content-border-color
background-color: $white-color
&:hover
border-color: $primary-active-color
&:hover
border-color: $primary-active-color
.mailpoet_select_post_checkbox
margin-left: 10px
margin-right: 8px
.mailpoet_select_post_checkbox
margin-left: 10px
margin-right: 8px

View File

@@ -12,105 +12,102 @@ $tool-active-color = #d2d2d4
$tool-width = 16px
.mailpoet_social_block
padding-top: $social-block-vertical-padding
padding-bottom: $social-block-vertical-padding
padding-top: $social-block-vertical-padding
padding-bottom: $social-block-vertical-padding
.mailpoet_social
text-align: center
.mailpoet_social
text-align: center
.mailpoet_social
span
display: inline-block
padding: 2px 3px
span
display: inline-block
padding: 2px 3px
span,
a,
img
vertical-align: top
span,
a,
img
vertical-align: top
a
cursor: all-scroll
a
cursor: all-scroll
.mailpoet_social_icon_set
border: 1px solid transparent
padding: 5px
margin-bottom: 5px
border: 1px solid transparent
padding: 5px
margin-bottom: 5px
&:hover
border: 1px solid $social-icon-set-hover-border-color
&:hover
border: 1px solid $social-icon-set-hover-border-color
img
width: $social-icon-width
height: $social-icon-width
vertical-align: middle
padding: 2px 3px
img
width: $social-icon-width
height: $social-icon-width
vertical-align: middle
padding: 2px 3px
.mailpoet_active_icon_set
border: 1px dashed $active-social-icon-set-border-color
background-color: $active-social-icon-set-background-color
border: 1px dashed $active-social-icon-set-border-color
background-color: $active-social-icon-set-background-color
.mailpoet_social_icon_settings
position: relative
position: relative
padding: 28px 9px (18px - 10px) 9px
margin-bottom: 9px
padding: 28px 9px (18px - 10px) 9px
margin-bottom: 9px
background: $white-color
border: 1px solid $content-border-color
background: $white-color
border: 1px solid $content-border-color
.mailpoet_social_icon_settings_row
clear: both
overflow: auto
margin-bottom: 10px
clear: both
overflow: auto
margin-bottom: 10px
line-height: 30px
line-height: 30px
.mailpoet_social_icon_settings_label
margin-right: 5px
margin-right: 5px
text-align: left
text-align: left
.mailpoet_social_icon_image
width: 30px
height: 30px
.mailpoet_social_icon_image
width: 30px
height: 30px
&.mailpoet_social_icon_image_label
line-height: initial
&.mailpoet_social_icon_image_label
line-height: initial
.mailpoet_social_icon_settings_form_element
float: left
float: left
width: 100%
input, select
width: 100%
input, select
width: 100%
height: 30px
box-sizing: border-box
margin: 0
vertical-align: middle
display: inline-block
height: 30px
box-sizing: border-box
margin: 0
vertical-align: middle
display: inline-block
.mailpoet_social_icon_settings_tool
position: absolute
top: 10px
position: absolute
top: 10px
.mailpoet_tool_icon
fill: $tool-inactive-color
width: $tool-width
height: $tool-width
.mailpoet_tool_icon
fill: $tool-inactive-color
width: $tool-width
height: $tool-width
&:hover
fill: $tool-hover-color
&:hover
fill: $tool-hover-color
&:active
fill: $primary-active-color
&:active
fill: $primary-active-color
&:active
filter-shadow(1px, 2px, 0px, $tool-active-color)
&:active
filter-shadow(1px, 2px, 0px, $tool-active-color)
.mailpoet_social_icon_settings_move_icon
right: 5px
right: 5px
.mailpoet_social_icon_settings_delete_icon
right: 5px + 5px + $tool-width
right: 5px + 5px + $tool-width

View File

@@ -1,8 +1,8 @@
.mailpoet_spacer
text-align: center
text-align: center
.mailpoet_spacer_block
padding-left: 0
padding-right: 0
margin-bottom: 0
cursor: all-scroll
padding-left: 0
padding-right: 0
margin-bottom: 0
cursor: all-scroll

View File

@@ -1,17 +1,17 @@
$text-vertical-padding = 3px
.mailpoet_text_block
padding-left: 0
padding-right: 0
padding-left: 0
padding-right: 0
& > .mailpoet_content
overflow: hidden
padding-top: 13px
padding-bottom: 13px
padding-left: 20px
padding-right: 20px
& > .mailpoet_content
overflow: hidden
padding-top: 13px
padding-bottom: 13px
padding-left: 20px
padding-right: 20px
blockquote
margin: 1em
padding-left: 1em
border-left: 2px #565656 solid
margin: 1em
padding-left: 1em
border-left: 2px #565656 solid

View File

@@ -2,31 +2,31 @@ $sidebar-width = 330px
$content-border-color = $structure-border-color
#mailpoet_editor
width: 100%
clear: both
width: 100%
clear: both
#mailpoet_editor_heading
padding-left: 15px
margin-left: 2px
padding-left: 15px
margin-left: 2px
#mailpoet_editor_main_wrapper
border: 1px solid $content-border-color
border-left: 0
position: relative
min-width: 1050px
border: 1px solid $content-border-color
border-left: 0
position: relative
min-width: 1050px
#mailpoet_editor_content_container
width: 100%
padding-right: $sidebar-width
box-sizing: border-box
width: 100%
padding-right: $sidebar-width
box-sizing: border-box
#mailpoet_editor_sidebar
float: right
width: $sidebar-width
box-sizing: border-box
float: right
width: $sidebar-width
box-sizing: border-box
.mailpoet_newsletter_wrapper
max-width: $newsletter-width
width: $newsletter-width
margin: auto
position: relative
max-width: $newsletter-width
width: $newsletter-width
margin: auto
position: relative

View File

@@ -1,119 +1,118 @@
/* Fix select2 z-index to work with MailPoet.Modal */
.select2-drop
z-index: 101000
z-index: 101000
/* Remove input field styles from select2 type input */
.select2-container
border: none
padding: 0
border: none
padding: 0
/* Fix inline TinyMCE toolbar to have minimal width instead of being close to 100% of the screen */
div.mce-toolbar-grp.mce-container
position: absolute
position: absolute
.mce-tinymce.mce-tinymce-inline
border-radius(3px)
background-color: $primary-background-color
border: 1px solid $content-border-color
box-shadow(0px 0px 3px 1px rgba(0, 0, 0, 0.05))
border-radius(3px)
background-color: $primary-background-color
border: 1px solid $content-border-color
box-shadow(0px 0px 3px 1px rgba(0, 0, 0, 0.05))
.mce-window
/* Fix TinyMCE mailpoet_custom_fields window lack of hiding overflow */
div.mce-container-body.mce-abs-layout
overflow: hidden
/* Fix TinyMCE mailpoet_custom_fields window lack of hiding overflow */
div.mce-container-body.mce-abs-layout
overflow: hidden
/* Fix TinyMCE popup window's close button to not be covered by draggable section */
.mce-window-head div.mce-dragh
width: -webkit-calc( 100% - 36px )
width: calc( 100% - 36px )
/* Fix TinyMCE popup window's close button to not be covered by draggable section */
.mce-window-head div.mce-dragh
width: -webkit-calc( 100% - 36px )
width: calc( 100% - 36px )
/* TinyMCE mailpoet_custom_fields toolbar icon */
.mce-i-mailpoet_custom_fields:before
font: 400 20px/1 dashicons!important
content: "\f307"
font: 400 20px/1 dashicons!important
content: "\f307"
/* TinyMCE remove active border from the editor */
.mce-edit-focus
outline: none
outline: none
/* Style "No search term specified" in TinyMCE link editor */
#wp-link li, #wp-link div.query-notice
clear: both
margin-bottom: 0
border-bottom: 1px solid #f1f1f1
color: #333
padding: 4px 6px
cursor: pointer
position: relative
clear: both
margin-bottom: 0
border-bottom: 1px solid #f1f1f1
color: #333
padding: 4px 6px
cursor: pointer
position: relative
/* Remove empty space between WP admin sidebar and content */
#wpbody-content > *
margin-left: 20px
margin-left: 20px
#wpbody-content > .wrap
margin-left: 0
margin-left: 0
#wpcontent
margin-left: 160px
padding-left: 0
margin-left: 160px
padding-left: 0
.folded &
margin-left: 36px
.folded &
margin-left: 36px
.wrap
margin-left: 0
margin-right: 0
margin-left: 0
margin-right: 0
/* Reduce WP admin bar z-index in order for TinyMCE toolbar to be visible */
#wpadminbar
z-index: 50000
z-index: 50000
/* Allow horizontal scrolling on smaller (tablet/phone) sized screens */
body
overflow-x: auto
overflow-x: auto
/* Hide the "Details" section of Wordpress Media manager */
.media-sidebar
display: none
display: none
#mailpoet-media-manager
.attachments-browser .attachments
.attachments-browser .uploader-inline
margin-right: 0
.attachments-browser .attachments
.attachments-browser .uploader-inline
margin-right: 0
.attachments-browser .attachments
.attachments-browser .media-toolbar
.attachments-browser .uploader-inline
right: 0
.attachments-browser .attachments
.attachments-browser .media-toolbar
.attachments-browser .uploader-inline
right: 0
/* Remove max width from date selector in Wordpress Media Manager */
#media-attachment-date-filters
max-width: calc(100% - 12px)
max-width: calc(100% - 12px)
/* Alter Spectrum color picker to leave only the color preview, without arrows */
.sp-replacer
border-radius(3px)
padding: 0
border: 0
box-shadow(1px 2px darken($primary-background-color, 13%))
border-radius(3px)
padding: 0
border: 0
box-shadow(1px 2px darken($primary-background-color, 13%))
.sp-preview
border-width: 0
margin-right: 0
width: 25px
height: 25px
border-width: 0
margin-right: 0
width: 25px
height: 25px
.sp-dd
display: none
display: none
/* Sidepanel overrides */
.mailpoet_panel_body
margin: 19px
padding: 0
margin: 19px
padding: 0
.mailpoet_panel_wrapper
background-color: $primary-background-color
border: 1px solid $content-border-color
background-color: $primary-background-color
border: 1px solid $content-border-color
#mailpoet_modal_close
display: none
display: none

View File

@@ -1,4 +1,4 @@
border-radius()
-webkit-border-radius: arguments
-moz-border-radius: arguments
border-radius: arguments
-webkit-border-radius: arguments
-moz-border-radius: arguments
border-radius: arguments

View File

@@ -1,5 +1,4 @@
box-shadow()
-webkit-box-shadow: arguments
-moz-box-shadow: arguments
box-shadow: arguments
-webkit-box-shadow: arguments
-moz-box-shadow: arguments
box-shadow: arguments

View File

@@ -1,5 +1,5 @@
filter-shadow(offset-x, offset-y, blur-radius=0px, color=#ff0000)
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=%d, OffY=%d, Color='%s')" % (offset-x offset-y color)
-webkit-filter: drop-shadow(offset-x offset-y blur-radius color)
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=%d, OffY=%d, Color='%s')" % (offset-x offset-y color)
filter: drop-shadow(offset-x offset-y blur-radius color)
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=%d, OffY=%d, Color='%s')" % (offset-x offset-y color)
-webkit-filter: drop-shadow(offset-x offset-y blur-radius color)
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=%d, OffY=%d, Color='%s')" % (offset-x offset-y color)
filter: drop-shadow(offset-x offset-y blur-radius color)

View File

@@ -23,5 +23,4 @@ $warning-alternate-text-color = #f4c6c8
$error-text-color = #d54e21
// Dimensions
$newsletter-width = 600px