js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use hex instead of var()

Browse Source
This commit is contained in:
Cory LaViska
2017-08-16 17:26:23 -04:00
parent dfd297533c
commit 263fba0943
2 changed files with 10 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
source/css/_docs.css
View File

@@ -1,5 +1,5 @@
body {
border-top: solid .3rem var(--color-aqua);
border-top: solid .3rem #7fdbff;
}
#head {
@@ -27,26 +27,21 @@ body {
#nav {
text-align: right;
border-right: solid var(--component-border-width) var(--component-border-color);
border-right: solid 1px #ddd;
padding-right: 1rem;
margin-right: 2rem;
}
#nav a {
border-radius: var(--component-border-radius);
margin: .5rem 0;
display: block;
}
#nav a.current {
color: var(--state-secondary);
color: #aaa;
cursor: default;
}
#nav a.current:hover {
}
#foot {
text-align: center;
margin: 2rem 0;
@@ -109,7 +104,7 @@ h4[id]:not(:first-child) {
h3[id],
h4[id] {
color: var(--color-gray);
color: #aaa;
}
pre {
@@ -148,13 +143,13 @@ a code {
/* Sizing examples */
.width-sizing-example {
border: solid 1px var(--component-border-color);
border: solid 1px #ddd;
padding: 1rem;
margin-bottom: 1rem;
}
.width-sizing-example div {
background: var(--state-primary);
background: tomato;
color: white;
text-align: center;
padding: .25rem;
@@ -166,7 +161,7 @@ a code {
}
.height-sizing-example {
border: solid 1px var(--component-border-color);
border: solid 1px #ddd;
height: 15rem;
padding: 1rem .5rem;
margin-bottom: 1rem;
@@ -175,7 +170,7 @@ a code {
.height-sizing-example div {
width: calc(25% - 1rem);
float: left;
background: var(--state-primary);
background: tomato;
color: white;
text-align: center;
padding: .25rem;
@@ -187,7 +182,7 @@ a code {
float: left;
width: 6rem;
height: 6rem;
border: dashed 1px var(--component-border-color);
border: dashed 1px #ddd;
margin-right: .5rem;
}

2
source/css/_homepage.css
View File

@@ -1,5 +1,5 @@
body {
border-top: solid .3rem var(--color-aqua);
border-top: solid .3rem #7fdbff;
}
#head {