mirror of
https://github.com/avatao-content/frontend-tutorial-framework
synced 2025-07-07 07:46:23 +00:00
Grid logo and title is centered using grid layout
This commit is contained in:
44
src/assets/scss/_grid.scss
Normal file
44
src/assets/scss/_grid.scss
Normal file
@ -0,0 +1,44 @@
|
||||
.tao-grid-center-center {
|
||||
justify-self: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.tao-grid-center-right {
|
||||
justify-self: right;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.tao-grid-center-left {
|
||||
justify-self: left;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.tao-grid-start-center {
|
||||
justify-self: center;
|
||||
align-self: start;
|
||||
}
|
||||
|
||||
.tao-grid-end-center {
|
||||
justify-self: center;
|
||||
align-self: end;
|
||||
}
|
||||
|
||||
.tao-grid-top-right {
|
||||
justify-self: right;
|
||||
align-self: start;
|
||||
}
|
||||
|
||||
.tao-grid-top-left {
|
||||
justify-self: left;
|
||||
align-self: start;
|
||||
}
|
||||
|
||||
.tao-grid-bottom-left {
|
||||
justify-self: left;
|
||||
align-self: end;
|
||||
}
|
||||
|
||||
.tao-grid-bottom-right {
|
||||
justify-self: right;
|
||||
align-self: end;
|
||||
}
|
Reference in New Issue
Block a user