first
This commit is contained in:
@@ -0,0 +1,13 @@
|
||||
/**
|
||||
* Notices CSS Variables
|
||||
*/
|
||||
.vp-notice {
|
||||
--vp-notice__padding-v: 1em;
|
||||
--vp-notice__padding-h: 1.3em;
|
||||
--vp-notice__color: var(--vp-color-brand);
|
||||
--vp-notice__background-color: var(--vp-color-gray-lighten);
|
||||
--vp-notice__border-width: 1px;
|
||||
--vp-notice__border-left-width: 3px;
|
||||
--vp-notice__border-color: var(--vp-color-brand);
|
||||
--vp-notice__border-radius: var(--vp-border-radius);
|
||||
}
|
@@ -0,0 +1,17 @@
|
||||
<?php
|
||||
/**
|
||||
* Notices template.
|
||||
*
|
||||
* @var $args
|
||||
* @package visual-portfolio
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
<div class="vp-notice">
|
||||
<?php echo esc_html( $args['notice'] ); ?>
|
||||
</div>
|
@@ -0,0 +1 @@
|
||||
.vp-notice{--vp-notice__padding-v:1em;--vp-notice__padding-h:1.3em;--vp-notice__color:var(--vp-color-brand);--vp-notice__background-color:var(--vp-color-gray-lighten);--vp-notice__border-width:1px;--vp-notice__border-left-width:3px;--vp-notice__border-color:var(--vp-color-brand);--vp-notice__border-radius:var(--vp-border-radius);background-color:var(--vp-notice__background-color);border:var(--vp-notice__border-width) solid var(--vp-notice__border-color);border-right-width:var(--vp-notice__border-left-width);border-radius:var(--vp-notice__border-radius);color:var(--vp-notice__color);padding:var(--vp-notice__padding-v) var(--vp-notice__padding-h)}
|
@@ -0,0 +1 @@
|
||||
.vp-notice{--vp-notice__padding-v:1em;--vp-notice__padding-h:1.3em;--vp-notice__color:var(--vp-color-brand);--vp-notice__background-color:var(--vp-color-gray-lighten);--vp-notice__border-width:1px;--vp-notice__border-left-width:3px;--vp-notice__border-color:var(--vp-color-brand);--vp-notice__border-radius:var(--vp-border-radius);background-color:var(--vp-notice__background-color);border:var(--vp-notice__border-width) solid var(--vp-notice__border-color);border-left-width:var(--vp-notice__border-left-width);border-radius:var(--vp-notice__border-radius);color:var(--vp-notice__color);padding:var(--vp-notice__padding-v) var(--vp-notice__padding-h)}
|
@@ -0,0 +1,13 @@
|
||||
@import "./variables";
|
||||
|
||||
/**
|
||||
* Notices style
|
||||
*/
|
||||
.vp-notice {
|
||||
padding: var(--vp-notice__padding-v) var(--vp-notice__padding-h);
|
||||
color: var(--vp-notice__color);
|
||||
background-color: var(--vp-notice__background-color);
|
||||
border: var(--vp-notice__border-width) solid var(--vp-notice__border-color);
|
||||
border-left-width: var(--vp-notice__border-left-width);
|
||||
border-radius: var(--vp-notice__border-radius);
|
||||
}
|
Reference in New Issue
Block a user