mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-05-29 14:53:12 +00:00
Update Footer and README
This commit is contained in:
parent
55c853e81c
commit
2b6347da1b
9 changed files with 101 additions and 97 deletions
|
@ -209,6 +209,8 @@
|
|||
transform: translateX(-050%) translateY(-50%);
|
||||
|
||||
border-radius: $rad;
|
||||
|
||||
z-index: +1;
|
||||
}
|
||||
|
||||
button {
|
||||
|
@ -217,22 +219,20 @@
|
|||
padding: 0;
|
||||
|
||||
position: absolute;
|
||||
top: 0.5rem;
|
||||
right: 0.5rem;
|
||||
top: 1.25rem;
|
||||
right: 1.25rem;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
|
||||
text-decoration: none;
|
||||
|
||||
border: none;
|
||||
border-radius: calc($rad - (0.5rem + 3px));
|
||||
border-radius: $rad;
|
||||
|
||||
transition: outline 0.1s cubic-bezier(.19, 1, .22, 1);
|
||||
|
||||
background-color: $black;
|
||||
|
||||
box-shadow: $shadow;
|
||||
|
||||
z-index: +2;
|
||||
|
||||
img {
|
||||
width: 1.5rem;
|
||||
|
@ -304,7 +304,7 @@
|
|||
text-decoration: none;
|
||||
|
||||
border: none;
|
||||
border-radius: calc($rad - (0.5rem + 3px));
|
||||
border-radius: calc($rad - 0.5rem);
|
||||
|
||||
transition: outline 0.1s cubic-bezier(.19, 1, .22, 1);
|
||||
|
||||
|
|
|
@ -6,23 +6,28 @@
|
|||
footer {
|
||||
margin: 0 auto;
|
||||
|
||||
width: calc(100% - 1.4rem);
|
||||
width: auto;
|
||||
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
|
||||
display: flex; flex-direction: row;
|
||||
|
||||
p {
|
||||
margin: 0 0.5rem;
|
||||
margin: 0.2rem;
|
||||
padding: 0;
|
||||
|
||||
text-decoration: none;
|
||||
font-size: 16px;
|
||||
|
||||
font-family: $font-body;
|
||||
}
|
||||
|
||||
a {
|
||||
margin: 0 0.5rem;
|
||||
margin: 0.2rem;
|
||||
padding: 0;
|
||||
|
||||
text-decoration: none;
|
||||
font-size: 16px;
|
||||
|
||||
font-family: $font-body;
|
||||
|
||||
|
|
|
@ -28,6 +28,7 @@
|
|||
h4,
|
||||
h5 {
|
||||
font-family: $font-header;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
p,
|
||||
|
@ -35,6 +36,7 @@
|
|||
button,
|
||||
input {
|
||||
font-family: $font-body;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -13,7 +13,7 @@ $white: #E8E3E3;
|
|||
$page-accent: #8C977D;
|
||||
|
||||
$shadow: 6px 6px 2px #15151566;
|
||||
$rad: 0.25rem;
|
||||
$rad: 0.3rem;
|
||||
|
||||
$weight-bold: 621;
|
||||
$weight-normal: 400;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue