Added contributors base page, Improved home page, Added grids
Update .gitignore, head-preloads.php, and 22 more files...
This commit is contained in:
@@ -11,3 +11,5 @@
|
||||
.o-hidden {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// Note: 'core/grid.scss' defines '.d-grid' !
|
||||
|
25
resources/NibblePoker/scss/core/grid.scss
Normal file
25
resources/NibblePoker/scss/core/grid.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
|
||||
|
||||
.grid, .d-grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
@mixin grid-col-maker($col-count, $middle-part) {
|
||||
.col-#{$middle-part}#{$col-count} {
|
||||
grid-template-columns: repeat(#{$col-count}, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
// Defining rules for all devices.
|
||||
@include grid-col-maker("1", "");
|
||||
@include grid-col-maker("2", "");
|
||||
@include grid-col-maker("3", "");
|
||||
@include grid-col-maker("4", "");
|
||||
@include grid-col-maker("6", "");
|
||||
@include grid-col-maker("8", "");
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
@include grid-col-maker("1", "mobile-");
|
||||
@include grid-col-maker("2", "mobile-");
|
||||
@include grid-col-maker("3", "mobile-");
|
||||
}
|
@@ -23,6 +23,7 @@
|
||||
@import 'core/float';
|
||||
@import 'core/sizing';
|
||||
@import 'core/flex';
|
||||
@import 'core/grid';
|
||||
@import 'core/text';
|
||||
@import 'core/containers';
|
||||
@import 'core/display';
|
||||
|
@@ -15,6 +15,49 @@
|
||||
height: 7.5rem;
|
||||
}
|
||||
|
||||
.img-contributor, .img-contributor > img {
|
||||
width: 6rem;
|
||||
height: 6rem;
|
||||
|
||||
border-radius: 50%;
|
||||
|
||||
transition: width 0.175s ease-in-out, height 0.175s ease-in-out, opacity 0.175s ease-in-out;
|
||||
|
||||
&:hover, &:hover > img {
|
||||
width: 7.5rem;
|
||||
height: 7.5rem;
|
||||
}
|
||||
|
||||
&.kitty {
|
||||
cursor: grab;
|
||||
}
|
||||
}
|
||||
|
||||
.img-contributor {
|
||||
display: inline-block;
|
||||
box-shadow: 0 0 6px 0 rgba(0,0,0,0.75);
|
||||
|
||||
&>img {
|
||||
position: absolute;
|
||||
|
||||
&:last-child {
|
||||
box-shadow: none;
|
||||
position: relative;
|
||||
opacity: 0.0;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
img {
|
||||
opacity: 0.0;
|
||||
}
|
||||
&>img:last-child {
|
||||
opacity: 1.0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.sidebar-entry > i {
|
||||
|
||||
}
|
||||
|
Reference in New Issue
Block a user