Skip to content
Snippets Groups Projects
Commit a4365c1a authored by jan.bednarik's avatar jan.bednarik
Browse files

uniweb: Update styleguide

parent 6bec3f5e
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
uniweb/static/uniweb/assets/css/styles.css
+ 1
− 1
View file @ a4365c1a
Source diff could not be displayed: it is too large. Options to address this: view the blob.
uniweb/templates/uniweb/base.html
+ 16
− 37
View file @ a4365c1a
......@@ -19,24 +19,8 @@
<link href="{% static "shared/vendor/fancybox/jquery.fancybox.min.css" %}" rel="stylesheet">
<style type="text/css">
.float-left {
float: left;
}
.float-right {
float: right;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.copyleft {
.inline-block {
display: inline-block;
transform: rotate(180deg);
}
</style>
......@@ -47,34 +31,29 @@
<body>
<nav class="navbar __js-root">
<nav class="navbar navbar--simple __js-root">
<ui-app inline-template>
<ui-navbar inline-template>
<div>
<div class="container navbar__content max-w-screen-xl" :class="{'navbar__content--initialized': true}">
<div class="navbar__brand my-4 flex items-center lg:block lg:pr-8 lg:my-0">
<a href="/" class="no-underline hover:no-underline">
<img src="{% static "uniweb/assets/images/logo-round-white.svg" %}" class="w-8 lg:w-full lg:border-r lg:border-grey-300 lg:pr-8" />
</a>
<a href="/" class="no-underline hover:no-underline pt-1">
<span class="lg:hidden pl-4 head-alt-base">{{ page.root_page.seo_title }}</span>
<div class="container container--wide navbar__content max-w-screen-xl" :class="{'navbar__content--initialized': true}">
<div class="navbar__brand my-4 flex items-center lg:pr-8 lg:my-0">
<a href="#">
<img src="{% static "uniweb/assets/images/logo-round-white.svg" %}" class="w-8" />
</a>
<span class="pl-4 font-bold text-xl lg:border-r lg:border-grey-300 lg:pr-8">{{ page.root_page.seo_title }}</span>
</div>
<div class="navbar__menutoggle my-4 lg:hidden flex justify-end">
{% if page.root_page.top_menu %}
<div class="navbar__menutoggle my-4 flex justify-end lg:hidden">
<a href="#" @click="show = !show" class="no-underline hover:no-underline">
<i class="ico--menu text-3xl"></i>
</a>
</div>
<div v-if="isLgScreenSize" class="lg:mt-4">
<a href="/" class="no-underline hover:no-underline">
<span class="head-alt-base lg:head-alt-md">{{ page.root_page.seo_title }}</span>
</a>
</div>
<div v-if="show || isLgScreenSize" class="my-4 lg:mb-0 flex justify-end">
{% endif %}
<div v-if="show || isLgScreenSize" class="navbar__main navbar__section navbar__section--expandable container-padding--zero lg:container-padding--auto">
<ul class="navbar-menu text-white">
{% for item in page.root_page.top_menu %}
<li class="navbar-menu__item">
<a class="navbar-menu__link" href="{% pageurl item.value.page %}">{{ item.value.name }}</a>
<a href="{% pageurl item.value.page %}" data-href="{% pageurl item.value.page %}" class="navbar-menu__link">{{ item.value.name }}</a>
</li>
{% endfor %}
</ul>
......@@ -98,7 +77,7 @@
<img src="{% static "uniweb/assets/images/logo.svg" %}" alt="logo pirátské strany" class="w-32 md:w-40 pb-6" />
</a>
<p class="para hidden md:block md:mb-4 lg:mb-0 text-grey-200">
<span class="copyleft">&copy;</span> {% now "Y" %} Piráti. Všechna práva vyhlazena. Sdílejte a nechte ostatní sdílet za stejných podmínek.
<span class="copyleft inline-block">&copy;</span> {% now "Y" %} Piráti. Všechna práva vyhlazena. Sdílejte a nechte ostatní sdílet za stejných podmínek.
</p>
</section>
<section class="footer__social lg:text-right">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Pirátský GitLab - Home of the CopyLeft