mirror of
https://github.com/pmoreno-rodriguez/grav-theme-future2021.git
synced 2025-06-07 11:58:53 +00:00
Improved styles
This commit is contained in:
pmoreno.rodriguez
parent
10bc097d49
commit
8bf7bcc1ef
8 changed files with 113 additions and 22 deletions
|
|
@ -2046,7 +2046,6 @@ ul.actions.fit.stacked {
|
|||
-ms-flex-shrink: 1;
|
||||
flex-shrink: 1;
|
||||
padding: 1em 0 0 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
ul.actions:not(.fixed) li > * {
|
||||
|
|
@ -2553,6 +2552,7 @@ header p {
|
|||
table {
|
||||
margin: 0 0 2em 0;
|
||||
width: 100%;
|
||||
word-break: break-word;
|
||||
}
|
||||
table tbody tr {
|
||||
border: solid 1px rgba(160, 160, 160, 0.3);
|
||||
|
|
@ -2599,6 +2599,32 @@ table.alt tfoot {
|
|||
border-top: 0;
|
||||
}
|
||||
|
||||
/* Styles for responsive tables */
|
||||
@media screen and (max-width: 736px) {
|
||||
.responsive table {
|
||||
width: 100%;
|
||||
}
|
||||
.responsive thead {
|
||||
display: none;
|
||||
}
|
||||
.responsive tr:nth-of-type(2n) {
|
||||
background-color: inherit;
|
||||
}
|
||||
.responsive tr td:first-child {
|
||||
background: #f4f4f4;
|
||||
font-weight: 700;
|
||||
}
|
||||
.responsive tbody td {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
.responsive tbody td:before {
|
||||
content: attr(data-th);
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
/* Portofolio */
|
||||
.portfolio_container {
|
||||
padding: 1em 0;
|
||||
|
|
@ -2955,7 +2981,6 @@ ul.menulink > li > ul {
|
|||
list-style: none;
|
||||
font-family: "Raleway", Helvetica, sans-serif;
|
||||
padding: 0.1em 0 0 0;
|
||||
margin: 0 0 0 1em;
|
||||
line-height: 2.3em;
|
||||
-webkit-transition: color 0.2s ease;
|
||||
transition: color 0.2s ease;
|
||||
|
|
@ -3563,4 +3588,32 @@ CSS Styles for Page Toc Plugin
|
|||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 3.5em;
|
||||
}
|
||||
|
||||
/*
|
||||
Future2021
|
||||
Grav Theme by Pedro Moreno
|
||||
|
||||
CSS Styles for Langswitcher Plugin
|
||||
*/
|
||||
#menu li.langswitcher {
|
||||
margin-left: 0em !important;
|
||||
}
|
||||
|
||||
#header .main ul li.langswitcher {
|
||||
margin-left: 0em !important;
|
||||
}
|
||||
|
||||
#header .main ul li.langswitcher > a {
|
||||
text-decoration: none;
|
||||
border-bottom: 0;
|
||||
color: #838383;
|
||||
text-indent: 0em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 736px) {
|
||||
#header .main ul li.langswitcher {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
2
assets/css/main.min.css
vendored
2
assets/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -37,22 +37,6 @@
|
|||
visibility: visible;
|
||||
}
|
||||
|
||||
/* Styles for Langswitcher plugin */
|
||||
|
||||
#header .main ul li.langswitcher {
|
||||
margin-left: 0em !important;
|
||||
}
|
||||
#header .main ul li.langswitcher > a {
|
||||
text-decoration: none;
|
||||
border-bottom: 0;
|
||||
color: #838383;
|
||||
text-indent: 0em;
|
||||
text-align: center;}
|
||||
|
||||
@media screen and (max-width: 736px) {
|
||||
#header .main ul li.langswitcher {
|
||||
display: none; } }
|
||||
|
||||
/* Styles to show Font Awesome 5 Free in shortcode core notices */
|
||||
|
||||
.sc-notice > div:before {
|
||||
|
|
|
|||
|
|
@ -85,7 +85,6 @@
|
|||
@include vendor('flex-grow', '1');
|
||||
@include vendor('flex-shrink', '1');
|
||||
padding: (_size(element-margin) * 0.5) 0 0 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
> * {
|
||||
|
|
|
|||
|
|
@ -20,7 +20,6 @@ ul.menulink > li > ul
|
|||
list-style: none;
|
||||
font-family: _font(family-heading);
|
||||
padding: 0.1em 0 0 0;
|
||||
margin: 0 0 0 1em;
|
||||
line-height: 2.3em;
|
||||
-webkit-transition: color 0.2s ease;
|
||||
transition: color 0.2s ease;
|
||||
|
|
|
|||
|
|
@ -14,6 +14,7 @@
|
|||
table {
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
width: 100%;
|
||||
word-break: break-word;
|
||||
|
||||
tbody {
|
||||
tr {
|
||||
|
|
@ -78,4 +79,34 @@
|
|||
border-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Styles for responsive tables */
|
||||
|
||||
.responsive {
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
table {
|
||||
width:100%;
|
||||
}
|
||||
thead {
|
||||
display: none;
|
||||
}
|
||||
tr:nth-of-type(2n) {
|
||||
background-color: inherit;
|
||||
}
|
||||
tr td:first-child {
|
||||
background: _palette(bg-alt);
|
||||
font-weight:_font(weight-bold);
|
||||
}
|
||||
tbody td {
|
||||
display: block;
|
||||
text-align:center;
|
||||
}
|
||||
tbody td:before {
|
||||
content: attr(data-th);
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
24
assets/sass/grav-plugins/_langswitcher.scss
Normal file
24
assets/sass/grav-plugins/_langswitcher.scss
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
/*
|
||||
Future2021
|
||||
Grav Theme by Pedro Moreno
|
||||
|
||||
CSS Styles for Langswitcher Plugin
|
||||
*/
|
||||
|
||||
#menu li.langswitcher {
|
||||
margin-left: 0em !important;
|
||||
}
|
||||
|
||||
#header .main ul li.langswitcher {
|
||||
margin-left: 0em !important;
|
||||
}
|
||||
#header .main ul li.langswitcher > a {
|
||||
text-decoration: none;
|
||||
border-bottom: 0;
|
||||
color: #838383;
|
||||
text-indent: 0em;
|
||||
text-align: center;}
|
||||
|
||||
@media screen and (max-width: 736px) {
|
||||
#header .main ul li.langswitcher {
|
||||
display: none; } }
|
||||
|
|
@ -67,3 +67,4 @@
|
|||
// Grav Plugins.
|
||||
|
||||
@import 'grav-plugins/page-toc.scss';
|
||||
@import 'grav-plugins/langswitcher';
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue