Galleries/PHPGallery
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/image-gallery.git synced 2025-06-11 04:43:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Finishing up with switching to SASS

Browse source
This commit is contained in:
Michał Gdula 2022-08-12 16:54:35 +00:00
parent 302fe6c15e
commit 2ff9d356b2
18 changed files with 828 additions and 1026 deletions
Download patch file Download diff file Expand all files Collapse all files

54
css/scss/_mixin.scss
View file

@ -1,43 +1,55 @@
@mixin defaultDecoration($border) {
margin-bottom: 1rem; padding: 0.5rem;
margin-bottom: 1rem;
padding: 0.5rem;
width: calc(100% - 1.4rem);
width: calc(100% - 1.4rem);
background-color: $bg; color: $fg;
background-color: $bg;
color: $fg;
border-radius: $rad;
border-radius: $rad;
border: 0.2rem solid $border;
box-shadow: $shadow;
box-shadow: $shadow;
>* {
margin-top: 0; margin-bottom: 0.5rem;
}
>* {
margin-top: 0;
margin-bottom: 0.5rem;
}
}
@mixin defaultFont() {
h1, h2, h3, h4, h5 {
font-family: $font-header;
}
p, a, button, input {
font-family: $font-body;
}
h1,
h2,
h3,
h4,
h5 {
font-family: $font-header;
}
p,
a,
button,
input {
font-family: $font-body;
}
}
@mixin flexDown($justify) {
display: flex;
display: flex;
flex-direction: column;
flex-direction: column;
justify-content: $justify;
justify-content: $justify;
}
@mixin flexLeft($justify) {
display: flex;
display: flex;
flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
flex-wrap: wrap;
justify-content: $justify;
justify-content: $justify;
}