Added three types of alert/notice/update headings for messages at the top of pages.

This commit is contained in:
2021-11-18 07:13:23 -08:00
parent 3fba22f9d1
commit 276d9b14b0
11 changed files with 151 additions and 14 deletions

View File

@@ -275,6 +275,62 @@ blockquote p {
padding-top: 0;
}
.notice {
margin: 1.2rem 0;
padding: 0.3rem 0 0.3rem 0;
font-size: 1.3rem;
font-family: Montserrat-ExtraBold;
line-height: 1.4rem;
font-weight: 700;
color: #000;
}
.notice:before {
content: "Notice:";
padding: 0.5rem;
letter-spacing: 0.2rem;
margin-right: 1rem;
color: #002170;
border: 0;
}
.notice a {
font-size: 1.2rem;
line-height: 1.3rem;
text-shadow: 0 0 0.6rem rgba(158, 243, 113, 0.3);
}
.notice + .notice {
margin-top: 0;
padding-top: 0;
}
.update {
margin: 1.2rem 0;
padding: 0.3rem 0 0.3rem 0;
font-size: 1.3rem;
font-family: Montserrat-ExtraBold;
line-height: 1.4rem;
font-weight: 700;
color: #000;
}
.update:before {
content: "Update:";
padding: 0.5rem;
letter-spacing: 0.2rem;
margin-right: 1rem;
color: #155e01;
border: 0;
}
.update a {
font-size: 1.2rem;
line-height: 1.3rem;
text-shadow: 0 0 0.6rem rgba(158, 243, 113, 0.3);
}
.update + .update {
margin-top: 0;
padding-top: 0;
}
.date {
background: black;
color: white;

View File

@@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["common.sass","main.sass"],"names":[],"mappings":";AAAA;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;;ACdD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AAED;EACC;EAGA;EACA;EACA;EACA;EACA;;;AACD;EACC;;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACF;EACC;;AACD;EACC;EACA;;;AAEF;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AACD;EACC;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;;AACD;EACC;;;AACF;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAEF;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;AACA;EACC;;AACD;EACC;;AACD;EACC;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;EACA;EACA;;;AAEF;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;;AAEF;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EAKA;EACA;EACA;EACA;EAEA;;AACD;EACC;EACA;EACA;;;AACF;EACC;EACA;;;AACD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOD;EACC;;;AACD;EACC;EACA;;;AACD;EACC,kBAPU;;;AASV;EACC;;AACD;EACC;;AACD;EACC;;AACD;EACC;;AACD;EACC,kBAnBQ;;AAoBT;EACC;;;AACF;EACC,kBAvBS;;;AAwBV;EACC;IACC;IACA;IACA;;;AAKF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC","file":"main.css"}
{"version":3,"sourceRoot":"","sources":["common.sass","main.sass"],"names":[],"mappings":";AAAA;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;;ACdD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AAED;EACC;EAGA;EACA;EACA;EACA;EACA;;;AACD;EACC;;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACF;EACC;;AACD;EACC;EACA;;;AAEF;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AACD;EACC;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;;AACD;EACC;;;AACF;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAEF;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;AACA;EACC;;AACD;EACC;;AACD;EACC;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;EACA;EACA;;;AAEF;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;;AAEF;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EAKA;EACA;EACA;EACA;EAEA;;AACD;EACC;EACA;EACA;;;AACF;EACC;EACA;;;AAED;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EAKA;EACA;EACA;EACA;EAEA;;AACD;EACC;EACA;EACA;;;AACF;EACC;EACA;;;AAED;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EAKA;EACA;EACA;EACA;EAEA;;AACD;EACC;EACA;EACA;;;AACF;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOD;EACC;;;AACD;EACC;EACA;;;AACD;EACC,kBAPU;;;AASV;EACC;;AACD;EACC;;AACD;EACC;;AACD;EACC;;AACD;EACC,kBAnBQ;;AAoBT;EACC;;;AACF;EACC,kBAvBS;;;AAwBV;EACC;IACC;IACA;IACA;;;AAKF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC","file":"main.css"}

View File

@@ -215,6 +215,65 @@ blockquote
.alert+.alert
margin-top: 0
padding-top: 0
.notice
//background: #581d17
margin: 1.2rem 0
padding: 0.3rem 0 0.3rem 0
font-size: 1.3rem
font-family: Montserrat-ExtraBold
line-height: 1.4rem
font-weight: 700
color: #000
&:before
content: "Notice:"
//color: #FFF
//background: #98025c
//background-image: linear-gradient(45deg, #3023AE 0%, #98025C 100%)
//border-radius: .5rem/1rem
padding: 0.5rem
letter-spacing: 0.2rem
margin-right: 1rem
color: #002170
//border: 1px black solid
border: 0
a
font-size: 1.2rem
line-height: 1.3rem
text-shadow: 0 0 0.6rem rgba(158, 243, 113, 0.3)
.notice+.notice
margin-top: 0
padding-top: 0
.update
//background: #581d17
margin: 1.2rem 0
padding: 0.3rem 0 0.3rem 0
font-size: 1.3rem
font-family: Montserrat-ExtraBold
line-height: 1.4rem
font-weight: 700
color: #000
&:before
content: "Update:"
//color: #FFF
//background: #98025c
//background-image: linear-gradient(45deg, #3023AE 0%, #98025C 100%)
//border-radius: .5rem/1rem
padding: 0.5rem
letter-spacing: 0.2rem
margin-right: 1rem
color: #155e01
//border: 1px black solid
border: 0
a
font-size: 1.2rem
line-height: 1.3rem
text-shadow: 0 0 0.6rem rgba(158, 243, 113, 0.3)
.update+.update
margin-top: 0
padding-top: 0
.date
background: black
color: white

View File

@@ -16,10 +16,10 @@ module.exports = {
'sup', 'sub', 'span'
],
allowedClasses: {
'p': ['highlighted', 'alert', 'indent', 'bulletLevel2','apos-indent1', 'apos-indent2'],
'p': ['highlighted', 'alert', 'notice', 'update', 'indent', 'bulletLevel2','apos-indent1', 'apos-indent2'],
'ul': ['bulletLevel2','apos-indent1', 'apos-indent2'],
'div': ['highlighted', 'alert', "bulletLevel2",'apos-indent1', 'apos-indent2', 'date'],
'*': ['highlighted', 'alert', 'bulletLevel2', 'test', '*','apos-indent1', 'apos-indent2']
'div': ['highlighted', 'alert', 'notice', 'update', "bulletLevel2",'apos-indent1', 'apos-indent2', 'date'],
'*': ['highlighted', 'alert', 'notice', 'update', 'bulletLevel2', 'test', '*','apos-indent1', 'apos-indent2']
},
allowedAttributes: {
'*': ['style', 'class'],

View File

@@ -15,7 +15,9 @@
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
{name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} }
{name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
]
},
'apostrophe-files': {}

View File

@@ -14,7 +14,9 @@
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
{name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} }
{name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
]
},
'apostrophe-files': {}
@@ -35,7 +37,9 @@
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
{name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} }
{name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
]
},
'apostrophe-files': {}

View File

@@ -14,7 +14,9 @@
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
{name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} }
{name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
]
},
'apostrophe-files': {}
@@ -35,7 +37,9 @@
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
{name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} }
{name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
]
},
'apostrophe-files': {}

View File

@@ -14,7 +14,9 @@
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
{name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} }
{name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
]
},
'apostrophe-files': {}
@@ -35,7 +37,9 @@
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
{name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} }
{name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
]
},
'apostrophe-files': {}