updated plugin Jetpack Protect
version 1.4.0
This commit is contained in:
@ -20,7 +20,7 @@ use Automattic\Jetpack\Status;
|
||||
*/
|
||||
class JITM {
|
||||
|
||||
const PACKAGE_VERSION = '2.3.1';
|
||||
const PACKAGE_VERSION = '2.3.4';
|
||||
|
||||
/**
|
||||
* The configuration method that is called from the jetpack-config package.
|
||||
|
@ -7,7 +7,7 @@
|
||||
@import '../../plugins/jetpack/_inc/client/scss/calypso-colors';
|
||||
|
||||
@mixin clear-fix {
|
||||
&:after {
|
||||
&::after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
@ -58,6 +58,7 @@ $jp-gray-20: #a7aaad;
|
||||
border-color: black;
|
||||
background: $white;
|
||||
color: black;
|
||||
width: 100%;
|
||||
|
||||
// Primary buttons
|
||||
&.is-primary {
|
||||
@ -85,7 +86,7 @@ $jp-gray-20: #a7aaad;
|
||||
cursor: default;
|
||||
}
|
||||
&.is-compact {
|
||||
padding: 12px;
|
||||
height: 32px;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
@ -117,7 +118,8 @@ $jp-gray-20: #a7aaad;
|
||||
clear: both;
|
||||
position: relative;
|
||||
margin: rem( 48px ) rem( 20px ) 0 auto;
|
||||
padding: 16px ;
|
||||
padding: rem( 16px );
|
||||
padding-left: rem( 20px );
|
||||
box-sizing: border-box;
|
||||
background-color: $white;
|
||||
background-image: url( "../images/background.png" );
|
||||
@ -129,11 +131,6 @@ $jp-gray-20: #a7aaad;
|
||||
|
||||
@include clear-fix;
|
||||
|
||||
@include breakpoint( ">480px" ) {
|
||||
margin-bottom: rem( 16px );
|
||||
padding: rem( 24px );
|
||||
}
|
||||
|
||||
// Compact Card
|
||||
&.is-compact {
|
||||
margin-bottom: rem( 1px );
|
||||
@ -235,7 +232,8 @@ $jp-gray-20: #a7aaad;
|
||||
}
|
||||
|
||||
@include breakpoint( ">480px" ) {
|
||||
padding: rem( 12px ) rem( 16px );
|
||||
padding: rem( 16px );
|
||||
padding-left: rem( 20px );
|
||||
|
||||
&.is-dismissible {
|
||||
padding-right: rem( 16px );
|
||||
@ -246,7 +244,13 @@ $jp-gray-20: #a7aaad;
|
||||
.jitm-banner__buttons_container {
|
||||
display: flex;
|
||||
height: 50%;
|
||||
margin: auto 16px auto;
|
||||
margin: auto rem( 16px ) auto 0;
|
||||
gap: rem( 16px );
|
||||
overflow: hidden;
|
||||
|
||||
@include breakpoint( ">480px" ) {
|
||||
margin-left: rem( 16px );
|
||||
}
|
||||
}
|
||||
|
||||
.jitm-banner__icons {
|
||||
@ -302,7 +306,7 @@ $jp-gray-20: #a7aaad;
|
||||
top: rem( 2px );
|
||||
|
||||
@include breakpoint( "<480px" ) {
|
||||
margin-bottom: rem( 12px );
|
||||
margin-bottom: rem( 16px );
|
||||
}
|
||||
|
||||
svg {
|
||||
@ -313,7 +317,7 @@ $jp-gray-20: #a7aaad;
|
||||
|
||||
.jitm-jp-logo {
|
||||
height: inherit;
|
||||
width: rem( 42px );
|
||||
width: rem( 40px );
|
||||
fill: inherit;
|
||||
}
|
||||
}
|
||||
@ -321,10 +325,6 @@ $jp-gray-20: #a7aaad;
|
||||
@include breakpoint( ">480px" ) {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@include breakpoint( "<960px" ) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.jitm-banner__content {
|
||||
@ -332,6 +332,7 @@ $jp-gray-20: #a7aaad;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
flex-wrap: wrap;
|
||||
flex-shrink: 100000;
|
||||
|
||||
@include breakpoint( "<480px" ) {
|
||||
margin-right: 0;
|
||||
@ -365,14 +366,15 @@ $jp-gray-20: #a7aaad;
|
||||
}
|
||||
|
||||
.jitm-banner__title {
|
||||
font-size: 16px;
|
||||
font-size: rem( 15px );
|
||||
font-weight: 700;
|
||||
line-height: 136%;
|
||||
}
|
||||
|
||||
.jitm-banner__description {
|
||||
font-size: rem( 14px );
|
||||
line-height: 1.4;
|
||||
margin-top: rem( 6px );
|
||||
font-size: rem( 13px );
|
||||
line-height: 150%;
|
||||
margin-top: rem( 2px );
|
||||
}
|
||||
|
||||
.banner__list {
|
||||
@ -394,9 +396,8 @@ $jp-gray-20: #a7aaad;
|
||||
.jitm-banner__action {
|
||||
align-self: center;
|
||||
font-size: rem( 12px );
|
||||
margin: rem( 8px ) 0 0;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
.jitm-banner__prices {
|
||||
display: flex;
|
||||
@ -421,7 +422,6 @@ $jp-gray-20: #a7aaad;
|
||||
}
|
||||
|
||||
@include breakpoint( ">480px" ) {
|
||||
margin: 0 rem( 4px ) 0 rem( 8px );
|
||||
text-align: center;
|
||||
width: auto;
|
||||
|
||||
@ -443,10 +443,10 @@ $jp-gray-20: #a7aaad;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
|
||||
&:before {
|
||||
&::before {
|
||||
color: darken($gray, 20%);
|
||||
font: 400 16px/1 dashicons;
|
||||
content: '\f158';
|
||||
font: 400 20px/1 dashicons;
|
||||
content: '\f335';
|
||||
}
|
||||
|
||||
@include breakpoint( ">660px" ) {
|
||||
|
Reference in New Issue
Block a user