standardebooks/web
1
0
Fork 0
mirror of https://github.com/standardebooks/web.git synced 2025-07-13 01:52:02 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add borders to buttons and normalize size in pagination bar

Browse source
This commit is contained in:
Alex Cabal 2020-12-16 15:50:47 -06:00
parent 240c2fee6d
commit c6f379bc12
1 changed files with 8 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

19
www/css/core.css
View file

@ -110,15 +110,12 @@
} }
html{ html{
color: #222; /* fallback for IE */
color: var(--body-text); color: var(--body-text);
font-family: "Crimson Pro", Georgia, serif; font-family: "Crimson Pro", Georgia, serif;
-webkit-hyphens: auto; -webkit-hyphens: auto;
hyphens: auto; hyphens: auto;
font-size: 22px; font-size: 22px;
line-height: 1.4; line-height: 1.4;
/* fallback for ie */
background: #e9e7e0;
background: var(--body-bg); background: var(--body-bg);
} }
@ -277,6 +274,8 @@ header nav li + li:before{
font-size: 16px; font-size: 16px;
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
position: relative;
top: -1px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .75); text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);
} }
@ -504,10 +503,10 @@ h1 + section > h2:first-child{
a.button, a.button,
.ebooks nav > a, .ebooks nav > a,
form button{ form button{
border: 1px solid rgba(0, 0, 0, .5);
font-style: normal; font-style: normal;
box-sizing: border-box; box-sizing: border-box;
background-color: var(--button); background-color: var(--button);
border-width: 0;
border-radius: 5px; border-radius: 5px;
padding: 1rem 2rem; padding: 1rem 2rem;
color: #fff; color: #fff;
@ -520,6 +519,7 @@ form button{
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
font-size: 1rem; font-size: 1rem;
height: calc(1.4rem + 2rem + 2px);
} }
.ebooks nav li.highlighted a:focus, .ebooks nav li.highlighted a:focus,
@ -590,8 +590,6 @@ main.ebooks nav ol li.highlighted a:hover,
a.button:hover, a.button:hover,
.ebooks nav > a:hover, .ebooks nav > a:hover,
form button:hover{ form button:hover{
/* fallback for ie */
background-color: #288da4;
background-color: var(--button-highlight); background-color: var(--button-highlight);
} }
@ -1241,8 +1239,6 @@ ul.tags li a{
ul.tags li a:hover{ ul.tags li a:hover{
color: #fff; color: #fff;
/* fallback for ie */
background: #288da4;
background: var(--button-highlight); background: var(--button-highlight);
} }
@ -1281,13 +1277,15 @@ main.ebooks nav ol li a{
margin: 0 .5rem; margin: 0 .5rem;
border-radius: .25rem; border-radius: .25rem;
font-variant-numeric: normal; font-variant-numeric: normal;
height: calc(1.4rem + 2rem + 2px);
display: inline-block;
box-sizing: border-box;
} }
article nav ol li.highlighted a, article nav ol li.highlighted a,
main.ebooks nav ol li.highlighted a{ main.ebooks nav ol li.highlighted a{
background-color: #1d6878; /* fallback for IE */
background: var(--button); background: var(--button);
padding: 1.25rem; border: 1px solid rgba(0, 0, 0, .5);
} }
article nav ol li.highlighted a, article nav ol li.highlighted a,
@ -1486,7 +1484,6 @@ form[action="/ebooks"] label.per-page{
} }
form[action="/ebooks"] button{ form[action="/ebooks"] button{
height: calc(1.4rem + 2rem + 2px);
justify-self: end; justify-self: end;
margin-top: 1.4rem; margin-top: 1.4rem;
} }