mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 01:36:13 +00:00
Layout: render CSS with both "less" and "scss"
This commit renders the same CSS files using both the "less" and "scss"
CSS generation engines so that the results may be compared. This is a
comparison script:
old_main_css=$( grep -rl normalize.css _site/*.css )
new_main_css=_site/css/main.css
old_rtl_css=$( grep 'Language specific styles that override default' -rl _site/*.css )
new_rtl_css=_site/css/rtl.css
(
diff -ub $old_main_css $new_main_css
diff -ub $old_rtl_css $new_rtl_css
)
This commit is contained in:
David A. Harding
parent
b9e114efe8
commit
a40fb73dab
10 changed files with 4301 additions and 6 deletions
406
css/rtl.scss
Normal file
406
css/rtl.scss
Normal file
|
|
@ -0,0 +1,406 @@
|
|||
---
|
||||
# This file is licensed under the MIT License (MIT) available on
|
||||
# http://opensource.org/licenses/MIT.
|
||||
---
|
||||
/*Language specific styles that override default*/
|
||||
|
||||
/*Styles for HTML tags*/
|
||||
|
||||
body{
|
||||
font-family:'DroidNaskh', sans-serif;
|
||||
direction:rtl;
|
||||
}
|
||||
h1,h2{
|
||||
font-family:'DroidNaskh', sans-serif;
|
||||
}
|
||||
h2,h3{
|
||||
text-align:right;
|
||||
}
|
||||
ul{
|
||||
padding-right:20px;
|
||||
padding-left:auto;
|
||||
margin-right:0;
|
||||
}
|
||||
p{
|
||||
line-height:2em;
|
||||
}
|
||||
|
||||
/*Styles for whole website*/
|
||||
|
||||
.head{
|
||||
direction:ltr;
|
||||
}
|
||||
.lang li ul li{
|
||||
font-family:Arial, sans-serif;
|
||||
text-align:right;
|
||||
}
|
||||
.menusimple li a,
|
||||
.menusimple li a:active,
|
||||
.menusimple li a:visited,
|
||||
.menusimple li a:link{
|
||||
font-family:'DroidNaskh', sans-serif;
|
||||
text-align:right;
|
||||
}
|
||||
.menusimple li ul{
|
||||
right:0;
|
||||
left:auto;
|
||||
}
|
||||
.footermenu a{
|
||||
margin-right:0;
|
||||
margin-left:15px;
|
||||
}
|
||||
.statusmenu{
|
||||
padding-left:0;
|
||||
padding-right:20px;
|
||||
background-position:right center;
|
||||
}
|
||||
.titleicon{
|
||||
margin-right:auto;
|
||||
margin-left:5px;
|
||||
}
|
||||
h1 .rssicon{
|
||||
margin-left:0;
|
||||
margin-right:10px;
|
||||
margin-bottom:12px;
|
||||
}
|
||||
h2 .rssicon{
|
||||
margin-left:0;
|
||||
margin-right:10px;
|
||||
margin-bottom:18px;
|
||||
}
|
||||
.mainbutton a,
|
||||
.mainbutton a:link,
|
||||
.mainbutton a:visited,
|
||||
.mainbutton a:active{
|
||||
font-family:'DroidNaskh', sans-serif;
|
||||
text-align:right;
|
||||
padding:15px 68px 15px 20px;
|
||||
}
|
||||
.mainbutton img{
|
||||
margin-left:10px;
|
||||
margin-right:-52px;
|
||||
}
|
||||
.contributors{
|
||||
text-align:right;
|
||||
}
|
||||
.credit{
|
||||
text-align:right;
|
||||
}
|
||||
.downloadbox div{
|
||||
text-align:right;
|
||||
}
|
||||
.index a,
|
||||
.index a:link,
|
||||
.index a:active,
|
||||
.index a:visited{
|
||||
line-height:2em;
|
||||
}
|
||||
.resources{
|
||||
text-align:right;
|
||||
}
|
||||
.resources>div>div:first-child{
|
||||
padding-right:0;
|
||||
border-right:0;
|
||||
padding-left:40px;
|
||||
border-left:1px solid #e0e0e0;
|
||||
}
|
||||
.resources>div>div:first-child+div{
|
||||
padding-left:0;
|
||||
border-left:0;
|
||||
margin-left:0;
|
||||
padding-right:40px;
|
||||
border-right:1px solid #e0e0e0;
|
||||
margin-right:-1px;
|
||||
}
|
||||
.resourcesorg{
|
||||
text-align:right;
|
||||
}
|
||||
.resourcesorg img{
|
||||
margin-right:0;
|
||||
margin-left:5px;
|
||||
bottom:-6px;
|
||||
}
|
||||
.exchanges{
|
||||
text-align:right;
|
||||
}
|
||||
.exchanges img{
|
||||
margin-right:0;
|
||||
margin-left:5px;
|
||||
bottom:-6px;
|
||||
}
|
||||
.downloadbox a{
|
||||
direction:ltr;
|
||||
}
|
||||
.downloadbox div div{
|
||||
text-align:right;
|
||||
font-family:Arial, sans-serif;
|
||||
}
|
||||
.downloadbox div div span{
|
||||
margin-left:0;
|
||||
margin-right:6px;
|
||||
}
|
||||
|
||||
.start{
|
||||
text-align:right;
|
||||
}
|
||||
.start>div>div:first-child{
|
||||
padding-right:0;
|
||||
padding-left:40px;
|
||||
border-right:0;
|
||||
border-left:1px solid #e0e0e0;
|
||||
}
|
||||
.start>div>div:first-child+div{
|
||||
padding-left:0;
|
||||
padding-right:40px;
|
||||
border-left:0;
|
||||
border-right:1px solid #e0e0e0;
|
||||
margin-right:-1px
|
||||
}
|
||||
.start div div div a,
|
||||
.start div div div a:link,
|
||||
.start div div div a:active,
|
||||
.start div div div a:visited{
|
||||
padding:0 8px;
|
||||
}
|
||||
|
||||
.anchorAf a{
|
||||
left:0;
|
||||
right:-24px;
|
||||
}
|
||||
|
||||
.listtable div div{
|
||||
text-align:right;
|
||||
padding-right:0;
|
||||
padding-left:20px;
|
||||
}
|
||||
|
||||
.eventtable div div{
|
||||
text-align:right;
|
||||
padding-right:0;
|
||||
padding-left:20px;
|
||||
}
|
||||
|
||||
.tablehalf{
|
||||
left:0;
|
||||
right:-40px;
|
||||
}
|
||||
.tablehalf div{
|
||||
margin-left:0;
|
||||
margin-right:40px;
|
||||
}
|
||||
.tablehalf p{
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
.walletmenu>ul{
|
||||
text-align:right;
|
||||
}
|
||||
.walletmenu>ul li{
|
||||
font-family:'DroidNaskh', sans-serif;
|
||||
background-position:right 6px;
|
||||
}
|
||||
.walletmenu>ul>li a{
|
||||
padding:8px 42px 5px 10px;
|
||||
}
|
||||
.walletmenu>ul>li ul{
|
||||
left:auto;
|
||||
right:0;
|
||||
}
|
||||
.walletmenu>ul>li>ul li{
|
||||
background-position:right 10px;
|
||||
}
|
||||
.walletmenu>ul>li.active,
|
||||
.walletmenu>ul>li:hover{
|
||||
background-position:right -62px;
|
||||
}
|
||||
.walletmenu>ul>li>ul>li.active,
|
||||
.walletmenu>ul>li>ul>li:hover{
|
||||
background-position:right -24px;
|
||||
}
|
||||
.walletmenu>ul>li>ul li.active>a{
|
||||
background-position:left center;
|
||||
}
|
||||
|
||||
.wallets{
|
||||
text-align:right;
|
||||
}
|
||||
.wallets>div>a,
|
||||
.wallets>div>a:visited,
|
||||
.wallets>div>a:link,
|
||||
.wallets>div>a:active{
|
||||
line-height:1.2em;
|
||||
}
|
||||
.wallets>div>div>h2:first-child+div{
|
||||
margin-left:0;
|
||||
margin-right:10px;
|
||||
}
|
||||
.wallets>div>div>h2:first-child+div+div>a,
|
||||
.wallets>div>div>h2:first-child+div+div>a:visited,
|
||||
.wallets>div>div>h2:first-child+div+div>a:link,
|
||||
.wallets>div>div>h2:first-child+div+div>a:active{
|
||||
padding:0 8px;
|
||||
margin:2px 0 8px 0;
|
||||
}
|
||||
.wallets>div>div>h2:first-child+div+div>a:first-child,
|
||||
.wallets>div>div>h2:first-child+div+div>a:first-child:visited,
|
||||
.wallets>div>div>h2:first-child+div+div>a:first-child:link,
|
||||
.wallets>div>div>h2:first-child+div+div>a:first-child:active{
|
||||
margin-right:0;
|
||||
margin-left:10px;
|
||||
}
|
||||
.wallets>div>div>h2:first-child+div+div+div+p{
|
||||
padding-right:0;
|
||||
padding-left:5px;
|
||||
}
|
||||
.wallets>div>div>h2:first-child+div+div+div>div{
|
||||
padding:5px 22px 5px 0;
|
||||
background-position:right 4px;
|
||||
}
|
||||
.wallets>div>div>h2:first-child+div+div+div>div>div{
|
||||
margin-left:0;
|
||||
margin-right:5px;
|
||||
}
|
||||
.wallets>div>div>h2:first-child+div+div+div>div>div>span{
|
||||
left:0;
|
||||
right:15px;
|
||||
}
|
||||
.wallets>div>div>h2:first-child+div+div+div>div>div>div,
|
||||
.wallets>div>div>h2:first-child+div+div+div>div>div>p{
|
||||
left:auto;
|
||||
right:30px
|
||||
}
|
||||
.wallets>div>div>h2:first-child+div+div+div+p+div{
|
||||
right:auto;
|
||||
left:20px;
|
||||
}
|
||||
.wallets .checkgood>div>span{
|
||||
background-image:url(/img/icons/checkbubble_pass_rtl.svg);
|
||||
}
|
||||
.wallets .checkpass>div>span{
|
||||
background-image:url(/img/icons/checkbubble_pass_rtl.svg);
|
||||
}
|
||||
.wallets .checkfail>div>span{
|
||||
background-image:url(/img/icons/checkbubble_fail_rtl.svg);
|
||||
}
|
||||
.wallets .checkneutral>div>span{
|
||||
background-image:url(/img/icons/checkbubble_neutral_rtl.svg);
|
||||
}
|
||||
|
||||
.warningicon{
|
||||
margin-right:0;
|
||||
margin-left:6px;
|
||||
}
|
||||
|
||||
.press-volunteer,
|
||||
.press-faq,
|
||||
.press-faq p{
|
||||
text-align:right;
|
||||
}
|
||||
.press-faq>div{
|
||||
margin-right:0;
|
||||
margin-left:30px;
|
||||
}
|
||||
.press-faq>div>a{
|
||||
margin-right:0;
|
||||
margin-left:20px;
|
||||
}
|
||||
.press-pictures{
|
||||
text-align:right;
|
||||
}
|
||||
.press-pictures img{
|
||||
margin-right:0;
|
||||
margin-left:14px;
|
||||
}
|
||||
|
||||
/*Override UbuntuBold by Droid Naskh*/
|
||||
|
||||
@font-face{font-family:'DroidNaskh';src:url('/font/droidnaskh/droidnaskh-regular.eot');font-weight:normal;font-style:normal;}
|
||||
@font-face{font-family:'DroidNaskh';src:url('/font/droidnaskh/droidnaskh-regular.ttf') format('truetype');font-weight:normal;font-style:normal;}
|
||||
|
||||
/*Styles specific to mobiles*/
|
||||
|
||||
@media handheld, only screen and ( max-width: 60em ), only screen and ( max-device-width: 60em ){
|
||||
h2{
|
||||
text-align:center;
|
||||
}
|
||||
.titleicon,
|
||||
.warningicon{
|
||||
margin:auto;
|
||||
margin-bottom:5px;
|
||||
}
|
||||
.langselect{
|
||||
text-align:right;
|
||||
}
|
||||
.langselect select{
|
||||
text-align:right;
|
||||
margin-left:0;
|
||||
margin-right:10px;
|
||||
}
|
||||
.content{
|
||||
text-align:right;
|
||||
}
|
||||
.resources,
|
||||
.resources p{
|
||||
text-align:center;
|
||||
}
|
||||
.resources>div>div:first-child{
|
||||
padding-left:0;
|
||||
border-left:0;
|
||||
}
|
||||
.resources>div>div:first-child+div{
|
||||
border-right:0;
|
||||
padding-right:0;
|
||||
margin-right:0;
|
||||
}
|
||||
.walletmenu>ul.menutap>li:hover{
|
||||
background-position:right 6px;
|
||||
}
|
||||
.walletmenu>ul.menutap>li>ul>li:hover{
|
||||
background-position:right 10px;
|
||||
}
|
||||
.walletmenu>ul.menutap>li.hover{
|
||||
background-position:right -62px;
|
||||
}
|
||||
.walletmenu>ul.menutap>li>ul>li.hover{
|
||||
background-position:right -24px;
|
||||
}
|
||||
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div{
|
||||
padding:8px 22px 8px 0;
|
||||
background-position:right 7px;
|
||||
}
|
||||
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div:hover>div{
|
||||
margin-right:0;
|
||||
}
|
||||
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div>div>div,
|
||||
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div>div>p{
|
||||
left:0;
|
||||
right:-20px;
|
||||
}
|
||||
.walletsdisclaimer p{
|
||||
text-align:right;
|
||||
}
|
||||
.download{
|
||||
text-align:right;
|
||||
}
|
||||
.download p{
|
||||
text-align:right;
|
||||
}
|
||||
.downloadbox{
|
||||
text-align:right;
|
||||
}
|
||||
.download div p{
|
||||
text-align:right;
|
||||
}
|
||||
.start>div>div:first-child{
|
||||
border-left:0;
|
||||
padding-left:0;
|
||||
}
|
||||
.start>div>div:first-child+div{
|
||||
border-right:0;
|
||||
padding-right:0;
|
||||
margin-right:0;
|
||||
}
|
||||
.tablehalf div{
|
||||
margin-right:0;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue