aboutsummaryrefslogtreecommitdiffhomepage
path: root/assets/default/scss/shaarli.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/default/scss/shaarli.scss')
-rw-r--r--assets/default/scss/shaarli.scss44
1 files changed, 23 insertions, 21 deletions
diff --git a/assets/default/scss/shaarli.scss b/assets/default/scss/shaarli.scss
index 7ab09d3f..a528adb0 100644
--- a/assets/default/scss/shaarli.scss
+++ b/assets/default/scss/shaarli.scss
@@ -69,20 +69,22 @@ pre {
69 font-family: 'Roboto'; 69 font-family: 'Roboto';
70 font-weight: 400; 70 font-weight: 400;
71 font-style: normal; 71 font-style: normal;
72 src: local('Roboto'), 72 src:
73 local('Roboto-Regular'), 73 local('Roboto'),
74 url('../fonts/Roboto-Regular.woff2') format('woff2'), 74 local('Roboto-Regular'),
75 url('../fonts/Roboto-Regular.woff') format('woff'); 75 url('../fonts/Roboto-Regular.woff2') format('woff2'),
76 url('../fonts/Roboto-Regular.woff') format('woff');
76} 77}
77 78
78@font-face { 79@font-face {
79 font-family: 'Roboto'; 80 font-family: 'Roboto';
80 font-weight: 700; 81 font-weight: 700;
81 font-style: normal; 82 font-style: normal;
82 src: local('Roboto'), 83 src:
83 local('Roboto-Bold'), 84 local('Roboto'),
84 url('../fonts/Roboto-Bold.woff2') format('woff2'), 85 local('Roboto-Bold'),
85 url('../fonts/Roboto-Bold.woff') format('woff'); 86 url('../fonts/Roboto-Bold.woff2') format('woff2'),
87 url('../fonts/Roboto-Bold.woff') format('woff');
86} 88}
87 89
88body, 90body,
@@ -375,7 +377,7 @@ body,
375} 377}
376 378
377@media screen and (max-width: 64em) { 379@media screen and (max-width: 64em) {
378 .header-search , 380 .header-search,
379 .header-search * { 381 .header-search * {
380 visibility: hidden; 382 visibility: hidden;
381 } 383 }
@@ -554,7 +556,6 @@ body,
554 color: $dark-grey; 556 color: $dark-grey;
555 font-size: .9em; 557 font-size: .9em;
556 558
557
558 a { 559 a {
559 display: inline-block; 560 display: inline-block;
560 margin: 3px 0; 561 margin: 3px 0;
@@ -620,7 +621,7 @@ body,
620 &.selected { 621 &.selected {
621 background: var(--main-color); 622 background: var(--main-color);
622 color: $white; 623 color: $white;
623 } 624 }
624 } 625 }
625 626
626 input { 627 input {
@@ -1557,11 +1558,11 @@ form {
1557 text-align: center; 1558 text-align: center;
1558 1559
1559 a { 1560 a {
1561 background: $almost-white;
1560 display: inline-block; 1562 display: inline-block;
1561 margin: 0 15px; 1563 padding: 5px;
1562 text-decoration: none; 1564 text-decoration: none;
1563 color: $white; 1565 color: $dark-grey;
1564 font-weight: bold;
1565 } 1566 }
1566} 1567}
1567 1568
@@ -1609,13 +1610,14 @@ form {
1609 1610
1610 > div { 1611 > div {
1611 border-radius: 10px; 1612 border-radius: 10px;
1612 background: repeating-linear-gradient( 1613 background:
1613 -45deg, 1614 repeating-linear-gradient(
1614 $almost-white, 1615 -45deg,
1615 $almost-white 6px, 1616 $almost-white,
1616 var(--background-color) 6px, 1617 $almost-white 6px,
1617 var(--background-color) 12px 1618 var(--background-color) 6px,
1618 ); 1619 var(--background-color) 12px
1620 );
1619 width: 0%; 1621 width: 0%;
1620 height: 10px; 1622 height: 10px;
1621 } 1623 }