Unified Diff: static/scss/base/_variables.scss
Issue 29474565:
Issue 5350 - Setup Help Center Boilerplate (Closed)
Patch Set: Update colour variable names and Font stack
Created July 5, 2017, 10:11 a.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« static/scss/base/_reset.scss ('k')
|
static/scss/main.scss » ('j')
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: static/scss/base/_variables.scss |
| =================================================================== |
| --- a/static/scss/base/_variables.scss |
| +++ b/static/scss/base/_variables.scss |
| @@ -14,65 +14,51 @@ |
| // You should have received a copy of the GNU General Public License |
| // along with acceptableads.org. If not, see <http://www.gnu.org/licenses/>. |
| // Colors ////////////////////////////////////////////////////////////////////// |
| // Grayscale |
| $white: #fff; |
| -$pale-white: #ECECEC; |
| -$light-gray: #D2D2D2; |
| -$medium-gray: #AEAEAE; |
| -$dark-gray: #757575; |
| +$gray: #D2D2D2; |
| +$gray-light: #ECECEC; |
| +$gray-medium: #AEAEAE; |
| +$gray-dark: #757575; |
| $black: #161616; |
| // Brand colors |
| $eyeo-black: $black; |
| $abp-red: #C70D2B; |
| $abb-blue: #0D79C7; |
| // Typography ////////////////////////////////////////////////////////////////// |
| // Font stack |
| -// @see https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/ |
| -$font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, |
| - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", |
| - "Fira Sans", "Droid Sans", "Helvetica Neue", |
| - sans-serif; |
| +$primary-font: "Source Sans Pro", sans-serif; |
| // Font colours |
| $font-color-default: $eyeo-black; |
| $font-color-link: $abb-blue; |
| -// Font sizes (components) |
| - |
| -$font-size-xl: 20px; |
| -$font-size-lg: 18px; |
| -$font-size-md: 16px; |
| -$font-size-sm: 14px; |
| -$font-size-xs: 12px; |
| - |
| // Font sizes (headings) |
| -$font-size-h1: 54px; |
| -$font-size-h2: 32px; |
| -$font-size-h3: 23px; |
| -$font-size-h4: 16px; |
| +$font-size-h1: 3em; |
| +$font-size-h2: 2em; |
| +$font-size-h3: 1.4em; |
| +$font-size-h4: 1em; |
| $font-size-h5: $font-size-h4; |
| $font-size-h6: $font-size-h4; |
| // Font weights |
| -$font-weight-normal: 400; |
| -$font-weight-light: 300; |
| -$font-weight-bold: 700; |
| +$bold-weight: 700; |
| // Sizes /////////////////////////////////////////////////////////////////////// |
| // Spacers ///////////////////////////////////////////////////////////////////// |
| // Columns ///////////////////////////////////////////////////////////////////// |
| // Breakpoints ///////////////////////////////////////////////////////////////// |
« no previous file with comments
|
« static/scss/base/_reset.scss ('k')
|
static/scss/main.scss » ('j')
|
no next file with comments »
