status-im/consul
2
0
Fork 0
mirror of https://github.com/status-im/consul.git synced 2025-02-18 08:36:46 +00:00
Code Issues Projects Releases Wiki Activity

website - various styling bug fixes and updates

Browse Source
This commit is contained in:
RJ Spiker 2018-06-22 14:50:29 -06:00 committed by Jack Pearkes
parent 6117bdb9d5
commit 98188157af
7 changed files with 30 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
website/source/assets/javascripts/consul-connect/carousel.js
View File

@ -11,7 +11,7 @@ var carousel = new Siema({
threshold: 20, threshold: 20,
loop: true, loop: true,
rtl: false, rtl: false,
onChange: () => { onChange: function() {
for (var i = 0; i < dots.length; i++) { for (var i = 0; i < dots.length; i++) {
dots[i].classList.remove('active') dots[i].classList.remove('active')
} }

4
website/source/assets/stylesheets/consul-connect/components/_section.scss
View File

@ -6,6 +6,10 @@
padding: 96px 0; padding: 96px 0;
} }
@media (min-width: 992px) {
padding: 120px 0;
}
&.bg-light { &.bg-light {
background: #f7f8fa !important; //TODO - !important is to override the `#page-home section` #fff background; background: #f7f8fa !important; //TODO - !important is to override the `#page-home section` #fff background;
} }

11
website/source/assets/stylesheets/consul-connect/components/_text-asset.scss
View File

@ -32,6 +32,10 @@
margin-bottom: -96px; margin-bottom: -96px;
} }
@media (min-width: 992px) {
margin-bottom: -120px;
}
img { img {
width: 145%; width: 145%;
} }
@ -143,7 +147,12 @@
flex-direction: column; flex-direction: column;
& img { & img {
margin: 29px 0; margin: 30px 0;
@media (max-width: 767px) {
margin: 15px 0;
max-width: 51%;
}
} }
} }
} }

4
website/source/assets/stylesheets/consul-connect/components/_timeline.scss
View File

@ -18,6 +18,10 @@
@media (min-width: 768px) { @media (min-width: 768px) {
margin-top: -90px; margin-top: -90px;
} }
@media (min-width: 992px) {
margin-top: -116px;
}
} }
& > div { & > div {

4
website/source/assets/stylesheets/consul-connect/components/_use-cases.scss
View File

@ -7,6 +7,10 @@
margin: 0 (-$site-gutter-padding); margin: 0 (-$site-gutter-padding);
} }
img {
width: 51%;
}
h3 { h3 {
font-weight: 800; font-weight: 800;
margin: 40px 0 0; margin: 40px 0 0;

16
website/source/assets/stylesheets/consul-connect/pages/_home.scss
View File

@ -8,7 +8,7 @@
} }
@media (min-width: 992px) { @media (min-width: 992px) {
padding-top: 120px; padding-top: 80px;
padding-bottom: 100px; padding-bottom: 100px;
} }
@ -131,7 +131,7 @@
} }
.secondary-link { .secondary-link {
border-bottom: 2px dashed $consul-red; border-bottom: 1px dashed $consul-red;
color: $consul-black; color: $consul-black;
display: inline-block; display: inline-block;
font-size: 1.4rem; font-size: 1.4rem;
@ -233,6 +233,7 @@
width: 100%; width: 100%;
@media (min-width: 768px) { @media (min-width: 768px) {
margin-bottom: -152px;
padding-top: calc((100% * 0.63569) + 38px); padding-top: calc((100% * 0.63569) + 38px);
} }
@ -346,10 +347,9 @@
} }
#static-dynamic { #static-dynamic {
padding-top: 158px;
@media (min-width: 992px) { @media (max-width: 991px) {
padding-top: 56px; padding-top: 212px;
} }
.static-callout { .static-callout {
@ -367,12 +367,6 @@
} }
} }
#use-cases {
.g-use-cases img {
width: 51%;
}
}
.home-cta-section { .home-cta-section {
color: $white; color: $white;

2
website/source/index.html.erb
View File

@ -143,7 +143,7 @@ description: |-
</div> </div>
</section> </section>
<section class='g-section bg-light border-top'> <section class='g-section bg-light'>
<div class='g-container'> <div class='g-container'>
<div class='intro'> <div class='intro'>
<h2>Consul Principles</h2> <h2>Consul Principles</h2>