diff options
author | Winnie Hellmann <winnie@gitlab.com> | 2018-12-12 10:01:59 +0100 |
---|---|---|
committer | Winnie Hellmann <winnie@gitlab.com> | 2018-12-12 20:10:57 +0100 |
commit | e04e22de6a2023c39879a2f1f9b7fb261e27a509 (patch) | |
tree | d94dd64922b4aeecf9bea25a283ddb95968bde0d | |
parent | b388111f6ed5181c357f5c37277f16c6ae234f5a (diff) | |
download | gitlab-ce-e04e22de6a2023c39879a2f1f9b7fb261e27a509.tar.gz |
Add CSS helper classes for left and right padding
-rw-r--r-- | app/assets/stylesheets/framework/common.scss | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/common.scss b/app/assets/stylesheets/framework/common.scss index f2f3a45ca09..e037b02a30c 100644 --- a/app/assets/stylesheets/framework/common.scss +++ b/app/assets/stylesheets/framework/common.scss @@ -387,3 +387,17 @@ img.emoji { .mw-460 { max-width: 460px; } .ws-initial { white-space: initial; } .min-height-0 { min-height: 0; } + +.gl-pl-0 { padding-left: 0; } +.gl-pl-1 { padding-left: #{0.5 * $grid-size}; } +.gl-pl-2 { padding-left: $grid-size; } +.gl-pl-3 { padding-left: #{2 * $grid-size}; } +.gl-pl-4 { padding-left: #{3 * $grid-size}; } +.gl-pl-5 { padding-left: #{4 * $grid-size}; } + +.gl-pr-0 { padding-right: 0; } +.gl-pr-1 { padding-right: #{0.5 * $grid-size}; } +.gl-pr-2 { padding-right: $grid-size; } +.gl-pr-3 { padding-right: #{2 * $grid-size}; } +.gl-pr-4 { padding-right: #{3 * $grid-size}; } +.gl-pr-5 { padding-right: #{4 * $grid-size}; } |