Added three types of alert/notice/update headings for messages at the top of pages.
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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"}
|
||||
@@ -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
|
||||
|
||||
@@ -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'],
|
||||
|
||||
@@ -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': {}
|
||||
|
||||
@@ -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': {}
|
||||
|
||||
@@ -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': {}
|
||||
|
||||
@@ -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': {}
|
||||
|
||||
Reference in New Issue
Block a user