composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-30 14:08:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

SCSS: Refactor code typography

Browse Source 
- New variables to defines base / code font families
- New helpers for code typography in all sizes
This commit is contained in:
Molkobain
2021-05-05 18:25:37 +02:00
parent 1f3b467083
commit 6ab6930986
4 changed files with 254 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
css/backoffice/utils/variables/_typography.scss
View File

@@ -19,17 +19,21 @@
/* Base size: html font-size 12px */
$ibo-font-size-50: 0.83rem !default; /* 10px */
$ibo-font-size-100: 1rem !default; /* 12px */
$ibo-font-size-150: 1.17rem !default; /* 14px */
$ibo-font-size-200: 1.33rem !default; /* 16px */
$ibo-font-size-250: 1.5rem !default; /* 18px */
$ibo-font-size-300: 1.67rem !default; /* 20px */
$ibo-font-size-350: 1.83rem !default; /* 22px */
$ibo-font-size-400: 2rem !default; /* 24px */
$ibo-font-size-450: 2.5rem !default; /* 30px */
$ibo-font-size-500: 3rem !default; /* 36px */
$ibo-font-size-550: 4rem !default; /* 48px */
$ibo-font-size-150: 1.17rem !default; /* 14px */
$ibo-font-size-200: 1.33rem !default; /* 16px */
$ibo-font-size-250: 1.5rem !default; /* 18px */
$ibo-font-size-300: 1.67rem !default; /* 20px */
$ibo-font-size-350: 1.83rem !default; /* 22px */
$ibo-font-size-400: 2rem !default; /* 24px */
$ibo-font-size-450: 2.5rem !default; /* 30px */
$ibo-font-size-500: 3rem !default; /* 36px */
$ibo-font-size-550: 4rem !default; /* 48px */
:root{
$ibo-font-family-base: "Raleway" !default;
$ibo-font-family-monospace: "monospace" !default;
$ibo-font-family-code: $ibo-font-family-monospace !default;
:root {
--ibo-font-size-50: #{$ibo-font-size-50};
--ibo-font-size-100: #{$ibo-font-size-100};
--ibo-font-size-150: #{$ibo-font-size-150};
@@ -41,4 +45,10 @@ $ibo-font-size-550: 4rem !default; /* 48px */
--ibo-font-size-450: #{$ibo-font-size-450};
--ibo-font-size-500: #{$ibo-font-size-500};
--ibo-font-size-550: #{$ibo-font-size-550};
}
:root {
--ibo-font-family-base: #{$ibo-font-family-base};
--ibo-font-family-monospace: #{$ibo-font-family-monospace};
--ibo-font-family-code: #{$ibo-font-family-code};
}