More Scaffold and first layouts
This commit is contained in:
46
components/00_Global/_alignment.scss
Normal file
46
components/00_Global/_alignment.scss
Normal file
@@ -0,0 +1,46 @@
|
||||
@mixin align-content {
|
||||
* {
|
||||
text-align: unset;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
&--fixedSize {
|
||||
flex: 0 0;
|
||||
width: min-content;
|
||||
}
|
||||
|
||||
&--center {
|
||||
text-align: center;
|
||||
|
||||
* {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
&--left {
|
||||
text-align: left;
|
||||
|
||||
* {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
&--right {
|
||||
text-align: right;
|
||||
|
||||
* {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin reset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
||||
}
|
1
components/00_Global/_global.scss
Normal file
1
components/00_Global/_global.scss
Normal file
@@ -0,0 +1 @@
|
||||
@import './alignment';
|
Reference in New Issue
Block a user