makary/grav-theme-future2021
1
0
Fork 0
mirror of https://github.com/pmoreno-rodriguez/grav-theme-future2021.git synced 2025-07-23 10:28:57 +00:00
Code Issues Projects Releases Packages Wiki Activity

Added new colors for boxes and new flexbox alignments

Browse source
This commit is contained in:
pmoreno.rodriguez 2024-08-11 23:21:53 +02:00
parent 4acc15f7e9
commit 8bf699956e
4 changed files with 173 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

102
assets/css/main.css
View file

@ -287,6 +287,15 @@ hr.major {
.row.gtr-uniform > * > :last-child { .row.gtr-uniform > * > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.row.aln-between {
justify-content: space-between;
}
.row.aln-around {
justify-content: space-around;
}
.row.aln-evenly {
justify-content: space-evenly;
}
.row.aln-left { .row.aln-left {
justify-content: flex-start; justify-content: flex-start;
} }
@ -471,6 +480,15 @@ hr.major {
.row.gtr-uniform > * > :last-child { .row.gtr-uniform > * > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.row.aln-between {
justify-content: space-between;
}
.row.aln-around {
justify-content: space-around;
}
.row.aln-evenly {
justify-content: space-evenly;
}
.row.aln-left { .row.aln-left {
justify-content: flex-start; justify-content: flex-start;
} }
@ -656,6 +674,15 @@ hr.major {
.row.gtr-uniform > * > :last-child { .row.gtr-uniform > * > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.row.aln-between {
justify-content: space-between;
}
.row.aln-around {
justify-content: space-around;
}
.row.aln-evenly {
justify-content: space-evenly;
}
.row.aln-left { .row.aln-left {
justify-content: flex-start; justify-content: flex-start;
} }
@ -841,6 +868,15 @@ hr.major {
.row.gtr-uniform > * > :last-child { .row.gtr-uniform > * > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.row.aln-between {
justify-content: space-between;
}
.row.aln-around {
justify-content: space-around;
}
.row.aln-evenly {
justify-content: space-evenly;
}
.row.aln-left { .row.aln-left {
justify-content: flex-start; justify-content: flex-start;
} }
@ -1026,6 +1062,15 @@ hr.major {
.row.gtr-uniform > * > :last-child { .row.gtr-uniform > * > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.row.aln-between {
justify-content: space-between;
}
.row.aln-around {
justify-content: space-around;
}
.row.aln-evenly {
justify-content: space-evenly;
}
.row.aln-left { .row.aln-left {
justify-content: flex-start; justify-content: flex-start;
} }
@ -1211,6 +1256,15 @@ hr.major {
.row.gtr-uniform > * > :last-child { .row.gtr-uniform > * > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.row.aln-between {
justify-content: space-between;
}
.row.aln-around {
justify-content: space-around;
}
.row.aln-evenly {
justify-content: space-evenly;
}
.row.aln-left { .row.aln-left {
justify-content: flex-start; justify-content: flex-start;
} }
@ -1452,6 +1506,54 @@ hr.major {
margin-bottom: 0; margin-bottom: 0;
padding: 0.5em; padding: 0.5em;
} }
.box.primary {
background-color: #ba2e5d;
box-shadow: none;
color: #ffffff !important;
}
.box.primary h1, .box.primary h2, .box.primary h3, .box.primary h4, .box.primary h5, .box.primary h6 {
color: #ffffff !important;
}
.box.secondary {
background-color: #6c757d;
box-shadow: none;
color: #f4f4f4 !important;
}
.box.secondary h1, .box.secondary h2, .box.secondary h3, .box.secondary h4, .box.secondary h5, .box.secondary h6 {
color: #f4f4f4 !important;
}
.box.success {
background-color: #48c774;
box-shadow: none;
color: #f4f4f4 !important;
}
.box.success h1, .box.success h2, .box.success h3, .box.success h4, .box.success h5, .box.success h6 {
color: #f4f4f4 !important;
}
.box.info {
background-color: #209cee;
box-shadow: none;
color: #f4f4f4 !important;
}
.box.info h1, .box.info h2, .box.info h3, .box.info h4, .box.info h5, .box.info h6 {
color: #f4f4f4 !important;
}
.box.warning {
background-color: #ffdd57;
box-shadow: none;
color: #3c3b3b !important;
}
.box.warning h1, .box.warning h2, .box.warning h3, .box.warning h4, .box.warning h5, .box.warning h6 {
color: #3c3b3b !important;
}
.box.danger {
background-color: #ff3860;
box-shadow: none;
color: #f4f4f4 !important;
}
.box.danger h1, .box.danger h2, .box.danger h3, .box.danger h4, .box.danger h5, .box.danger h6 {
color: #f4f4f4 !important;
}
.box.alt { .box.alt {
border: 0; border: 0;
border-radius: 0; border-radius: 0;

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

File diff suppressed because one or more lines are too long

61
assets/sass/components/_box.scss
View file

@ -18,6 +18,67 @@
padding: 0.5em; padding: 0.5em;
} }
&.primary {
background-color: _palette(accent);
box-shadow: none;
color: _palette(bg) !important;
h1,h2,h3,h4,h5,h6 {
color: _palette(bg) !important;
}
}
&.secondary {
background-color: _palette(secondary);
box-shadow: none;
color: _palette(bg-alt) !important;
h1,h2,h3,h4,h5,h6 {
color: _palette(bg-alt) !important;
}
}
&.success {
background-color: _palette(success);
box-shadow: none;
color: _palette(bg-alt) !important;
h1,h2,h3,h4,h5,h6 {
color: _palette(bg-alt) !important;
}
}
&.info {
background-color: _palette(info);
box-shadow: none;
color: _palette(bg-alt) !important;
h1,h2,h3,h4,h5,h6 {
color: _palette(bg-alt) !important;
}
}
&.warning {
background-color: _palette(warning);
box-shadow: none;
color: _palette(fg-bold) !important;
h1,h2,h3,h4,h5,h6 {
color: _palette(fg-bold) !important;
}
}
&.danger {
background-color: _palette(danger);
box-shadow: none;
color: _palette(bg-alt) !important;
h1,h2,h3,h4,h5,h6 {
color: _palette(bg-alt) !important;
}
}
&.alt { &.alt {
border: 0; border: 0;
border-radius: 0; border-radius: 0;

9
assets/sass/libs/_html-grid.scss
View file

@ -60,6 +60,15 @@
} }
// Alignment. // Alignment.
&.aln-between {
justify-content: space-between;
}
&.aln-around {
justify-content: space-around;
}
&.aln-evenly {
justify-content: space-evenly;
}
&.aln-left { &.aln-left {
justify-content: flex-start; justify-content: flex-start;
} }