mirror of https://github.com/n2geoff/stylelite.git
extras
This commit is contained in:
parent
8300a9d56a
commit
6c0f49795c
|
@ -0,0 +1,16 @@
|
||||||
|
:root {
|
||||||
|
--info: steelblue;
|
||||||
|
--warning: #B7950B;
|
||||||
|
--danger: #C0392B;
|
||||||
|
--success: #1E8449;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote.info {background: #EBF5FB; color: var(--info); border: 1px solid var(--theme)}
|
||||||
|
blockquote.danger {background: #FDEDEC; color: var(--danger); border: 1px solid var(--danger)}
|
||||||
|
blockquote.warn {background: #FEF9E7; color: var(--warning) ; border: 1px solid var(--warning)}
|
||||||
|
blockquote.success {background: #EAFAF1; color: var(--success); border: 1px solid var(--success)}
|
||||||
|
|
||||||
|
button.info {background: var(--info);color: var(--white);}
|
||||||
|
button.warning {background: var(--warning);color: var(--white);}
|
||||||
|
button.danger {background: var(--danger);color: var(--white);}
|
||||||
|
button.success {background: var(--success);color: var(--white);}
|
|
@ -41,4 +41,5 @@ main {
|
||||||
|
|
||||||
.right {float:right}
|
.right {float:right}
|
||||||
.left {float:left}
|
.left {float:left}
|
||||||
.center {text-align: center;}
|
.center {text-align: center;}
|
||||||
|
.clear {content:'';display: table;clear:both}
|
|
@ -0,0 +1,7 @@
|
||||||
|
*, *::before, *::after {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {margin:0}
|
||||||
|
|
||||||
|
body {font-family: system-ui;}
|
|
@ -1,21 +1,21 @@
|
||||||
/* nav tabs */
|
/* nav tabs */
|
||||||
|
|
||||||
nav.tabs ul {
|
nav.tabs ul {
|
||||||
margin-left: -.5rem !important;
|
margin-left: -.5rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav.tabs li {
|
nav.tabs li {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav.tabs a.active {
|
nav.tabs a.active {
|
||||||
padding: .5rem;
|
padding: .5rem;
|
||||||
background: var(--theme);
|
background: var(--theme);
|
||||||
border-bottom: 4px solid var(--theme);
|
border-bottom: 4px solid var(--theme);
|
||||||
color: var(--bg);
|
color: var(--bg);
|
||||||
border-radius: 8px 8px 0 0;
|
border-radius: 8px 8px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav.tabs li {
|
nav.tabs li {
|
||||||
padding: .25rem .5rem;
|
padding: .25rem .5rem;
|
||||||
}
|
}
|
Loading…
Reference in New Issue