aboutsummaryrefslogtreecommitdiff
path: root/semantic/src/themes/default/modules/nag.variables
diff options
context:
space:
mode:
authorFuwn <[email protected]>2020-12-14 23:21:39 -0800
committerFuwn <[email protected]>2020-12-14 23:21:39 -0800
commit823344c19094680e80e2b56449a243e183db8b06 (patch)
tree92277700547ea671331828caa258ace7aaaa46d5 /semantic/src/themes/default/modules/nag.variables
parentrepo: angular (diff)
downloadme-823344c19094680e80e2b56449a243e183db8b06.tar.xz
me-823344c19094680e80e2b56449a243e183db8b06.zip
:star:
Diffstat (limited to 'semantic/src/themes/default/modules/nag.variables')
-rw-r--r--semantic/src/themes/default/modules/nag.variables74
1 files changed, 74 insertions, 0 deletions
diff --git a/semantic/src/themes/default/modules/nag.variables b/semantic/src/themes/default/modules/nag.variables
new file mode 100644
index 0000000..25da572
--- /dev/null
+++ b/semantic/src/themes/default/modules/nag.variables
@@ -0,0 +1,74 @@
+/*******************************
+ Nag
+*******************************/
+
+/*--------------
+ Collection
+---------------*/
+
+@position: relative;
+@width: 100%;
+@zIndex: 999;
+@margin: 0;
+
+@background: #555555;
+@opacity: 0.95;
+@minHeight: 0;
+@padding: 0.75em 1em;
+@lineHeight: 1em;
+@boxShadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
+
+@fontSize: 1rem;
+@textAlign: center;
+@color: @textColor;
+
+@transition: 0.2s background ease;
+
+
+/*--------------
+ Elements
+---------------*/
+
+/* Title */
+@titleColor: @white;
+@titleMargin: 0 0.5em;
+
+@closeSize: 1em;
+@closeMargin: (-@closeSize / 2) 0 0;
+@closeTop: 50%;
+@closeRight: 1em;
+@closeColor: @white;
+@closeTransition: opacity 0.2s ease;
+@closeOpacity: 0.4;
+
+
+/*--------------
+ States
+---------------*/
+
+/* Hover */
+@nagHoverBackground: @background;
+@nagHoverOpacity: 1;
+
+@closeHoverOpacity: 1;
+
+/*--------------
+ Variations
+---------------*/
+
+/* Top / Bottom */
+@top: 0;
+@bottom: 0;
+@borderRadius: @defaultBorderRadius;
+@topBorderRadius: 0 0 @borderRadius @borderRadius;
+@bottomBorderRadius: @borderRadius @borderRadius 0 0;
+
+/* Inverted */
+@invertedBackground: @darkWhite;
+
+/*--------------
+ Plural
+---------------*/
+
+@groupedBorderRadius: 0;
+