craftingguide/website
1
0
Fork 0
Code Pull Requests Actions Activity

Tweak headers to make them smaller on the page

Browse Source
This commit is contained in:
Andrew Miner
2015-02-02 10:55:35 -08:00
parent 1f76001c12
commit 54997a2c89
7 changed files with 26 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/tags.scss
+4 -4
View File
@@ -39,25 +39,25 @@ h1 {
p {
font-family: $font-family-header;
font-size: $font-size-xx-large;
font-size: $font-size-x-large;
position: relative; top: -0.5em;
}
}
h2 {
margin-bottom: 1em;
margin-bottom: 0.5em;
* { display: inline; }
img {
position: relative; height: 4em; width: 4em;
position: relative; height: 3.2em; width: 3.2em;
margin-right: 1em;
vertical-align: bottom;
}
p {
font-family: $font-family-header;
font-size: $font-size-x-large;
font-size: $font-size-large;
position: relative; top: -0.25em;
}
}
src/css/templates/crafting_table.scss
+1 -2
View File
@@ -9,9 +9,8 @@ All rights reserved.
min-height: 14em;
width: 100%;
.panel {
position: absolute; top: 5em; right: 2em; bottom: 0; left: 2em;
position: absolute; top: 3.6em; right: 2em; bottom: 0; left: 2em;
background: $color-background-panel;
.multiplier {
src/css/templates/inventory.scss
+1 -1
View File
@@ -14,7 +14,7 @@ All rights reserved.
}
.panel {
position: absolute; top: 5em; right: 2em; bottom: 0; left: 2em;
position: absolute; top: 3.6em; right: 2em; bottom: 0; left: 2em;
background: $color-background-panel;
text-align: right;
}
src/css/views.scss
+16 -4
View File
@@ -60,11 +60,23 @@ All rights reserved.
}
.view__header {
background: $color-brick-light url('/images/stone_brick_light.png');
position: relative; height: 10em;
margin-top: 5em;
background: $color-gray-light;
position: relative; height: 8em;
margin-top: 3.2em;
h1 { position: relative; top: -3em; left: -3em; }
a {
position: absolute; left: -1.6em; top: -1.6em;
img {
width: 6.4em; height: 6.4em;
}
}
h1 {
position: absolute; top: 0.8em; left: 3.2em;
font-family: PressStart;
font-size: $font-size-x-large;
}
.divider {
background: $color-brick-dark url('/images/stone_brick.png');