diff options
| author | Annabel Dunstone Gray <annabel.dunstone@gmail.com> | 2017-11-03 12:32:00 -0700 |
|---|---|---|
| committer | Annabel Dunstone Gray <annabel.dunstone@gmail.com> | 2017-11-08 12:58:10 -0700 |
| commit | 0a7a9bbd2fd9aa5685f1aae9ac415c3750c88fd6 (patch) | |
| tree | 4585da2d49db3e1af80740255f0a8ff558b7957c /app/assets/stylesheets/framework/blank.scss | |
| parent | 0c3877a48827b587b407174410196993bec79f73 (diff) | |
| download | gitlab-ce-0a7a9bbd2fd9aa5685f1aae9ac415c3750c88fd6.tar.gz | |
Reorganize landing page for new users
Diffstat (limited to 'app/assets/stylesheets/framework/blank.scss')
| -rw-r--r-- | app/assets/stylesheets/framework/blank.scss | 47 |
1 files changed, 29 insertions, 18 deletions
diff --git a/app/assets/stylesheets/framework/blank.scss b/app/assets/stylesheets/framework/blank.scss index 6bb096fc5bd..9c3df7299b8 100644 --- a/app/assets/stylesheets/framework/blank.scss +++ b/app/assets/stylesheets/framework/blank.scss @@ -7,29 +7,43 @@ width: 100%; height: 100%; padding-bottom: 25px; - border: 1px solid $border-color; border-radius: $border-radius-default; } } -.blank-state { - padding-top: 20px; - padding-bottom: 20px; +.blank-state-welcome { text-align: center; + padding: 20px 0 40px; - &.blank-state-welcome { - .blank-state-welcome-title { - font-size: 24px; - } + .blank-state-welcome-title { + font-size: 24px; + } - .blank-state-text { - margin-bottom: 0; - } + .blank-state-text { + margin-bottom: 0; } +} - .blank-state-icon { - padding-bottom: 20px; +.blank-state-link { + display: block; + color: $gl-text-color; + &:hover { + background-color: $gray-light; + text-decoration: none; + color: $gl-text-color; + } +} + +.blank-state { + display: flex; + align-items: center; + padding: 50px 30px; + margin-bottom: 30px; + border: 1px solid $border-color; + border-radius: $border-radius-default; + + .blank-state-icon { svg { display: block; margin: auto; @@ -38,13 +52,10 @@ .blank-state-title { margin-top: 0; - margin-bottom: 10px; font-size: 18px; } - .blank-state-text { - max-width: $container-text-max-width; - margin: 0 auto $gl-padding; - font-size: 14px; + .blank-state-body { + padding-left: 20px; } } |