nathan
/
aney.co.uk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Accessible anchor, and CSS colour change

Browse Source
develop
Nathan Steel 2 years ago
parent 74f4dc5422
commit e99e3d547c
1 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File

20
main.css
Unescape Escape View File

@ -5,7 +5,7 @@ header hr{display:none}
body{ body{
max-width:768px; max-width:768px;
margin:auto;padding:0 1.24rem; margin:auto;padding:0 1.24rem;
font:1.2rem/1.62 sans-serif;color:#444; font:1.2rem/1.62 sans-serif;color:#556;
display:-webkit-flex;display:-ms-flexbox;display:flex; display:-webkit-flex;display:-ms-flexbox;display:flex;
flex-direction:column} flex-direction:column}
main{flex:1 0 auto} main{flex:1 0 auto}
@ -14,16 +14,14 @@ box-sizing:border-box;
z-index:9} z-index:9}
nav>a{ nav>a{
padding:.2rem 0; padding:.2rem 0;
display:block; display:block}
border-top:1px dotted #211F1C}
nav>a:first-child{border:none}
h1,h2,h3,h4,h5,h6{line-height:1} h1,h2,h3,h4,h5,h6{line-height:1}
header h1{margin:1.4rem 52px 1.2rem auto} header h1{margin:1.4rem 52px 1.2rem auto}
h1{color:#000}h2{color:#111}h3{color:#222} h1{color:#000}h2{color:#111}h3{color:#222}
h4,h5,h6{color:#333} h4,h5,h6{color:#333}
a{text-decoration:none} a{text-decoration:none; border-bottom: 1px dotted #999}
a:link,a:visited{color:#07C} a:link,a:visited{color:#07C}
a:hover,a:visited:hover{color:#1AE} a:hover,a:visited:hover{color:#1AE}
@ -101,8 +99,8 @@ transition:transform 300ms cubic-bezier(.4,1,.5,1)}
@media print{body{max-width:none}} @media print{body{max-width:none}}
@media(min-width:720px){ @media(min-width:720px){
body{margin:.2rem auto} body{margin:.2rem auto}
nav>a{margin-left:2rem;padding:auto;display:inline;border:none} nav>a{margin-left:2rem;display:inline;border:none}
nav>a:first-child{padding:1rem 0;margin-left:0} nav>a:first-child{margin-left:0}
ul li{margin:auto} ul li{margin:auto}
.burger-container{display:none} .burger-container{display:none}
#burger-toggle~nav,header hr{display:block} #burger-toggle~nav,header hr{display:block}
@ -133,7 +131,7 @@ transition:transform 300ms cubic-bezier(.4,1,.5,1)}
.burger,.burger::after,.burger::before{background:#EEE} .burger,.burger::after,.burger::before{background:#EEE}
h1{color:#FFF}h2{color:#EEE} h1{color:#FFF}h2{color:#EEE}
h3,h4,h5,h6{color:#DDD} h3,h4,h5,h6{color:#DDD}
td,th{border-color:#444} td,th{border-color:#556}
thead tr{background:#211F1C} thead tr{background:#211F1C}
tbody tr:nth-child(odd){background:#222} tbody tr:nth-child(odd){background:#222}
tbody tr:hover{background:#333} tbody tr:hover{background:#333}
@ -153,7 +151,7 @@ border:1px solid;
padding: 1rem; padding: 1rem;
} }
input,select,textarea{ input,select,textarea{
font:1.2rem/1.62 sans-serif;color:#444; font:1.2rem/1.62 sans-serif;color:#556;
border:1px solid #CCC; border:1px solid #CCC;
} }
textarea{ textarea{
@ -162,9 +160,9 @@ resize: vertical;
input,select,textarea{ input,select,textarea{
background: #EEE; background: #EEE;
border: 2px solid #444; border: 2px solid #556;
box-sizing: border-box; box-sizing: border-box;
color: #444; color: #556;
display: block; display: block;
line-height: 1; line-height: 1;
vertical-align: top; vertical-align: top;

Write Preview
Loading…
Cancel
Save