mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-30 16:50:00 +02:00
Code Issues Releases Wiki Activity

Extra position utilities (#31280)

Browse Source 
* Extra position utilities

Given that there are utilities for the *position* property, it seems logic to have utilities for the *top*, *left*, *bottom* and *right* propertires.

* Update extra position utilities

* add default position values map

* tweak examples

* add real life examples

* fix double colon

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
This commit is contained in:
Jaume Sala
2020-09-21 04:42:41 +02:00
committed by GitHub
parent 4e9a29e47a
commit 7bbfd439c9
4 changed files with 140 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
scss/_utilities.scss
View File

@@ -39,6 +39,29 @@ $utilities: map-merge(
property: position,
values: static relative absolute fixed sticky
),
"top": (
property: top,
values: $position-values
),
"bottom": (
property: bottom,
values: $position-values
),
"left": (
property: left,
values: $position-values
),
"right": (
property: right,
values: $position-values
),
"translate-middle": (
property: transform,
class: translate-middle,
values: (
null: (translateX(-50%) translateY(-50%))
)
),
"border": (
property: border,
values: (

11
scss/_variables.scss
View File

@@ -246,6 +246,17 @@ $spacers: (
$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;
// Position
//
// Define the edge positioning anchors of the position utilities.
$position-values: (
0: 0,
50: 50%,
100: 100%
) !default;
// Body
//
// Settings for the `<body>` element.