Remove bourbon and fontawesome.
This commit is contained in:
Cooper Dalrymple
@@ -2,7 +2,7 @@
|
||||
Plugin Name: OgreAlert
|
||||
Plugin URI: https://plugins.cleverogre.com/plugin/ogrealert/
|
||||
Description: OgreAlert is a plugin developed by CleverOgre in Pensacola, Florida.
|
||||
Version: 0.1.9
|
||||
Version: 0.2.1
|
||||
Author: CleverOgre
|
||||
Author URI: https://cleverogre.com/
|
||||
Icon1x: https://plugins.cleverogre.com/plugin/ogrealert/?asset=icon-sm
|
||||
@@ -15,41 +15,41 @@ License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||||
Copyright: © 2020 CleverOgre, Inc. All rights reserved.
|
||||
*/
|
||||
|
||||
/*******************
|
||||
* Libraries *
|
||||
*******************/
|
||||
|
||||
@import 'lib/bourbon/bourbon';
|
||||
@import 'lib/fontawesome/fontawesome';
|
||||
|
||||
/*******************
|
||||
* Variables *
|
||||
*******************/
|
||||
|
||||
// Colors
|
||||
:root {
|
||||
--ogrealert--index: 10001;
|
||||
--ogrealert--container-size: 1200px;
|
||||
--ogrealert--padding: 1rem;
|
||||
--ogrealert--font-size: 1rem;
|
||||
--ogrealert--line-height: 1.5;
|
||||
--ogrealert--icon-size: calc(var(--ogrealert--font-size, 1rem) * var(--ogrealert--line-height, 1.5));
|
||||
--ogrealert--icon-stroke: calc(var(--ogrealert--icon-size, 1.5rem) * 0.1);
|
||||
}
|
||||
|
||||
$gray-darker: #1c1c1c;
|
||||
$gray-dark: #2d2d2d;
|
||||
$gray: #6d6d6d;
|
||||
$gray-light: #eeeeee;
|
||||
$gray-lighter: #fefefe;
|
||||
/*******************
|
||||
* Mixins *
|
||||
*******************/
|
||||
|
||||
// Structure
|
||||
|
||||
$gutter: 32px;
|
||||
|
||||
$content-text: 16px;
|
||||
$content-line: 1.5 * $content-text;
|
||||
|
||||
$icon-text: $content-line;
|
||||
@mixin screen-reader-text {
|
||||
border: 0;
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
word-wrap: normal !important;
|
||||
}
|
||||
|
||||
/*******************
|
||||
* Message *
|
||||
*******************/
|
||||
|
||||
section.ogrealert-messages {
|
||||
--messages-index: 10001;
|
||||
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
@@ -57,7 +57,7 @@ section.ogrealert-messages {
|
||||
padding: 0;
|
||||
|
||||
position: relative;
|
||||
z-index: var(--messages-index);
|
||||
z-index: var(--messages-index, var(--ogrealert--index, 10001));
|
||||
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
@@ -107,30 +107,23 @@ article.ogrealert-message {
|
||||
height: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
@include clearfix();
|
||||
clear: both;
|
||||
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
@include display(flex);
|
||||
@include flex-flow(row nowrap);
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
|
||||
.ogrealert-title {
|
||||
@include sr-only();
|
||||
@include screen-reader-text;
|
||||
}
|
||||
|
||||
div.ogrealert-container {
|
||||
@include flex(0 1 auto);
|
||||
flex: 0 1 auto;
|
||||
display: block;
|
||||
width: 1200px;
|
||||
width: var(--ogrealert--container-size, 1200px);
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
|
||||
@include clearfix();
|
||||
clear: both;
|
||||
}
|
||||
|
||||
@@ -139,24 +132,24 @@ article.ogrealert-message {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
padding: $gutter / 2;
|
||||
padding: var(--ogrealert--padding, 1rem);
|
||||
|
||||
font-size: $content-text;
|
||||
line-height: $content-line;
|
||||
font-size: var(--ogrealert--font-size, 1rem);
|
||||
line-height: var(--ogrealert--line-height, 1.5);
|
||||
color: inherit;
|
||||
|
||||
p {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0 0 $gutter / 2;
|
||||
margin: 0 0 1em;
|
||||
padding: 0;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
font-size: $content-text;
|
||||
line-height: $content-line;
|
||||
font-size: var(--ogrealert--font-size, 1rem);
|
||||
line-height: var(--ogrealert--line-height, 1.5);
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
color: inherit;
|
||||
@@ -164,51 +157,52 @@ article.ogrealert-message {
|
||||
}
|
||||
|
||||
a.ogrealert-action {
|
||||
@include flex(0 0 auto);
|
||||
flex: 0 0 auto;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
height: max($icon-text, $content-line) + $gutter;
|
||||
width: var(--ogrealert--icon-size, 1.5rem);
|
||||
height: var(--ogrealert--icon-size, 1.5rem);
|
||||
box-sizing: border-box;
|
||||
padding: max($icon-text, $content-line) - $content-line + $gutter / 2 $gutter / 2;
|
||||
padding: 0;
|
||||
margin: auto 0;
|
||||
float: right;
|
||||
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
color: inherit;
|
||||
|
||||
&:before {
|
||||
@include fa-icon();
|
||||
transition-property: scale, opacity;
|
||||
transition-duration: .15s;
|
||||
transition-timing-function: ease-in-out;
|
||||
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
height: $icon-text;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
&.ogrealert-dismiss {
|
||||
&::before,
|
||||
&::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 141.4213562%;
|
||||
height: var(--ogrealert--icon-stroke, 10%);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: currentColor;
|
||||
|
||||
font-size: $icon-text;
|
||||
line-height: $icon-text;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
color: inherit;
|
||||
|
||||
@include transform(scale3d(1, 1, 1));
|
||||
@include transform-origin(center);
|
||||
|
||||
@include transition-property(transform);
|
||||
@include transition-duration(0.15s);
|
||||
@include transition-timing-function(ease-in-out);
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
translate: -50% -50%;
|
||||
}
|
||||
&::before {
|
||||
rotate: -45deg;
|
||||
}
|
||||
&::after {
|
||||
rotate: 45deg;
|
||||
}
|
||||
}
|
||||
&.ogrealert-dismiss:before {
|
||||
content: fa-content($fa-var-times);
|
||||
font-weight: 300;
|
||||
&:hover {
|
||||
scale: 1.25;
|
||||
}
|
||||
&:hover:before {
|
||||
@include transform(scale3d(1.25, 1.25, 1));
|
||||
}
|
||||
&:active:before {
|
||||
@include transform(scale3d(0.9, 0.9, 1));
|
||||
@include transition-duration(0.1s);
|
||||
&:active {
|
||||
opacity: 0.7;
|
||||
scale: .9;
|
||||
transition-duration: .1s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user