mirror of
https://github.com/WebStackPage/WebStackPage.github.io.git
synced 2026-02-09 05:14:56 +08:00
62 lines
1.2 KiB
Plaintext
Executable File
62 lines
1.2 KiB
Plaintext
Executable File
// Name: Flex
|
|
// Description: Defines basic styles to use flexbox for alignment
|
|
//
|
|
// Component: `uk-flex-*`
|
|
//
|
|
//
|
|
// ========================================================================
|
|
|
|
|
|
/* ========================================================================
|
|
Component: Flex
|
|
========================================================================== */
|
|
|
|
.uk-flex {
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
}
|
|
|
|
|
|
/* Alignment
|
|
========================================================================== */
|
|
|
|
/*
|
|
* Vertical alignment
|
|
* Default value is `stretch`
|
|
*/
|
|
|
|
.uk-flex-top {
|
|
-ms-flex-align: start;
|
|
-webkit-align-items: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.uk-flex-middle {
|
|
-ms-flex-align: center;
|
|
-webkit-align-items: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.uk-flex-bottom {
|
|
-ms-flex-align: end;
|
|
-webkit-align-items: flex-end;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
/*
|
|
* Horizontal alignment
|
|
* Default value is `flex-start`
|
|
*/
|
|
|
|
.uk-flex-center {
|
|
-ms-flex-pack: center;
|
|
-webkit-justify-content: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.uk-flex-right {
|
|
-ms-flex-pack: end;
|
|
-webkit-justify-content: flex-end;
|
|
justify-content: flex-end;
|
|
} |