mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-29 16:49:52 +02:00
Code Issues Releases Wiki Activity

Universal margin and variable names

Browse Source 
Added a universal margin variable and converted CSS variables to SCSS strings that are compiled from the flavor file.
This commit is contained in:
Angelos Chalaris
2017-10-18 13:48:56 +03:00
parent f55a282512
commit 37b93b9f54
4 changed files with 68 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
dist/mini-default.css vendored
View File

@@ -7,9 +7,13 @@
/*
Browsers resets and base typography.
*/
/* Core module CSS variable definitions */
:root {
--fore-color: #212121;
--secondary-fore-color: #424242;
--back-color: #f8f8f8;
--heading-ratio: 1.19;
--side-margin: 0.5rem;
}
html {
@@ -53,3 +57,39 @@ img {
max-width: 100%;
height: auto;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.2;
margin: calc(1.5 * var(--side-margin)) var(--side-margin);
font-weight: 500;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: var(--secondary-fore-color);
display: block;
margin-top: -0.25rem;
}
h1 {
font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio));
}
h2 {
font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio));
}
h3 {
font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio));
}
h4 {
font-size: calc(1rem * var(--heading-ratio));
}
h5 {
font-size: 1rem;
}
h6 {
font-size: calc(1rem / var(--heading-ratio));
}

2
dist/mini-default.min.css vendored
View File

@@ -1 +1 @@
:root{--fore-color:#212121;--back-color:#f8f8f8}html{font-size:16px}html,*{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1rem}body{margin:0;color:var(--fore-color);background:var(--back-color)}details{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline dotted}input{overflow:visible}img{max-width:100%;height:auto}
:root{--fore-color:#212121;--secondary-fore-color:#424242;--back-color:#f8f8f8;--heading-ratio:1.19;--side-margin:.5rem}html{font-size:16px}html,*{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1rem}body{margin:0;color:var(--fore-color);background:var(--back-color)}details{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline dotted}input{overflow:visible}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:calc(1.5 * var(--side-margin)) var(--side-margin);font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:var(--secondary-fore-color);display:block;margin-top:-.25rem}h1{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio))}h2{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio))}h3{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio))}h4{font-size:calc(1rem * var(--heading-ratio))}h5{font-size:1rem}h6{font-size:calc(1rem / var(--heading-ratio))}