gribse/achille-press
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Re-organize SASS structure (#1425)

Browse source
This commit is contained in:
Ismail El Korchi 2020-05-10 01:40:21 +00:00 • committed by GitHub
parent 27fc314b55
commit 5c74dc9fa8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
52 changed files with 541 additions and 515 deletions
Download patch file Download diff file Expand all files Collapse all files

5
sass/abstracts/_abstracts.scss Normal file
View file

@ -0,0 +1,5 @@
@import "variables/colors";
@import "variables/typography";
@import "variables/structure";
@import "variables/columns";
@import "mixins/mixins";

11
sass/abstracts/mixins/_mixins.scss Normal file
View file

@ -0,0 +1,11 @@
// Center block
@mixin center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
// Column width with margin
@mixin column-width($numberColumns: 3) {
width: map-get($columns, $numberColumns) - ( ( $columns__margin * ( $numberColumns - 1 ) ) / $numberColumns );
}

20
sass/abstracts/variables/_colors.scss Normal file
View file

@ -0,0 +1,20 @@
$color__background-body: #fff;
$color__background-screen: #f1f1f1;
$color__background-hr: #ccc;
$color__background-button: #e6e6e6;
$color__background-pre: #eee;
$color__background-ins: #fff9c0;
$color__text-screen: #21759b;
$color__text-input: #666;
$color__text-input-focus: #111;
$color__link: #4169e1; //royalblue
$color__link-visited: #800080; //purple
$color__link-hover: #191970; //midnightblue
$color__text-main: #404040;
$color__border-button: #ccc #ccc #bbb;
$color__border-button-hover: #ccc #bbb #aaa;
$color__border-button-focus: #aaa #bbb #bbb;
$color__border-input: #ccc;
$color__border-abbr: #666;

13
sass/abstracts/variables/_columns.scss Normal file
View file

@ -0,0 +1,13 @@
$columns: (
1: 100%,
2: 50%,
3: 33.33%,
4: 25%,
5: 20%,
6: 16.66%,
7: 14.28%,
8: 12.5%,
9: 11.11%
);
$columns__margin: 3.8%;

2
sass/abstracts/variables/_structure.scss Normal file
View file

@ -0,0 +1,2 @@
$size__site-main: 100%;
$size__site-sidebar: 25%;

7
sass/abstracts/variables/_typography.scss Normal file
View file

@ -0,0 +1,7 @@
// stylelint-disable value-keyword-case
$font__main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
// stylelint-enable value-keyword-case
$font__code: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
$font__pre: "Courier 10 Pitch", courier, monospace;
$font__line-height-body: 1.5;
$font__line-height-pre: 1.6;