Skip to content

Commit

Permalink
deploy: f5bc4f7
Browse files Browse the repository at this point in the history
  • Loading branch information
@samspills
samspills committed Jul 23, 2023
1 parent af5b32b commit b0833b2
Show file tree
Hide file tree
Showing 3 changed files with 86 additions and 53 deletions.
86 changes: 55 additions & 31 deletions helium/laika-helium.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,11 @@
--bg-color: #ffffff;
--gradient-top: #095269;
--gradient-bottom: #007c99;
--top-color: var(--primary-color);
--top-bg: var(--primary-light);
--top-hover: var(--secondary-color);
--top-border: var(--primary-medium);
--component-color: var(--primary-color);
--component-area-bg: var(--primary-light);
--component-hover: var(--secondary-color);
--component-border: var(--primary-medium);
--subtle-highlight: rgba(0, 0, 0, 0.05);
--messages-info: #007c99;
--messages-info-light: #ebf6f7;
--messages-warning: #b1a400;
Expand All @@ -29,9 +30,9 @@
--syntax-wheel5: #4dbed4;
--body-font: "Lato", sans-serif;
--header-font: "Lato", sans-serif;
--code-font: "Fira Code", monospace;
--code-font: "Fira Mono", monospace;
--body-font-size: 15px;
--code-font-size: 14px;
--code-font-size: 0.9em;
--small-font-size: 12px;
--title-font-size: 34px;
--header2-font-size: 28px;
Expand All @@ -44,6 +45,14 @@
--top-bar-height: 35px;
}

.light-inverted {
--component-color: var(--primary-medium);
--component-area-bg: var(--primary-color);
--component-hover: var(--bg-color);
--component-border: var(--primary-light);
--subtle-highlight: rgba(255, 255, 255, 0.15);
}

*, :after, :before {
box-sizing: border-box;
}
Expand Down Expand Up @@ -157,7 +166,7 @@ h1.title {
padding-top: calc(40px + var(--top-bar-height));
padding-bottom: 10px;
margin-bottom: calc(var(--block-spacing) * 3);
border-bottom: 1px solid var(--primary-medium);
border-bottom: 1px solid var(--component-border);
}
h2 {
font-size: var(--header2-font-size);
Expand Down Expand Up @@ -311,7 +320,7 @@ ul.tab-group {
}
li.tab {
display: inline-block;
border: 1px solid var(--primary-medium);
border: 1px solid var(--component-border);
border-radius: 5px 5px 0 0;
background-color: var(--primary-light);
padding: 2px 5px;
Expand All @@ -332,7 +341,7 @@ li.tab.active {
.tab-content {
display: none;
padding: 12px 5px 5px;
border: 1px solid var(--primary-medium);
border: 1px solid var(--component-border);
border-radius: 0 5px 5px 5px;
margin-top: 0 !important;
}
Expand All @@ -344,11 +353,11 @@ li.tab.active {

table {
margin: calc(var(--block-spacing) * 2) 0;
border: 1px solid var(--primary-medium);
border: 1px solid var(--component-border);
border-collapse: collapse;
}
thead > tr {
border-bottom: 1px solid var(--primary-medium);
border-bottom: 1px solid var(--component-border);
}
td, th {
padding: 5px 8px;
Expand All @@ -374,11 +383,11 @@ tbody > tr:nth-child(odd) {
}

.svg-shape {
fill: var(--primary-color);
fill: var(--component-color);
}

a:hover .svg-shape {
fill: var(--secondary-color);
fill: var(--component-hover);
}

/* footer ========================================== */
Expand Down Expand Up @@ -423,7 +432,7 @@ p.title {
header {
display: flex;
justify-content: space-between;
background-color: var(--top-bg);
background-color: var(--component-area-bg);
margin: 0;
position: fixed;
top: 0;
Expand All @@ -433,15 +442,15 @@ header {
width: 100%;
align-items: center;
padding: 0 45px 0 20px;
border-bottom: 1px solid var(--top-border);
border-bottom: 1px solid var(--component-border);
}
header a, nav .row a {
color: var(--top-color);
color: var(--component-color);
}
header a:hover, nav .row a:hover {
text-decoration: none;
cursor: pointer;
color: var(--top-hover)
color: var(--component-hover)
}

header .image-link {
Expand All @@ -464,7 +473,7 @@ header .row.links {
nav .row {
margin: 10px 15px 3px 25px;
padding-bottom: 7px;
border-bottom: 1px solid var(--top-border);
border-bottom: 1px solid var(--component-border);
}

#nav-icon {
Expand All @@ -484,24 +493,29 @@ nav .row {
}
}

header .row.links .row.links {
display: inline-block;
}

.text-link {
position: relative;
bottom: 2px;
}

.button-link, #header-left .menu-toggle {
.button-link, #header-right .button-link, #header-left .menu-toggle, nav .row a.button-link {
position: relative;
bottom: 2px;
display: inline-block;
border-radius: 9px;
padding: 0 7px;
background-color: var(--top-color);
color: var(--top-bg);
background-color: var(--component-color);
color: var(--component-area-bg);
font-size: 0.9em;
}
.button-link:hover {
background-color: var(--top-hover);
color: var(--top-bg);
.button-link:hover, #header-right .button-link:hover {
background-color: var(--component-hover);
color: var(--component-area-bg);
text-decoration: none;
}

/* menus =================================================== */
Expand All @@ -515,11 +529,11 @@ nav .row {
margin-bottom: 0.1em;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid var(--primary-color);
border-top: 8px solid var(--component-color);
}

.menu-toggle:hover:after {
border-top: 8px solid var(--secondary-color);
border-top: 8px solid var(--component-hover);
}

.menu-container {
Expand All @@ -534,7 +548,7 @@ nav .row {
left: 20px;
top: calc(var(--top-bar-height) - 10px);
background-color: white;
border: 1px solid var(--primary-medium);
border: 1px solid var(--component-border);
border-radius: 5px;
white-space: nowrap;
}
Expand Down Expand Up @@ -711,7 +725,7 @@ ul.nav-list, #page-nav ul {
background-color: var(--primary-color);
}
#page-nav .footer {
border-top: 1px solid var(--primary-medium);
border-top: 1px solid var(--component-border);
}

#page-nav ul.nav-list {
Expand Down Expand Up @@ -772,6 +786,18 @@ ul.nav-list, #page-nav ul {
display: inline-block;
}
}
@media (max-width: 1450px) {
#page-nav.all-screens {
display: block;
position: static;
width: 100%;
max-width: var(--content-width);
background-color: transparent;
margin-left: auto;
margin-right: auto;
padding: 75px 45px 10px 45px;
}
}

.icofont-laika {
font-size: 1.75em;
Expand All @@ -783,8 +809,7 @@ pre {
border-radius: 5px;
padding: 12px 9px 9px 15px;
margin: 0 0 var(--block-spacing);
font-size: var(--code-font-size);
line-height: 21px;
line-height: 1.4;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
Expand All @@ -798,7 +823,6 @@ code {
padding: 0 0.1em;
}
pre code {
font-size: var(--code-font-size);
color: var(--syntax-base5);
background-color: transparent;
padding: 0;
Expand Down
37 changes: 23 additions & 14 deletions helium/landing.page.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,11 @@ body {
}

#header a, #header a:hover {
color: var(--primary-medium);
color: var(--component-color);
}
#header a.icon-link:hover {
color: var(--component-hover);
text-decoration: none;
}
#header #docs a {
font-weight: normal;
Expand Down Expand Up @@ -46,11 +50,11 @@ body {
}

#header-left {
color: var(--primary-medium);
color: var(--component-color);
margin: 0 auto;
}
#header-right {
color: var(--primary-medium);
color: var(--component-color);
padding: 0 20px;
text-align: left;
margin: 35px auto 0;
Expand All @@ -66,16 +70,16 @@ ul {
}
#docs {
font-size: 17px;
border: 1px solid var(--primary-medium);
border: 1px solid var(--component-color);
border-radius: 5px;
margin-bottom: 15px;
margin-top: 18px;
padding: 0;
}
#docs p {
padding: 6px 10px 6px 10px;
border-bottom: 1px solid var(--primary-medium);
background-color: rgba(255, 255, 255, 0.15);
border-bottom: 1px solid var(--component-color);
background-color: var(--subtle-highlight);
margin-bottom: 5px;
}
li {
Expand All @@ -94,7 +98,7 @@ li {
margin-bottom: 12px;
}
#header-left h1, #header-left h2 {
color: var(--primary-medium);
color: var(--component-color);
line-height: 1.5;
margin-bottom: 5px;
}
Expand Down Expand Up @@ -176,8 +180,8 @@ li {

/* link group ===================================================== */

#header-left div.row.links > .row.links {
border: 1px solid var(--primary-medium);
#header-left div.row.links > .row.links, #header-right .row.links {
border: 1px solid var(--component-color);
border-radius: 8px;
height: 100%;
padding-top: 2px;
Expand All @@ -187,6 +191,15 @@ li {
vertical-align: middle;
}

#header-right .row.links {
border: none;
justify-content: left;
}

#header-right .row.links > * {
margin-right: 25px;
}

#header-left .row.links a.icon-link:hover {
text-decoration: none;
color: var(--secondary-color);
Expand All @@ -204,10 +217,6 @@ li {
padding-bottom: 4px;
}

.svg-shape {
fill: var(--primary-medium);
}

/* menus + button link ======================================================= */

#header-left .menu-container, #header-left .button-link {
Expand All @@ -231,7 +240,7 @@ li {
fill: white;
}
#header-left .button-link:hover .svg-shape {
fill: var(--primary-medium);
fill: var(--component-color);
}

#header-left a.menu-toggle, #header-left .button-link {
Expand Down
Loading

0 comments on commit b0833b2

Please sign in to comment.