cleaned & improved scss files

This commit is contained in:
Bachir Soussi Chiadmi
2017-06-04 00:44:09 +02:00
parent 06a1c3bbed
commit 18c7e00843
7 changed files with 106 additions and 117 deletions
+1 -1
View File
@@ -119,7 +119,7 @@ class Core():
def updateScss(self):
# print(self.docsettings)
sassfilepath = os.path.join(self.cwd,'assets/css/main.scss')
sassfilepath = os.path.join(self.cwd,'assets/css/setup.scss')
# print(sassfilepath)
sass = open(sassfilepath,"r").read()
sets = {
+4 -6
View File
@@ -143,9 +143,9 @@ class WebViewToolBar(QWidget):
# self.spread.setShortcut('Ctrl+Shift+g')
self.spread.clicked.connect(self.onSpread)
self.hbox.addWidget(self.spread)
#
self.hbox.addStretch()
#
# zoom
self.hbox.addWidget(QLabel("Zoom:"))
self.zoom = QSpinBox(self)
@@ -164,11 +164,9 @@ class WebViewToolBar(QWidget):
# self.addpage.setIcon(Icon(ico)))
# self.addpage.clicked.connect(self.onAddPage)
self.hbox.addWidget(self.addpage)
#
self.hbox.addStretch()
#
self.reload = QPushButton("&Reload", self)
# self.reload.setShortcut('Ctrl+Shift+r')
# TODO: how to define same shortcut in different places
+14 -8
View File
@@ -2,13 +2,19 @@
* DEBUG STYLES
*/
.debug .header { outline: 1px solid pink; }
.debug .body { outline: 1px solid purple; }
.debug .footer { outline: 1px solid pink; }
.debug{
.debug .region-break {
border-top: 1px dashed blue;
box-sizing: border-box;
}
.body { outline: 1px solid purple; }
.debug img { outline: 1px solid blue; }
.body:before,
.body:after { outline: 1px solid green; }
.region-break {
border-top: 1px dashed blue;
box-sizing: border-box;
}
img { outline: 1px solid blue; }
}
+13 -4
View File
@@ -43,13 +43,22 @@
z-index: 500;
}
// .body:before,
// .body:after { bottom: $line-height * -3; }
.body:before{
top:-2em;
width:100%;
text-align: center;
}
.body:after{
bottom:-2em;
width:100%;
text-align: center;
}
/*gauche*/
.paper:nth-child(odd) .body:before { content: "Cascade, default header"; }
.paper:nth-child(odd) .body:before { content: $header-odd; }
/*droite*/
.paper:nth-child(even) .body:before { content: "Cascade, default header"; }
.paper:nth-child(even) .body:before { content: $header-even; }
.body:after { content: counter(folio); z-index: 499;}
+1 -98
View File
@@ -33,104 +33,7 @@
@return $mm*1mm;
}
/**
* Defines and loads the rules that set the geometry of the page and its
* representation on screen. This is the core of html2print.
*
* Customize the variables to your needs.
*/
/* the geometry of the page */
$page-width: mm2pt(200);
$page-height: mm2pt(287);
/* the size of the crop marks based on scribus defaults */
$crop-size: mm2pt(2);
/* the size of bleed */
$bleed: mm2pt(3);
/* loads the core file */
// @import "html2print.scss";
/**
* THE CODE BELOW IS NOT REQUIRED TO MAKE HTML2PRINT WORK, ALTHOUGH IT PROVES
* USEFUL IN MANY SITUATIONS.
*
* YOU ARE ENCOURAGED TO CUSTOMIZE IT TO YOU NEEDS.
*/
/**
* Defines and generate helper css rules to absolutly position elements on a
* grid.
*
* Customize the variables to your needs.
*/
$col-number: 9;
$col-gutter: mm2pt(3);
//$row-number: 13;
$row-number: 12;
$row-gutter: mm2pt(4);
$grid-color: rgba(255, 0, 0, 0.25);
$baseline-grid-color: rgba(0, 255, 255, 0.15);
/* Loads the rules for using grids */
// @import "grid.scss";
/**
* Loads the rules to outline the main blocs
*/
// @import "debug.scss";
/**
* Loads a few less helpers
*/
// @import "mixins.scss";
/**
* Defines and loads the rules that set the base layout of the document
* (header, body, footer)
*
* Customize the variables to your needs.
*/
// FIXME: make a case for single page layouts
$page-margin-inside: mm2pt(7.5);
$page-margin-outside: mm2pt(15);
$page-margin-top: mm2pt(10);
$page-margin-bottom: mm2pt(10);
// @import "layout.scss";
/**
* Loads your own styles.
*
* Customize the file/path to you needs.
*/
/*@import '/vendors/reset-css/reset.css';*/
/*@import "../vendors/normalize.css/normalize.css";*/
/*@import "../vendors/normalize-opentype.css/normalize-opentype.css";*/
// @import "fonts.scss";
// @import "colors.scss";
$line-height: mm2pt(4);
// @import "styles.scss";
@import "setup.scss"
@import "html2print.scss";
@@ -0,0 +1,63 @@
/**
* Defines and loads the rules that set the geometry of the page and its
* representation on screen. This is the core of html2print.
*
* Customize the variables to your needs.
*/
/* the geometry of the page */
$page-width: mm2pt(200);
$page-height: mm2pt(287);
/* the size of the crop marks based on scribus defaults */
$crop-size: mm2pt(2);
/* the size of bleed */
$bleed: mm2pt(3);
/**
* THE CODE BELOW IS NOT REQUIRED TO MAKE HTML2PRINT WORK, ALTHOUGH IT PROVES
* USEFUL IN MANY SITUATIONS.
*
* YOU ARE ENCOURAGED TO CUSTOMIZE IT TO YOU NEEDS.
*/
/**
* Defines and generate helper css rules to absolutly position elements on a
* grid.
*
* Customize the variables to your needs.
*/
$col-number: 9;
$col-gutter: mm2pt(3);
//$row-number: 13;
$row-number: 12;
$row-gutter: mm2pt(4);
$grid-color: rgba(255, 0, 0, 0.25);
$baseline-grid-color: rgba(0, 255, 255, 0.15);
/**
* Defines and loads the rules that set the base layout of the document
* (header, body, footer)
*
* Customize the variables to your needs.
*/
// FIXME: make a case for single page layouts
$page-margin-inside: mm2pt(7.5);
$page-margin-outside: mm2pt(15);
$page-margin-top: mm2pt(10);
$page-margin-bottom: mm2pt(10);
$line-height: mm2pt(4);
$header-odd: "Cascade, default header";
$header-even: "Cascade, default header";
@@ -1 +1,11 @@
// your styles here
h1{
font-size:32pt;
margin:5mm 0 0;
}
.story-page{
-webkit-region-break-after:always;
}