You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2019/09/24 10:11:06 UTC
[royale-docs] branch master updated: fixing fonts and continue
improving sidebar
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/royale-docs.git
The following commit(s) were added to refs/heads/master by this push:
new 1594204 fixing fonts and continue improving sidebar
1594204 is described below
commit 1594204cd1225c71f0d2ad301f24a265437675be
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Tue Sep 24 12:10:58 2019 +0200
fixing fonts and continue improving sidebar
---
_sass/docsearch.sass | 2 +-
_sass/html.sass | 13 ++------
_sass/royale-theme.sass | 20 ++++--------
_sass/sidebar.sass | 85 ++++++++-----------------------------------------
4 files changed, 23 insertions(+), 97 deletions(-)
diff --git a/_sass/docsearch.sass b/_sass/docsearch.sass
index 8eb665b..a5aa728 100644
--- a/_sass/docsearch.sass
+++ b/_sass/docsearch.sass
@@ -26,7 +26,7 @@
border-style: solid
border-width: 0px
position: relative
- padding: 0px 30px
+ padding: 0px 36px
background-image: url(/royale-docs/assets/svg/search.svg)
background-size: 16px 16px
background-repeat: no-repeat
diff --git a/_sass/html.sass b/_sass/html.sass
index 969e39c..8d2c6fc 100644
--- a/_sass/html.sass
+++ b/_sass/html.sass
@@ -15,17 +15,15 @@
*
box-sizing: border-box
-
body
padding: 0
margin: 0
-webkit-font-smoothing: antialiased
-webkit-text-size-adjust: 100%
-
-h1
+h1
+ font-family: 'Signika'
margin-top: 0px
- font-family: Signika
font-weight: 700
font-style: normal
font-size: 48px
@@ -34,7 +32,6 @@ h1
letter-spacing: -1.3px
color: #2166ac
-
h2
display: block
font-size: 1.5em
@@ -46,7 +43,7 @@ h2
color: #2166ac
-p, ul, li
+p, ul, li
font-family: "Hind Siliguri"
font-weight: 300
font-style: normal
@@ -56,15 +53,12 @@ p, ul, li
letter-spacing: 0px
color: #565656
-
a:hover
color: #2166ac
-
a:hover, a:focus, a:visited
text-decoration: none
-
a
color: darken(#4393c3, 10%)
@@ -73,7 +67,6 @@ a
background-color: rgba(104, 223, 255,0.1)
border-bottom: 1px dashed rgba(61, 139, 160,0.8)
-
a
text-decoration: none
outline: 0
diff --git a/_sass/royale-theme.sass b/_sass/royale-theme.sass
index 8d4b202..a7a793a 100644
--- a/_sass/royale-theme.sass
+++ b/_sass/royale-theme.sass
@@ -14,8 +14,8 @@
.asf
text-align: center
- font-family: Verdana, Geneva, sans-serif
- font-size: 10px
+ font-family: "Hind Siliguri"
+ font-size: 12px
.page
width: 100%
@@ -50,7 +50,6 @@
align-items: flex-start
justify-content: center
flex-wrap: wrap
- font-family: 'Hind Siliguri'
.topbar-left
margin-left: 15px
@@ -75,12 +74,12 @@
.topMenu
display: none
-.topMenu_li
+.topMenu_li
+ font-family: 'Signika'
display: inline
margin-right: 20px
font-size: 14px
font-weight: 600
- font-family: 'Signika'
line-height: 40px
letter-spacing: 1px
@@ -93,37 +92,31 @@
.apache
color: #a002a0
- font-family: Signika
font-weight: 600
line-height: 30px
.apacheroyale
color: rgb(250, 70, 30)
- font-family: Signika
font-weight: 600
line-height: 30px
.social_t
color: #053061
- font-family: Signika
font-weight: 600
line-height: 30px
.documentation
color: #053061
- font-family: Signika
font-weight: 600
line-height: 30px
.development
color: rgb(243, 199, 103)
- font-family: Signika
font-weight: 600
line-height: 30px
.community
color: rgb(42, 139, 42)
- font-family: Signika
font-weight: 600
line-height: 30px
@@ -135,7 +128,7 @@
display: flex
flex-wrap: wrap
justify-content: space-between
- font-family: 'Hind Siliguri'
+ font-family: 'Signika'
font-size: 14px
background-color: rgb(233, 233, 233)
@@ -175,7 +168,6 @@
.aboutus
color: #053061
- font-family: Signika
font-weight: 600
line-height: 30px
@@ -199,7 +191,6 @@
padding-right: 14px
.toc_and_doc
- font-family: 'Hind Siliguri'
margin-top: 50px
padding-left: 20px
@@ -216,6 +207,7 @@
width: 90%
.page-content
+ font-family: "Hind Siliguri"
display: flex
min-height: calc(100vh - 60px)
padding-bottom: 60px
diff --git a/_sass/sidebar.sass b/_sass/sidebar.sass
index 25c65e6..8a4afbd 100644
--- a/_sass/sidebar.sass
+++ b/_sass/sidebar.sass
@@ -15,20 +15,18 @@
.sidebar-button
display: none
background-color: #20232a
- top: 20px
+ top: 30px
color: #61dafb
cursor: pointer
position: fixed
- left: -58px
- // z-index: 30
- // border-radius: 50%
- // border: 1px solid rgba(255, 255, 255, 0.1)
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.4)
+ left: -38px
outline: none
- width: 38px
- height: 38px
+ width: 42px
+ height: 42px
transform: scaleX(-1)
- padding: 4px
+ padding: 4px 10px 4px 4px
+ border-top-right-radius: 50%
+ border-bottom-right-radius: 50%
.sidebar-button-inner
width: 20px
@@ -43,12 +41,14 @@
stroke: #fff
.toc
+ font-family: 'Source Sans Pro'
display: flex
flex-direction: column
margin-top: 80px
background-color: #f7f7f7
- padding: 20px 20px
+ padding: 30px
border-radius: 10px
+ text-transform: uppercase
@media (min-width: 600px)
.toc
@@ -66,17 +66,13 @@
right: 0px
position: fixed
background-color: rgb(255, 255, 255)
- // z-index: 20
height: 100vh
// overflow: visible
pointer-events: auto
- padding: 30px
- background-color: black
+ background-color: #20232a
color: white
margin-top: 0px
border-radius: 0px
- // transform: translate(0px, 0px)
- // transition: transform 0.5s ease 0s
transform: translateX(100%)
transition: all 0.2s
.toc-link a, .toc-title-wrapper a
@@ -87,7 +83,6 @@
//right: 0px
transform: translateX(0%)
-
@media (max-width: 599px)
.sidebar-button
display: inline-block
@@ -112,10 +107,8 @@
position: relative
cursor: pointer
display: block
- font-family: Signika
font-weight: 600
font-style: normal
- text-transform: none
.toc-title-wrapper a
padding: 0px
@@ -129,10 +122,8 @@
.accordion-content
margin-left: 15px
- font-family: Signika
font-weight: 600
font-style: normal
- text-transform: none
.accordion-content h4
font-size: 14px
@@ -153,7 +144,7 @@
display: inline-block
user-select: none
-.toc-current
+.toc-current
text-decoration: none
color: black
position: relative
@@ -173,54 +164,4 @@
// margin-left: 7px
transform: rotateX(180deg)
// margin-bottom: 2px
-
-// .toc-button
-// cursor: pointer
-// background-color: transparent
-// border: 0
-// margin-top: 10px
-
-// .ttoc-title-current
-// color: #6d6d6d
-// font-size: 14px
-// font-weight: 700
-// line-height: 3
-// text-transform: uppercase
-// letter-spacing: 0.08em
-
-// .toc-arrow
-// margin-left: 7px
-// transform: rotateX(180deg)
-// transition: -webkit-transform 0.2s ease,transform 0.2s ease
-// -webkit-transform: rotateX(180deg)
-// -webkit-transition: -webkit-transform 0.2s ease,transform 0.2s ease
-// -moz-transition: transform 0.2s ease
-
-// .navbar
-// position: absolute
-// right: 0px
-// width: 300px
-// height: 100%
-// background-color: black
-// // text-align: center
-// transition: .3s ease
-
-// > .side-nav
-// list-style-type: none
-// padding: 0px
-// margin: 0px
-
-// .nav-item
-// display: flex
-
-// > .nav-link
-// text-decoration: none
-// color: white
-// font:
-// size: 1.1em
-// padding: 1em
-// flex: 1
-
-// &:hover
-// background-color: white
-// color: black
+
\ No newline at end of file