kobold.cafe/kobold.city-old
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

style/typography: better styling for "powered by..." texts

Browse source
This commit is contained in:
Kazhnuz 2019-05-25 16:59:48 +02:00
parent 8b267984c3
commit 01f2f448c2
3 changed files with 23 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
index.html
View file

@ -80,7 +80,7 @@
<a type="button" href="https://git.chlore.net" class="btn btn-green">Voir</a> <a type="button" href="https://git.chlore.net" class="btn btn-green">Voir</a>
</div> </div>
<div> <div>
<small class="text-muted">powered by gitea</small> <p class="powered-text">powered by gitea</p>
</div> </div>
</div> </div>
</div> </div>
@ -97,7 +97,7 @@
<a type="button" href="#" class="btn btn-grey disabled">Coming Soon</a> <a type="button" href="#" class="btn btn-grey disabled">Coming Soon</a>
</div> </div>
<div> <div>
<small class="text-muted">powered by freshRSS</small> <p class="powered-text">powered by freshRSS</p>
</div> </div>
</div> </div>
</div> </div>
@ -122,7 +122,7 @@
<a type="button" href="https://quarante-douze.net" class="btn btn-red">Voir</a> <a type="button" href="https://quarante-douze.net" class="btn btn-red">Voir</a>
</div> </div>
<div> <div>
<small class="text-muted">powered by wordpress</small> <p class="powered-text">powered by wordpress</p>
</div> </div>
</div> </div>
</div> </div>
@ -139,7 +139,7 @@
<a type="button" href="https://kazhnuz.space" class="btn btn-violet">Voir</a> <a type="button" href="https://kazhnuz.space" class="btn btn-violet">Voir</a>
</div> </div>
<div> <div>
<small class="text-muted">powered by pluXML</small> <p class="powered-text">powered by pluXML</p>
</div> </div>
</div> </div>
</div> </div>

10
scss/_typography.scss
View file

@ -259,6 +259,16 @@ mark {
display: block; display: block;
} }
.powered-text {
text-align: center;
font-weight: 300;
font-size: 85%;
opacity: 80%;
color: $color-grey;
margin-top:0.66em;
font-style:italic;
}
/* 2.6.1 - Colored texts */ /* 2.6.1 - Colored texts */
@mixin text-color($text-color) { @mixin text-color($text-color) {

9
style.css
View file

@ -460,6 +460,15 @@ mark {
width: 100%; width: 100%;
display: block; } display: block; }
.powered-text {
text-align: center;
font-weight: 300;
font-size: 85%;
opacity: 80%;
color: #77767b;
margin-top: 0.66em;
font-style: italic; }
/* 2.6.1 - Colored texts */ /* 2.6.1 - Colored texts */
.text-blue { .text-blue {
color: #4e63c9; } color: #4e63c9; }