1
0
mirror of https://github.com/typemill/typemill.git synced 2025-08-09 15:47:09 +02:00

Version 1.4.7: Cyanine improve download icon and mobile font sizes

This commit is contained in:
trendschau
2021-07-31 14:16:04 +02:00
parent 4501f3cbf8
commit aa6c7a46db
10 changed files with 42 additions and 14 deletions

View File

@@ -51,7 +51,7 @@ article code{
font-size: 0.8em;
line-height: 1.4em;
padding: 0 0.5em;
word-break: break-all;
word-break: break-word;
}
pre > code{
font-size: 0.8em;
@@ -286,12 +286,17 @@ a.tm-download:hover::before{
/* style the typemill download-button for files */
a.tm-download
{
margin-left: 40px;
margin-left: 35px;
}
a.tm-download::before{
content: url("data:image/svg+xml; utf8, <svg width='24' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M23 14l-8 8-8-8h5v-12h6v12zM15 22h-15v8h30v-8h-15zM28 26h-4v-2h4v2z'></path></svg>");
content: "_";
/* mask-image: url("data:image/svg+xml; utf8, <svg width='24' fill='currentColor' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M20 15v4c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293h-14c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-4c0-0.552-0.448-1-1-1s-1 0.448-1 1v4c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h14c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121v-4c0-0.552-0.448-1-1-1s-1 0.448-1 1zM13 12.586v-9.586c0-0.552-0.448-1-1-1s-1 0.448-1 1v9.586l-3.293-3.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414l5 5c0.092 0.092 0.202 0.166 0.324 0.217s0.253 0.076 0.383 0.076c0.256 0 0.512-0.098 0.707-0.293l5-5c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0z'></path></svg>"); */
mask-image: url("data:image/svg+xml; utf8, <svg width='24' fill='currentColor' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M23 12c0-3.037-1.232-5.789-3.222-7.778s-4.741-3.222-7.778-3.222-5.789 1.232-7.778 3.222-3.222 4.741-3.222 7.778 1.232 5.789 3.222 7.778 4.741 3.222 7.778 3.222 5.789-1.232 7.778-3.222 3.222-4.741 3.222-7.778zM21 12c0 2.486-1.006 4.734-2.636 6.364s-3.878 2.636-6.364 2.636-4.734-1.006-6.364-2.636-2.636-3.878-2.636-6.364 1.006-4.734 2.636-6.364 3.878-2.636 6.364-2.636 4.734 1.006 6.364 2.636 2.636 3.878 2.636 6.364zM11 8v5.586l-2.293-2.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414l4 4c0.092 0.092 0.202 0.166 0.324 0.217 0.245 0.101 0.521 0.101 0.766 0 0.118-0.049 0.228-0.121 0.324-0.217l4-4c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-2.293 2.293v-5.586c0-0.552-0.448-1-1-1s-1 0.448-1 1z'></path></svg>");
mask-repeat: no-repeat;
background-color: currentColor;
position: absolute;
margin-left: -40px;
margin-left: -35px;
width: 30px;
text-decoration: none;
}
a.tm-download:hover::before{
@@ -528,22 +533,23 @@ button.play-video::after {
}
@media print {
#contentnav, #bottompager,.widgetcontainer,.funcicons,.account,footer{
#contentnav, nav, #bottompager,.widgetcontainer,.funcicons,.account,footer{
display: none;
}
.grid-main{
margin-top: -10px!important;
padding-top: 0px!important;
}
.logo a[href]:after {
/* .logo a[href]:after {
content: "Homepage: " attr(href);
display: block;
margin: 1rem 0;
font-size: 14px;
font-weight: normal;
}
*/
.logo-image{
max-width: 200px;
max-width: 150px;
}
main{
padding-bottom: 0!important;
@@ -564,6 +570,9 @@ button.play-video::after {
background: #fff!important;
color: black!important;
}
article{
font-size: .8em;
}
article a[href]{
color: black;
text-decoration: underline;

View File

@@ -126,7 +126,7 @@
border-color: {{ settings.themes.cyanine.fontcolorsecondary|default('#333') }};
}
main a, footer a, .landingpageintro p a, .landingpageinfo p a, .landingpageteaser p a, .landingpagenavi p a{
main a, main a:before, footer a, .landingpageintro p a, .landingpageinfo p a, .landingpageteaser p a, .landingpagenavi p a{
color: {{ settings.themes.cyanine.fontcolorlink|default('#007474') }};
}
.TOC li a, .TOC li a:hover,.TOC li a:focus,.TOC li a:active{

View File

@@ -34,7 +34,7 @@
</aside>
<div class="grid-main ph3 ph4-l pv3 lh-copy f4 fw3">
<div class="grid-main ph3 ph4-l pv3 lh-copy f4-l f5 fw3">
<nav id="breadcrumb">
{% include 'partials/breadcrumb.twig' %}
@@ -111,7 +111,7 @@
{% if item.elementType == 'folder' and item.contains == 'pages' %}
<nav class="f4">
<nav class="f4-l f5">
{% include 'partials/navigationFlat.twig' with {'flatnavi': item.folderContent} %}
</nav>

View File

@@ -34,6 +34,6 @@
<button id="expander" data-expandlabel="{{ settings.themes.cyanine.expand|default('expand navigation') }}" data-collapselabel="{{ settings.themes.cyanine.collapse|default('collapse navigation') }}" class="expander dim dn db-l link pointer w-100 ba pa2 mb3 f6">{{ settings.themes.cyanine.expand|default('expand navigation') }}</button>
{% endif %}
<ul class="cy-nav mainnavigation list pa0 menu">
<ul class="cy-nav mainnavigation list pa0 menu f5">
{{ macros.loop_over(navigation, settings.themes.cyanine.chapnum ) }}
</ul>

View File

@@ -5,7 +5,7 @@
{% import _self as macros %}
{% for element in navigation %}
<li class="{% if level == 1 %}w-100 w-50-l ba bb pa4{% endif %} {{ element.elementType }}">
<li class="{% if level == 1 %}w-100 w-50-l ba bb pa3 pa4-l{% endif %} {{ element.elementType }}">
{% if element.elementType == 'folder' and level < maxdepth %}
<a class="link relative dib bb bt-0 br-0 bl-0 b--dashed b--solid-hover w-100 ma2 arrow-after-transition" href="{{ element.urlAbs }}">{% if chapnum %}{{ element.chapter }}. {% endif %}{{ element.name }}</a>
{% if element.contains == 'pages' %}