Skip to content

Commit 559edab

Browse files
authored
Merge pull request #170 from readium/advancedFlag-removal
Advanced flag removal
2 parents c31ea6f + 2b9c2c6 commit 559edab

39 files changed

Lines changed: 335 additions & 423 deletions

css/ReadiumCSS-config.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,8 +18,8 @@
1818
/* Font-family override */
1919
@custom-selector :--font-override [style*="readium-font-on"];
2020

21-
/* Advanced settings */
22-
@custom-selector :--advanced-settings [style*="readium-advanced-on"];
21+
/* Font-size normalization for engines that don’t support zoom */
22+
@custom-selector :--fs-normalize [style*="readium-normalize-on"];
2323

2424
/* Reading Modes */
2525
@custom-selector :--sepia-mode [style*="readium-sepia-on"];

css/dist/ReadiumCSS-after.css

Lines changed: 61 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Readium CSS (v. 2.0.0-beta.6)
2+
* Readium CSS (v. 2.0.0-beta.7)
33
* Developers: Jiminy Panoz
44
* Copyright (c) 2017. Readium Foundation. All rights reserved.
55
* Use of this source code is governed by a BSD-style license which is detailed in the
@@ -320,52 +320,33 @@ body{
320320
max-width:var(--USER__lineLength) !important;
321321
}
322322

323-
:root[style*="readium-advanced-on"][style*="--USER__textAlign"]{
323+
:root[style*="--USER__textAlign"]{
324324
text-align:var(--USER__textAlign);
325325
}
326326

327-
:root[style*="readium-advanced-on"][style*="--USER__textAlign"] body,
328-
:root[style*="readium-advanced-on"][style*="--USER__textAlign"] *:not(blockquote):not(figcaption) p,
329-
:root[style*="readium-advanced-on"][style*="--USER__textAlign"] li{
327+
:root[style*="--USER__textAlign"] body,
328+
:root[style*="--USER__textAlign"] p:not(blockquote p):not(figcaption p):not(hgroup p),
329+
:root[style*="--USER__textAlign"] li,
330+
:root[style*="--USER__textAlign"] dd{
330331
text-align:var(--USER__textAlign) !important;
331332
-moz-text-align-last:auto !important;
332333
-epub-text-align-last:auto !important;
333334
text-align-last:auto !important;
334335
}
335336

336-
:root[style*="readium-advanced-on"][style*="--USER__textAlign: justify"] body,
337-
:root[style*="readium-advanced-on"][style*="--USER__textAlign:justify"] body{
338-
-webkit-hyphens:auto;
339-
-moz-hyphens:auto;
340-
-ms-hyphens:auto;
341-
-epub-hyphens:auto;
342-
hyphens:auto;
343-
}
344-
345-
:root[style*="readium-advanced-on"][style*="--USER__textAlign: left"] body,
346-
:root[style*="readium-advanced-on"][style*="--USER__textAlign:left"] body,
347-
:root[style*="readium-advanced-on"][style*="--USER__textAlign: right"] body,
348-
:root[style*="readium-advanced-on"][style*="--USER__textAlign:right"] body{
349-
-webkit-hyphens:none;
350-
-moz-hyphens:none;
351-
-ms-hyphens:none;
352-
-epub-hyphens:none;
353-
hyphens:none;
354-
}
355-
356-
:root[style*="readium-advanced-on"][style*="--USER__bodyHyphens"]{
337+
:root[style*="--USER__bodyHyphens"]{
357338
-webkit-hyphens:var(--USER__bodyHyphens) !important;
358339
-moz-hyphens:var(--USER__bodyHyphens) !important;
359340
-ms-hyphens:var(--USER__bodyHyphens) !important;
360341
-epub-hyphens:var(--USER__bodyHyphens) !important;
361342
hyphens:var(--USER__bodyHyphens) !important;
362343
}
363344

364-
:root[style*="readium-advanced-on"][style*="--USER__bodyHyphens"] body,
365-
:root[style*="readium-advanced-on"][style*="--USER__bodyHyphens"] p,
366-
:root[style*="readium-advanced-on"][style*="--USER__bodyHyphens"] li,
367-
:root[style*="readium-advanced-on"][style*="--USER__bodyHyphens"] div,
368-
:root[style*="readium-advanced-on"][style*="--USER__bodyHyphens"] dd{
345+
:root[style*="--USER__bodyHyphens"] body,
346+
:root[style*="--USER__bodyHyphens"] p,
347+
:root[style*="--USER__bodyHyphens"] li,
348+
:root[style*="--USER__bodyHyphens"] div,
349+
:root[style*="--USER__bodyHyphens"] dd{
369350
-webkit-hyphens:inherit;
370351
-moz-hyphens:inherit;
371352
-ms-hyphens:inherit;
@@ -437,52 +418,56 @@ body{
437418
}
438419
}
439420

440-
:root[style*="readium-advanced-on"][style*="--USER__lineHeight"]{
421+
:root[style*="--USER__lineHeight"]{
441422
line-height:var(--USER__lineHeight) !important;
442423
}
443424

444-
:root[style*="readium-advanced-on"][style*="--USER__lineHeight"] body,
445-
:root[style*="readium-advanced-on"][style*="--USER__lineHeight"] p,
446-
:root[style*="readium-advanced-on"][style*="--USER__lineHeight"] li,
447-
:root[style*="readium-advanced-on"][style*="--USER__lineHeight"] div{
425+
:root[style*="--USER__lineHeight"] body,
426+
:root[style*="--USER__lineHeight"] p,
427+
:root[style*="--USER__lineHeight"] li,
428+
:root[style*="--USER__lineHeight"] div{
448429
line-height:inherit;
449430
}
450431

451-
:root[style*="readium-advanced-on"][style*="--USER__paraSpacing"] p{
432+
:root[style*="--USER__paraSpacing"] p{
452433
margin-top:var(--USER__paraSpacing) !important;
453434
margin-bottom:var(--USER__paraSpacing) !important;
454435
}
455436

456-
:root[style*="readium-advanced-on"][style*="--USER__paraIndent"] p{
437+
:root[style*="--USER__paraIndent"] p{
457438
text-indent:var(--USER__paraIndent) !important;
458439
}
459440

460-
:root[style*="readium-advanced-on"][style*="--USER__paraIndent"] p *,
461-
:root[style*="readium-advanced-on"][style*="--USER__paraIndent"] p:first-letter{
441+
:root[style*="--USER__paraIndent"] p *,
442+
:root[style*="--USER__paraIndent"] p:first-letter{
462443
text-indent:0 !important;
463444
}
464445

465-
:root[style*="readium-advanced-on"][style*="--USER__wordSpacing"] h1,
466-
:root[style*="readium-advanced-on"][style*="--USER__wordSpacing"] h2,
467-
:root[style*="readium-advanced-on"][style*="--USER__wordSpacing"] h3,
468-
:root[style*="readium-advanced-on"][style*="--USER__wordSpacing"] h4,
469-
:root[style*="readium-advanced-on"][style*="--USER__wordSpacing"] h5,
470-
:root[style*="readium-advanced-on"][style*="--USER__wordSpacing"] h6,
471-
:root[style*="readium-advanced-on"][style*="--USER__wordSpacing"] p,
472-
:root[style*="readium-advanced-on"][style*="--USER__wordSpacing"] li,
473-
:root[style*="readium-advanced-on"][style*="--USER__wordSpacing"] div{
446+
:root[style*="--USER__wordSpacing"] h1,
447+
:root[style*="--USER__wordSpacing"] h2,
448+
:root[style*="--USER__wordSpacing"] h3,
449+
:root[style*="--USER__wordSpacing"] h4,
450+
:root[style*="--USER__wordSpacing"] h5,
451+
:root[style*="--USER__wordSpacing"] h6,
452+
:root[style*="--USER__wordSpacing"] p,
453+
:root[style*="--USER__wordSpacing"] li,
454+
:root[style*="--USER__wordSpacing"] div,
455+
:root[style*="--USER__wordSpacing"] dt,
456+
:root[style*="--USER__wordSpacing"] dd{
474457
word-spacing:var(--USER__wordSpacing);
475458
}
476459

477-
:root[style*="readium-advanced-on"][style*="--USER__letterSpacing"] h1,
478-
:root[style*="readium-advanced-on"][style*="--USER__letterSpacing"] h2,
479-
:root[style*="readium-advanced-on"][style*="--USER__letterSpacing"] h3,
480-
:root[style*="readium-advanced-on"][style*="--USER__letterSpacing"] h4,
481-
:root[style*="readium-advanced-on"][style*="--USER__letterSpacing"] h5,
482-
:root[style*="readium-advanced-on"][style*="--USER__letterSpacing"] h6,
483-
:root[style*="readium-advanced-on"][style*="--USER__letterSpacing"] p,
484-
:root[style*="readium-advanced-on"][style*="--USER__letterSpacing"] li,
485-
:root[style*="readium-advanced-on"][style*="--USER__letterSpacing"] div{
460+
:root[style*="--USER__letterSpacing"] h1,
461+
:root[style*="--USER__letterSpacing"] h2,
462+
:root[style*="--USER__letterSpacing"] h3,
463+
:root[style*="--USER__letterSpacing"] h4,
464+
:root[style*="--USER__letterSpacing"] h5,
465+
:root[style*="--USER__letterSpacing"] h6,
466+
:root[style*="--USER__letterSpacing"] p,
467+
:root[style*="--USER__letterSpacing"] li,
468+
:root[style*="--USER__letterSpacing"] div,
469+
:root[style*="--USER__letterSpacing"] dt,
470+
:root[style*="--USER__letterSpacing"] dd{
486471
letter-spacing:var(--USER__letterSpacing);
487472
font-variant:none;
488473
}
@@ -562,57 +547,57 @@ body{
562547

563548
@supports not (zoom: 1){
564549

565-
:root[style*="readium-advanced-on"]{
550+
:root[style*="readium-normalize-on"]{
566551
--USER__typeScale:1.2;
567552
}
568553

569-
:root[style*="readium-advanced-on"] p,
570-
:root[style*="readium-advanced-on"] li,
571-
:root[style*="readium-advanced-on"] div,
572-
:root[style*="readium-advanced-on"] pre,
573-
:root[style*="readium-advanced-on"] dd{
554+
:root[style*="readium-normalize-on"] p,
555+
:root[style*="readium-normalize-on"] li,
556+
:root[style*="readium-normalize-on"] div,
557+
:root[style*="readium-normalize-on"] pre,
558+
:root[style*="readium-normalize-on"] dd{
574559
font-size:1rem !important;
575560
}
576561

577-
:root[style*="readium-advanced-on"] h1{
562+
:root[style*="readium-normalize-on"] h1{
578563
font-size:1.75rem !important;
579564
font-size:calc(((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) * var(--USER__typeScale)) !important;
580565
}
581566

582-
:root[style*="readium-advanced-on"] h2{
567+
:root[style*="readium-normalize-on"] h2{
583568
font-size:1.5rem !important;
584569
font-size:calc((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) !important;
585570
}
586571

587-
:root[style*="readium-advanced-on"] h3{
572+
:root[style*="readium-normalize-on"] h3{
588573
font-size:1.25rem !important;
589574
font-size:calc(1rem * var(--USER__typeScale)) !important;
590575
}
591576

592-
:root[style*="readium-advanced-on"] h4,
593-
:root[style*="readium-advanced-on"] h5,
594-
:root[style*="readium-advanced-on"] h6{
577+
:root[style*="readium-normalize-on"] h4,
578+
:root[style*="readium-normalize-on"] h5,
579+
:root[style*="readium-normalize-on"] h6{
595580
font-size:1rem !important;
596581
}
597582

598-
:root[style*="readium-advanced-on"] small{
583+
:root[style*="readium-normalize-on"] small{
599584
font-size:smaller !important;
600585
}
601586

602-
:root[style*="readium-advanced-on"] sub,
603-
:root[style*="readium-advanced-on"] sup{
587+
:root[style*="readium-normalize-on"] sub,
588+
:root[style*="readium-normalize-on"] sup{
604589
font-size:67.5% !important;
605590
}
606591

607-
:root[style*="readium-advanced-on"][style*="--USER__typeScale"] h1{
592+
:root[style*="readium-normalize-on"][style*="--USER__typeScale"] h1{
608593
font-size:calc(((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) * var(--USER__typeScale)) !important;
609594
}
610595

611-
:root[style*="readium-advanced-on"][style*="--USER__typeScale"] h2{
596+
:root[style*="readium-normalize-on"][style*="--USER__typeScale"] h2{
612597
font-size:calc((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) !important;
613598
}
614599

615-
:root[style*="readium-advanced-on"][style*="--USER__typeScale"] h3{
600+
:root[style*="readium-normalize-on"][style*="--USER__typeScale"] h3{
616601
font-size:calc(1rem * var(--USER__typeScale)) !important;
617602
}
618603
}

css/dist/ReadiumCSS-before.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Readium CSS (v. 2.0.0-beta.6)
2+
* Readium CSS (v. 2.0.0-beta.7)
33
* Developers: Jiminy Panoz
44
* Copyright (c) 2017. Readium Foundation. All rights reserved.
55
* Use of this source code is governed by a BSD-style license which is detailed in the

css/dist/ReadiumCSS-default.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Readium CSS (v. 2.0.0-beta.6)
2+
* Readium CSS (v. 2.0.0-beta.7)
33
* Developers: Jiminy Panoz
44
* Copyright (c) 2017. Readium Foundation. All rights reserved.
55
* Use of this source code is governed by a BSD-style license which is detailed in the

0 commit comments

Comments
 (0)