makary/grav-theme-future2021
1
0
Fork 0
mirror of https://github.com/pmoreno-rodriguez/grav-theme-future2021.git synced 2025-06-07 20:08:54 +00:00
Code Issues Projects Releases Packages Wiki Activity

Updated sidebar menu styles

Browse source
This commit is contained in:
pmoreno.rodriguez 2023-11-26 10:49:42 +01:00
parent 79540cc715
commit c2a6ba72a8
3 changed files with 30 additions and 109 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

75
assets/css/main.css
View file

@ -2401,7 +2401,7 @@ ul.posts article header > :last-child {
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
left: -3em; left: -3em;
width: calc(100% + (3em * 2)); width: calc(100% + 3em * 2);
} }
.post > header { .post > header {
-moz-flex-direction: column; -moz-flex-direction: column;
@ -2470,7 +2470,7 @@ ul.posts article header > :last-child {
padding: 1.5em 1.5em 0.5em 1.5em; padding: 1.5em 1.5em 0.5em 1.5em;
left: -1.5em; left: -1.5em;
margin: 0 0 2em 0; margin: 0 0 2em 0;
width: calc(100% + (1.5em * 2)); width: calc(100% + 1.5em * 2);
} }
.post > header { .post > header {
padding: 3em 1.5em 0.5em 1.5em; padding: 3em 1.5em 0.5em 1.5em;
@ -2939,14 +2939,20 @@ ul.menulink > li > ul {
list-style: none; list-style: none;
font-family: "Raleway", Helvetica, sans-serif; font-family: "Raleway", Helvetica, sans-serif;
padding: 0.1em 0 0 0; padding: 0.1em 0 0 0;
margin: 0em; margin: 0 0 0 1em;
line-height: 2.3em; line-height: 2.3em;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
text-transform: uppercase;
font-weight: 600;
} }
ul.menulink > li a.tags { ul.menulink > li a.tags {
border: dotted 1px rgba(119, 118, 118, 0.65); border: dotted 1px rgba(119, 118, 118, 0.65);
padding: 0.2em; padding: 0.2em;
font-size: 0.8em; font-size: 0.8em;
text-transform: uppercase;
font-weight: 400;
} }
ul.menulink > li a:hover.tags { ul.menulink > li a:hover.tags {
@ -2954,21 +2960,12 @@ ul.menulink > li a:hover.tags {
color: #f4f4f4 !important; color: #f4f4f4 !important;
} }
ul.menulink > li > ul, ul.menulink > li > ul > li {
ul.menulink > li a span {
-webkit-transition: color 0.2s ease; -webkit-transition: color 0.2s ease;
transition: color 0.2s ease; transition: color 0.2s ease;
font-weight: 400;
text-transform: uppercase;
font-size: 0.9em; font-size: 0.9em;
text-transform: uppercase;
font-weight: 400;
}
ul.menulink > li a span li {
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
font-size: 0.8em;
font-weight: 400;
text-transform: uppercase;
} }
ul.menulink > li * { ul.menulink > li * {
@ -2981,48 +2978,8 @@ ul.menulink > li a:hover span {
ul.subitem { ul.subitem {
display: block; display: block;
} margin: 0 0 0 0.5em;
padding-left: 0;
ul.subitem > li > ul,
ul.subitem > li a span {
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
font-size: 0.9em;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 0;
}
ul.subitem > li {
list-style-type: none;
margin-left: 0.4em;
}
ul.subitem_hide {
display: none;
}
ul.subitem_hide > li > ul,
ul.subitem_hide > li a span {
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
margin-bottom: 0;
font-weight: 400;
text-transform: capitalize;
}
ul.subitem_hide > li {
list-style-type: none;
margin-left: 0.4em;
}
.dropdown-btn {
cursor: pointer;
}
.fa-caret-down {
float: right;
padding-right: 8px;
} }
/* CSS for Headings */ /* CSS for Headings */
@ -3074,7 +3031,7 @@ ul.subitem_hide > li {
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
left: -3em; left: -3em;
width: calc(100% + (3em * 2)); width: calc(100% + 3em * 2);
} }
.heading #breadcrumbs { .heading #breadcrumbs {
margin: 0 0 2em 0; margin: 0 0 2em 0;
@ -3093,7 +3050,7 @@ ul.subitem_hide > li {
padding: 1.5em 1.5em 0.5em 1.5em; padding: 1.5em 1.5em 0.5em 1.5em;
left: -1.5em; left: -1.5em;
margin: 0 0 2em 0; margin: 0 0 2em 0;
width: calc(100% + (1.5em * 2)); width: calc(100% + 1.5em * 2);
} }
.heading .title h2 { .heading .title h2 {
font-size: 1.1em; font-size: 1.1em;

2
assets/css/main.min.css vendored
View file

File diff suppressed because one or more lines are too long

62
assets/sass/components/_sidebarmenu.scss
View file

@ -20,32 +20,31 @@ ul.menulink > li > ul
list-style: none; list-style: none;
font-family: _font(family-heading); font-family: _font(family-heading);
padding: 0.1em 0 0 0; padding: 0.1em 0 0 0;
margin: 0em; margin: 0 0 0 1em;
line-height: 2.3em; line-height: 2.3em;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
text-transform: uppercase;
font-weight: _font(weight-medium);
} }
ul.menulink > li a.tags { ul.menulink > li a.tags {
border: dotted 1px rgba(119, 118, 118, 0.65); border: dotted 1px rgba(119, 118, 118, 0.65);
padding: 0.2em; padding: 0.2em;
font-size: 0.8em; font-size: 0.8em;
text-transform: uppercase;
font-weight: _font(weight);
} }
ul.menulink > li a:hover.tags { ul.menulink > li a:hover.tags {
background-color: _palette(accent); background-color: _palette(accent);
color: _palette(bg-alt) !important; color: _palette(bg-alt) !important;
} }
ul.menulink > li > ul,
ul.menulink > li a span { ul.menulink > li > ul > li {
-webkit-transition: color 0.2s ease; -webkit-transition: color 0.2s ease;
transition: color 0.2s ease; transition: color 0.2s ease;
font-weight: _font(weight);
text-transform: uppercase;
font-size: 0.9em; font-size: 0.9em;
text-transform: uppercase;
font-weight: _font(weight);
}
ul.menulink > li a span li {
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
font-size: 0.8em;
font-weight: _font(weight);
text-transform: uppercase;
} }
ul.menulink > li * { ul.menulink > li * {
@ -57,41 +56,6 @@ ul.menulink > li a:hover span {
} }
ul.subitem { ul.subitem {
display:block; display:block;
} margin: 0 0 0 0.5em;
ul.subitem > li > ul, padding-left: 0;
ul.subitem > li a span {
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
font-size: 0.9em;
font-weight: _font(weight);
text-transform: capitalize;
margin-bottom: 0;
}
ul.subitem > li {
list-style-type: none;
margin-left: 0.4em;
}
ul.subitem_hide {
display:none;
}
ul.subitem_hide > li > ul,
ul.subitem_hide > li a span
{
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
margin-bottom: 0;
font-weight: _font(weight);
text-transform: capitalize;
}
ul.subitem_hide > li {
list-style-type: none;
margin-left: 0.4em;
}
.dropdown-btn {
cursor: pointer;
}
.fa-caret-down {
float: right;
padding-right: 8px;
} }