diff options
| author | Siri Reiter <siri@jones.dk> | 2020-06-03 19:05:50 +0200 |
|---|---|---|
| committer | Siri Reiter <siri@jones.dk> | 2020-06-03 19:05:50 +0200 |
| commit | 13537adde2bed739bfbcc32b84cd7e07e6da0bb7 (patch) | |
| tree | c7d822fb9eb149d59277743e71778c9b1315882c | |
| parent | 9c071fd0baccdd7c2f25a602b53292e10ab8ec7b (diff) | |
mobile-first styling
| -rw-r--r-- | branding.mdwn | 4 | ||||
| -rw-r--r-- | style.scss | 34 | ||||
| -rw-r--r-- | templates/div.mdwn | 3 |
3 files changed, 28 insertions, 13 deletions
diff --git a/branding.mdwn b/branding.mdwn index 0519ecb..625ad70 100644 --- a/branding.mdwn +++ b/branding.mdwn @@ -1 +1,3 @@ -
\ No newline at end of file +[[!template id=div anchor=branding-logo content=""" +[[!img logo.jpg alt="Orø Fællesjord" link=index]] +"""]] @@ -6,6 +6,8 @@ @import "blueprint"; @import "breakpoint"; +@include h5bp-media; + @include h5bp-normalize; @include ikiwiki-style; @@ -15,22 +17,31 @@ h1 { font-size: 2.75em; } -.branding { - z-index: -1; - position: fixed; - bottom: 0; // full height isn't enough on Replicant browser - height: 100%; +#branding-logo { + top: 75px; width: 100%; - background-color: transparent; - background-image: url("logo.jpg"); - background-repeat: no-repeat; - background-position: right bottom; + right: 2%; + text-align: right; +} + + +.branding { + @media screen and(min-width:790px) { + z-index: -1; + position: absolute; + margin-top: 8em; + height: 100%; + width: 100%; + background-color: transparent; + background-image: url("logo.jpg"); + background-repeat: no-repeat; + background-position: top right; + } } .pageheader { padding: 0; header { - float: right; padding: 1em 2%; } } @@ -89,7 +100,7 @@ a { } #content { - width: 100%; + width: 96%; max-width: 52em; min-height: 480px; margin: 0 auto; @@ -101,7 +112,6 @@ a { } img { - float: right; vertical-align: top; margin: 0 1em 1em 0; padding: 0; diff --git a/templates/div.mdwn b/templates/div.mdwn new file mode 100644 index 0000000..709b253 --- /dev/null +++ b/templates/div.mdwn @@ -0,0 +1,3 @@ +<div <TMPL_IF anchor>id="<TMPL_VAR ESCAPE=HTML anchor>"</TMPL_IF> <TMPL_IF class>class="<TMPL_VAR ESCAPE=HTML class>"</TMPL_IF>> +<TMPL_VAR content><TMPL_VAR content2> +</div> |