mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-06-28 23:35:12 +00:00
Code Issues Releases Wiki Activity

Grid logo and title is centered using grid layout

Browse Source
This commit is contained in:
Gabor PEK
2018-03-05 16:25:44 +01:00
parent a3ab5f52b6
commit f6843b21b6
7 changed files with 154 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/favicon.ico Normal file → Executable file
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

44
src/assets/scss/_grid.scss Normal file
View 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;
}

4
src/assets/scss/_main.scss
View File

@ -1,6 +1,8 @@
@import 'variables';
@import
'variables',
'grid';
@import
'shared/buttons';

2
src/assets/scss/_variables.scss
View File

@ -155,6 +155,6 @@ $font-size-h3: floor(($font-size-base * 1.3));
$font-size-h4: floor(($font-size-base * 1.2));
$font-size-h5: floor(($font-size-base * 1.1));
// Custom sizes
$tao-navbar-height: 67px;