From f6e236afa67b7a3e5fd2f8c37c4fac56221021e7 Mon Sep 17 00:00:00 2001 From: Paulo Reis Date: Mon, 25 Sep 2017 17:12:31 +0100 Subject: [PATCH] Link typography. --- .../web/public/stylesheets/app/project-list.less | 2 +- .../web/public/stylesheets/components/card.less | 4 ++-- .../stylesheets/core/_common-variables.less | 3 +++ .../public/stylesheets/core/ol-variables.less | 16 +++++++++++++--- 4 files changed, 19 insertions(+), 6 deletions(-) diff --git a/services/web/public/stylesheets/app/project-list.less b/services/web/public/stylesheets/app/project-list.less index aabf35b899..39d7cf9069 100644 --- a/services/web/public/stylesheets/app/project-list.less +++ b/services/web/public/stylesheets/app/project-list.less @@ -239,7 +239,7 @@ ul.structured-list { background-color: white; } a { - color: darken(@blue, 10%); + color: @structured-list-link-color; } .header { text-transform: uppercase; diff --git a/services/web/public/stylesheets/components/card.less b/services/web/public/stylesheets/components/card.less index 2619686b0a..1e06fbe3b4 100644 --- a/services/web/public/stylesheets/components/card.less +++ b/services/web/public/stylesheets/components/card.less @@ -1,8 +1,8 @@ .card { background-color: white; border-radius: @border-radius-base; - -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1); - box-shadow: 0 2px 4px rgba(0,0,0,0.15); + -webkit-box-shadow: @card-box-shadow; + box-shadow: @card-box-shadow; padding: @line-height-computed; .page-header { margin: 0 0 1.5625rem; diff --git a/services/web/public/stylesheets/core/_common-variables.less b/services/web/public/stylesheets/core/_common-variables.less index 0a2337706e..49ad90b399 100644 --- a/services/web/public/stylesheets/core/_common-variables.less +++ b/services/web/public/stylesheets/core/_common-variables.less @@ -798,6 +798,9 @@ @btn-border-radius-base: @border-radius-base; @btn-border-radius-small: @border-radius-small; +@card-box-shadow: 0 2px 4px rgba(0,0,0,0.15); + +@structured-list-link-color: darken(@blue, 10%); @sidebar-bg: transparent; @sidebar-link-color: #333; diff --git a/services/web/public/stylesheets/core/ol-variables.less b/services/web/public/stylesheets/core/ol-variables.less index 7de6fde466..3befa66283 100644 --- a/services/web/public/stylesheets/core/ol-variables.less +++ b/services/web/public/stylesheets/core/ol-variables.less @@ -29,6 +29,8 @@ // Typography @text-color : @ol-type-color; +@link-color : @ol-blue; +@link-hover-color : @ol-dark-blue; // Button colors and sizing @btn-border-width : 0; @@ -59,9 +61,12 @@ @btn-warning-bg : @ol-red; @btn-warning-border : transparent; -@btn-danger-color : #FFF; -@btn-danger-bg : @ol-red; -@btn-danger-border : transparent; +@btn-danger-color : #FFF; +@btn-danger-bg : @ol-red; +@btn-danger-border : transparent; + +// Cards +@card-box-shadow : none; // Sidebar @sidebar-bg : @ol-blue-gray-5; @@ -70,6 +75,11 @@ @sidebar-active-bg : @ol-blue-gray-6; @sidebar-hover-bg : @ol-blue-gray-4; @sidebar-hover-text-decoration : none; + + +// Project table +@structured-list-link-color : @ol-blue; + //== Colors // //## Gray and brand colors for use across Bootstrap.