status-im/studio.status.im
2
0
Fork 0
mirror of https://github.com/status-im/studio.status.im.git synced 2025-02-23 17:28:36 +00:00
Code Issues Projects Releases Wiki Activity

Fix header styles

Browse Source
This commit is contained in:
Anshuman Verma 2018-11-15 12:46:05 +05:30
parent e1a77fbf72
commit cbe192312f
6 changed files with 25 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
themes/navy/source/scss/colors.scss
View File

@ -11,3 +11,11 @@ $color-main-link: #fff;
$color-link: #4564dc;
$status: #e4e8fa;
$color-link-hover: lighten($color-link, 10%);
// Layout
$max-width: 1200px;
$gutter-width: 20px;
$sidebar-width: 30%;
$mobile-nav-width: 260px;
$font-size: 16px;
$line-height: 24px;

1
themes/navy/source/scss/header.scss
View File

@ -33,7 +33,6 @@ $logo-size: 50px;
}
#logo {
@include hide-text();
display: block;
width: 56px;
height: 56px;

1
themes/navy/source/scss/highlight.scss
View File

@ -47,7 +47,6 @@ pre {
}
}
figcaption {
@include clearfix();
margin: -5px 0 5px;
font-size: 0.9em;
color: color-gray;

20
themes/navy/source/scss/index.scss
View File

@ -25,7 +25,7 @@
}
#banner-start-command {
background: lighten(color-navy, 10%);
background: lighten($color-navy, 10%);
font-family: font-mono;
display: inline-block;
padding: 15px 20px;
@ -38,7 +38,7 @@
#banner-start-link {
color: #fff;
background: color-link;
background: $color-link;
display: inline-block;
padding: 15px;
text-decoration: none;
@ -83,7 +83,7 @@
}
.intro-feature-icon {
color: color-link;
color: $color-link;
font-size: 36px;
padding-bottom: 26px;
text-align: center;
@ -97,21 +97,21 @@
}
.intro-feature-title {
color: color-link;
color: $color-link;
font-family: font-title;
font-size: 24px;
}
.intro-feature-desc {
margin: line-height 0;
line-height: line-height;
line-height: $line-height;
}
#intro-cmd-wrap {
max-width: 700px;
background: #eee;
padding: 15px 0;
margin: 25px, gutter-width * -1 0;
margin: 25px, $gutter-width * -1 0;
@media mq-normal {
margin: 50px auto 0;
}
@ -124,7 +124,7 @@
padding: 0 30px;
&:before {
content: "$";
color: color-link;
color: $color-link;
padding-right: 15px;
}
}
@ -137,16 +137,16 @@
font-size: 18px;
font-family: font-title;
display: inline-block;
color: color-link;
color: $color-link;
text-decoration: none;
margin: 40px 0;
border: 3px solid;
border-color: lighten(color-link, 20%);
border-color: lighten($color-link, 20%);
padding: 12px 24px;
position: relative;
transition: 0.2s;
&:hover {
background: lighten(color-link, 20%);
background: lighten($color-link, 20%);
color: #fff;
}
}

5
themes/navy/source/scss/main.scss
View File

@ -1,5 +1,10 @@
@import "colors";
@import "footer";
@import "mobile_nav";
@import "index";
@import "header";
@import "highlight";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;

2
themes/navy/source/scss/mobile_nav.scss
View File

@ -8,7 +8,7 @@ $lang-select-height: 40px;
position: fixed;
top: 0;
width: mobile-nav-width;
left: mobile-nav-width * -1;
left: $mobile-nav-width * -1;
height: 100%;
background: color-navy;
transition: $transition-duration;