Skip to content

Instantly share code, notes, and snippets.

@rhostem
Last active November 20, 2016 14:10
Show Gist options
  • Save rhostem/6cadc157169ea1de05185385bc608315 to your computer and use it in GitHub Desktop.
Save rhostem/6cadc157169ea1de05185385bc608315 to your computer and use it in GitHub Desktop.
centered.css - 박스 중앙 정렬
@define-extend centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@define-extend centered-fixed {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@define-extend centered-x {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
@define-extend centered-y {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@define-extend centered-x-float {
position: relative;
right: 50%;
float: right;
transform: translateX(50%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment