Skip to content
Permalink
Browse files

doc: Improve download table styling

  • Loading branch information
SebastienCHEVALIER committed Dec 12, 2019
1 parent 9bdc3ba commit d88600961b849dad26c210c9ce6a12fe9bada84f
Showing with 28 additions and 10 deletions.
  1. +8 −8 doc/content/download.html
  2. +20 −2 doc/themes/the-things-stack/assets/css/theme.scss
@@ -12,7 +12,7 @@ <h1 class="title is-size-2">Open Source LoRaWAN® Network Server</h1>
<table class="table has-text-in-td-centered is-size-7-mobile">
<thead>
<tr>
<th width="25%"></th>
<th class="is-borderless" width="25%"></th>
<th scope="col" class="has-text-centered" width="25%">
<h3 class="title is-size-6 is-size-7-mobile">Open Source</h3>
<div class="content"><p class="has-text-weight-normal has-text-grey">Do it yourself</p></div>
@@ -212,15 +212,15 @@ <h3 class="title is-size-6 is-size-7-mobile">Enterprise</h3>
</tbody>
<tfoot>
<tr>
<th></th>
<th class="has-text-centered">
<a href="{{< ref "/guides/getting-started" >}}" class="button is-primary is-outlined is-hidden-mobile" target="_blank">Get Started</a>
<th class="is-borderless"></th>
<th class="has-text-centered is-hidden-mobile">
<a href="{{< ref "/guides/getting-started" >}}" class="button is-primary is-outlined " target="_blank">Get Started</a>
</th>
<th class="has-text-centered">
<a href="https://www.thethingsnetwork.org" class="button is-primary is-outlined is-hidden-mobile" target="_blank">Join now</a>
<th class="has-text-centered is-hidden-mobile">
<a href="https://www.thethingsnetwork.org" class="button is-primary is-outlined" target="_blank">Join now</a>
</th>
<th class="has-text-centered">
<a href="https://www.thethingsindustries.com" class="button is-primary is-outlined is-hidden-mobile" target="_blank">Learn more</a>
<th class="has-text-centered is-hidden-mobile">
<a href="https://www.thethingsindustries.com" class="button is-primary is-outlined" target="_blank">Learn more</a>
</th>
</tr>
</tfoot>
@@ -30,6 +30,8 @@ $title-family: "Manrope", $family-sans-serif;
// Colors

$blue: #2380ff;
$white-bis: #fbfbfb;
$white-ter : #ececec;

$code: $blue;
$link-hover: darken($blue, 20%);
@@ -46,8 +48,12 @@ $navbar-height: 4rem;

$card-shadow: 0 10px 20px 0 rgba($black, 0.1);

$table-head-cell-border-width: 0;
$table-foot-cell-border-width: 0;
$border: $white-ter;
$table-head-cell-border-width: 1px 1px 1px;
$table-foot-cell-border-width: 1px 1px 1px;
$table-cell-border: 1px solid $white-ter;
$table-cell-border-width: 1px 1px 1px;
$table-cell-padding: 1.2em 0.75em;

@import "bulma/sass/utilities/functions.sass";
@import "bulma/sass/utilities/derived-variables.sass";
@@ -108,6 +114,10 @@ $table-foot-cell-border-width: 0;
white-space: nowrap;
}

.is-borderless{
border: 0 !important
}

.card {
&.has-radius {
border-radius: $radius;
@@ -183,6 +193,14 @@ body {
main {
flex: 1;
}

table{
margin-top:100px;
}

tbody{
border: 1px solid $white-ter;
}
}

html.has-navbar-fixed-top {

0 comments on commit d886009

Please sign in to comment.
You can’t perform that action at this time.