mirror of
https://github.com/imfing/hextra.git
synced 2025-06-19 10:14:08 -04:00
feat: support github style alerts (#513)
* feat: basic github style alerts support * feat: implement github style alert * chore: re-generate css * chore: add missing prettier config * docs: add alerts instructions to markdown * chore: revert "docs: add alerts instructions to markdown" This reverts commit3a70540e0b
. * chore: redo "docs: add alerts instructions to markdown"" This reverts commit8399373747
. * chore(build): bump hugo version
This commit is contained in:
@ -952,6 +952,10 @@ video {
|
||||
.hx-border-t {
|
||||
border-top-width: 1px;
|
||||
}
|
||||
.hx-border-amber-200 {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(253 230 138 / var(--tw-border-opacity));
|
||||
}
|
||||
.hx-border-black\/5 {
|
||||
border-color: rgb(0 0 0 / 0.05);
|
||||
}
|
||||
@ -967,6 +971,14 @@ video {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(107 114 128 / var(--tw-border-opacity));
|
||||
}
|
||||
.hx-border-green-200 {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(187 247 208 / var(--tw-border-opacity));
|
||||
}
|
||||
.hx-border-indigo-200 {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(199 210 254 / var(--tw-border-opacity));
|
||||
}
|
||||
.hx-border-orange-100 {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(255 237 213 / var(--tw-border-opacity));
|
||||
@ -982,6 +994,10 @@ video {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(254 249 195 / var(--tw-border-opacity));
|
||||
}
|
||||
.hx-bg-amber-100 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(254 243 199 / var(--tw-bg-opacity));
|
||||
}
|
||||
.hx-bg-black\/80 {
|
||||
background-color: rgb(0 0 0 / 0.8);
|
||||
}
|
||||
@ -996,6 +1012,14 @@ video {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
.hx-bg-green-100 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(220 252 231 / var(--tw-bg-opacity));
|
||||
}
|
||||
.hx-bg-indigo-100 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(224 231 255 / var(--tw-bg-opacity));
|
||||
}
|
||||
.hx-bg-neutral-50 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
|
||||
@ -1161,6 +1185,9 @@ video {
|
||||
.hx-text-center {
|
||||
text-align: center;
|
||||
}
|
||||
.hx-align-middle {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.hx-align-text-bottom {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
@ -1237,6 +1264,10 @@ video {
|
||||
--tw-text-opacity: 1;
|
||||
color: hsl(var(--primary-hue) 100% 50% / var(--tw-text-opacity));
|
||||
}
|
||||
.hx-text-amber-900 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(120 53 15 / var(--tw-text-opacity));
|
||||
}
|
||||
.hx-text-blue-900 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(30 58 138 / var(--tw-text-opacity));
|
||||
@ -1268,6 +1299,14 @@ video {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(17 24 39 / var(--tw-text-opacity));
|
||||
}
|
||||
.hx-text-green-900 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(20 83 45 / var(--tw-text-opacity));
|
||||
}
|
||||
.hx-text-indigo-900 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(49 46 129 / var(--tw-text-opacity));
|
||||
}
|
||||
.hx-text-orange-800 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(154 52 18 / var(--tw-text-opacity));
|
||||
@ -2931,6 +2970,9 @@ body:is(html[class~="dark"] *) {
|
||||
.dark\:hx-hidden:is(html[class~="dark"] *) {
|
||||
display: none;
|
||||
}
|
||||
.dark\:hx-border-amber-200\/30:is(html[class~="dark"] *) {
|
||||
border-color: rgb(253 230 138 / 0.3);
|
||||
}
|
||||
.dark\:hx-border-blue-200\/30:is(html[class~="dark"] *) {
|
||||
border-color: rgb(191 219 254 / 0.3);
|
||||
}
|
||||
@ -2941,6 +2983,12 @@ body:is(html[class~="dark"] *) {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(156 163 175 / var(--tw-border-opacity));
|
||||
}
|
||||
.dark\:hx-border-green-200\/30:is(html[class~="dark"] *) {
|
||||
border-color: rgb(187 247 208 / 0.3);
|
||||
}
|
||||
.dark\:hx-border-indigo-200\/30:is(html[class~="dark"] *) {
|
||||
border-color: rgb(199 210 254 / 0.3);
|
||||
}
|
||||
.dark\:hx-border-neutral-700:is(html[class~="dark"] *) {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(64 64 64 / var(--tw-border-opacity));
|
||||
@ -2961,6 +3009,9 @@ body:is(html[class~="dark"] *) {
|
||||
.dark\:hx-border-yellow-200\/30:is(html[class~="dark"] *) {
|
||||
border-color: rgb(254 240 138 / 0.3);
|
||||
}
|
||||
.dark\:hx-bg-amber-900\/30:is(html[class~="dark"] *) {
|
||||
background-color: rgb(120 53 15 / 0.3);
|
||||
}
|
||||
.dark\:hx-bg-black\/60:is(html[class~="dark"] *) {
|
||||
background-color: rgb(0 0 0 / 0.6);
|
||||
}
|
||||
@ -2977,6 +3028,12 @@ body:is(html[class~="dark"] *) {
|
||||
.dark\:hx-bg-gray-50\/10:is(html[class~="dark"] *) {
|
||||
background-color: rgb(249 250 251 / 0.1);
|
||||
}
|
||||
.dark\:hx-bg-green-900\/30:is(html[class~="dark"] *) {
|
||||
background-color: rgb(20 83 45 / 0.3);
|
||||
}
|
||||
.dark\:hx-bg-indigo-900\/30:is(html[class~="dark"] *) {
|
||||
background-color: rgb(49 46 129 / 0.3);
|
||||
}
|
||||
.dark\:hx-bg-neutral-800:is(html[class~="dark"] *) {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
|
||||
@ -3012,6 +3069,10 @@ body:is(html[class~="dark"] *) {
|
||||
.dark\:hx-to-gray-400:is(html[class~="dark"] *) {
|
||||
--tw-gradient-to: #9ca3af var(--tw-gradient-to-position);
|
||||
}
|
||||
.dark\:hx-text-amber-200:is(html[class~="dark"] *) {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(253 230 138 / var(--tw-text-opacity));
|
||||
}
|
||||
.dark\:hx-text-blue-200:is(html[class~="dark"] *) {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(191 219 254 / var(--tw-text-opacity));
|
||||
@ -3036,6 +3097,14 @@ body:is(html[class~="dark"] *) {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(249 250 251 / var(--tw-text-opacity));
|
||||
}
|
||||
.dark\:hx-text-green-200:is(html[class~="dark"] *) {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(187 247 208 / var(--tw-text-opacity));
|
||||
}
|
||||
.dark\:hx-text-indigo-200:is(html[class~="dark"] *) {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(199 210 254 / var(--tw-text-opacity));
|
||||
}
|
||||
.dark\:hx-text-neutral-200:is(html[class~="dark"] *) {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(229 229 229 / var(--tw-text-opacity));
|
||||
|
Reference in New Issue
Block a user