mirror of
https://gitlab.com/parroquia-san-leandro/cancionero-web.git
synced 2026-01-28 13:07:58 +01:00
Move to less, improved style, fixed bugs
* Redirection wasn't being encoded properly * CSS to LESS transition * Improved Makefile * Explained red color in index * Unified link and button styles
This commit is contained in:
parent
67bedb49e4
commit
c7bca76c8c
15 changed files with 268 additions and 220 deletions
56
res/main.less
Normal file
56
res/main.less
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
@import "colors";
|
||||
|
||||
h1 {
|
||||
color: @title;
|
||||
margin-inline: auto;
|
||||
width: max-content;
|
||||
max-width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h2, h3 {
|
||||
color: @subtitle;
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
color: @text;
|
||||
max-width: 75em;
|
||||
margin: 1em;
|
||||
@media (min-width: 75em + 1em) {
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
margin-inline: auto;
|
||||
width: max-content;
|
||||
max-width: 100%;
|
||||
> ul {
|
||||
padding-inline-start: 0px;
|
||||
> li {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
> span {
|
||||
color: @text;
|
||||
padding: 0.5em;
|
||||
margin: 0.2em;
|
||||
display: inline-block;
|
||||
background: @secondary;
|
||||
border-radius: @border-radius;
|
||||
&:hover {
|
||||
background: @secondary-hover;
|
||||
transition-duration: @transition;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue