diff options
Diffstat (limited to 'assets/sass/shortcodes/notice.scss')
| -rw-r--r-- | assets/sass/shortcodes/notice.scss | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/assets/sass/shortcodes/notice.scss b/assets/sass/shortcodes/notice.scss new file mode 100644 index 0000000..cb462dd --- /dev/null +++ b/assets/sass/shortcodes/notice.scss @@ -0,0 +1,63 @@ + div.notices {
+ margin: 2rem 0;
+ position: relative;
+
+ border-radius: .2rem;
+ color: #fff;
+ padding: .5rem 1rem .5rem 2rem;
+ position: relative
+ }
+
+ div.notices p {
+ padding: 0px;
+ display: block;
+ font-size: 1rem;
+ margin-top: 0rem;
+ margin-bottom: 0rem; }
+
+ div.notices p:first-child:before {
+ position: absolute;
+ top: -27px;
+ color: #fff;
+ font-family: sans-serif;
+ content: '☆';
+ left: 10px; }
+
+ div.notices p:first-child:after {
+ position: absolute;
+ top: -27px;
+ color: #fff;
+ left: 2rem; }
+
+ div.notices.info p:first-child:after {
+ content: 'Info'; }
+
+ div.notices.warning p:first-child:after {
+ content: 'Warning'; }
+
+ div.notices.note p:first-child:after {
+ content: 'Note'; }
+
+ div.notices.tip p:first-child:after {
+ content: 'Tip'; }
+
+ div.notices.note {
+ border-top: 30px solid #6bb1e0;
+ background: #e6f3fb;
+ color: rgba(47, 103, 141, 0.995) !important; }
+
+ div.notices.info {
+ border-top: 30px solid #f1b37e;
+ background: #fefaf5;
+ color: rgba(150, 90, 38, 0.995) !important; }
+
+ div.notices.tip {
+ border-top: 30px solid #84c578;
+ background: #e8f7e6;
+ color: rgba(72, 125, 63, 0.995) !important; }
+
+ div.notices.warning {
+ border-top: 30px solid #d58181;
+ background: #fbeded;
+ color: rgba(132, 56, 56, 0.995) !important; }
+
|