AJR/TechRadarAJR
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: cleanup

Browse Source
This commit is contained in:
Mathias Schopmans
2024-03-04 15:36:57 +01:00
committed by Mathias Schopmans
parent 1583363ab8
commit ab005e03b3
139 changed files with 0 additions and 39087 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/styles/components/button.scss
View File

@@ -1,32 +0,0 @@
.button {
border: none;
background: transparent;
position: relative;
padding: 10px 10px 10px 35px;
margin: 0;
font-size: 16px;
line-height: 16px;
color: var(--color-gray-normal);
&__icon {
position: absolute;
left: 5px;
top: 50%;
margin-top: -11px;
}
}
.link-button {
background-color: transparent;
border: none;
cursor: pointer;
text-decoration: underline;
display: inline;
margin: 0;
padding: 0;
}
.link-button:hover,
.link-button:focus {
text-decoration: none;
}

13
src/styles/components/content.scss
View File

@@ -1,13 +0,0 @@
.fullpage-content {
font-size: 16px;
color: var(--color-white);
& p,
& ul {
font-weight: lighter;
}
& a {
color: var(--color-white);
}
}

10
src/styles/components/filter.scss
View File

@@ -1,10 +0,0 @@
@import "../../styles/sccs-vars.scss";
.filter {
margin-bottom: 40px;
/* @todo: re-enable filter for mobile */
@media (max-width: $until-sm) {
display: none;
}
}

4
src/styles/components/footnote.scss
View File

@@ -1,4 +0,0 @@
.footnote {
font-size: 12px;
color: var(--color-gray-normal);
}

15
src/styles/components/headline.scss
View File

@@ -1,15 +0,0 @@
h4.headline {
font-size: 18px;
}
.headline {
margin: 0;
padding: 0;
color: var(--color-white);
font-size: 20px;
font-weight: normal;
&--dark {
color: var(--color-gray-light);
}
}

61
src/styles/components/hljs.scss
View File

@@ -1,61 +0,0 @@
/* copied from here: http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.10.0/styles/darcula.min.css*/
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #2b2b2b;
}
.hljs {
color: #bababa;
}
.hljs-strong,
.hljs-emphasis {
color: #a8a8a2;
}
.hljs-bullet,
.hljs-quote,
.hljs-link,
.hljs-number,
.hljs-regexp,
.hljs-literal {
color: #6896ba;
}
.hljs-code,
.hljs-selector-class {
color: #a6e22e;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-section,
.hljs-attribute,
.hljs-name,
.hljs-variable {
color: #cb7832;
}
.hljs-params {
color: #b9b9b9;
}
.hljs-string {
color: #6a8759;
}
.hljs-subst,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-symbol,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-template-tag,
.hljs-template-variable,
.hljs-addition {
color: #e0c46c;
}
.hljs-comment,
.hljs-deletion,
.hljs-meta {
color: #7f7f7f;
}

37
src/styles/components/icon-link.scss
View File

@@ -1,37 +0,0 @@
.icon-link {
display: inline-block;
position: relative;
text-decoration: none;
height: 25px;
font-size: 14px;
line-height: 25px;
border: 0;
background: none;
color: var(--color-gray-normal);
cursor: pointer;
&--primary {
color: var(--color-brand);
}
&--big {
font-size: 16px;
}
&__icon {
margin-right: 6px;
position: relative;
top: -1px;
}
&:hover {
&:after {
content: "";
position: absolute;
left: 0;
bottom: -8px;
width: 100%;
border-bottom: 2px solid var(--color-gray-normal);
}
}
}

58
src/styles/components/icon.scss
View File

@@ -1,58 +0,0 @@
.icon {
display: inline-block;
width: 22px;
height: 22px;
background-size: 22px 22px;
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: middle;
&--pie {
background-image: url("../../icons/pie.svg");
}
&--question {
background-image: url("../../icons/question.svg");
}
&--overview {
background-image: url("../../icons/overview.svg");
}
&--search {
background-image: url("../../icons/search.svg");
}
&--back {
background-image: url("../../icons/back.svg");
}
&--close {
background-image: url("../../icons/close.svg");
}
&--blip_new {
background-image: url('../../icons/blip_new.svg');
width: 18px;
height: 18px;
background-size: 18px;
}
&--blip_changed {
background-image: url('../../icons/blip_changed.svg');
width: 18px;
height: 18px;
background-size: 18px;
}
&--blip_default {
background-image: url('../../icons/blip_default.svg');
width: 18px;
height: 18px;
background-size: 18px;
}
&--filter {
background-image: url("../../icons/filter.svg");
}
}

29
src/styles/components/letter-index.scss
View File

@@ -1,29 +0,0 @@
@import "../../styles/sccs-vars.scss";
.letter-index {
margin-bottom: 60px;
&__group {
border-top: 1px solid var(--color-gray-normal);
position: relative;
padding: 0 0 0 200px;
min-height: 80px;
@media (max-width: $until-md) {
padding: 0 0 0 50px;
}
}
&__letter {
font-size: 50px;
line-height: 80px;
color: var(--color-gray-normal);
position: absolute;
left: 50px;
top: 0;
@media (max-width: $until-md) {
left: 0;
}
}
}

53
src/styles/components/markdown.scss
View File

@@ -1,53 +0,0 @@
.markdown {
color: var(--color-gray-normal);
font-size: 16px;
p {
margin: 20px 0;
}
a {
color: var(--color-gray-normal);
text-decoration: underline;
&:hover {
color: var(--color-gray-dark);
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--color-gray-normal);
}
h1 {
font-size: 2em;
margin: 1em 0;
font-weight: 300;
}
h2 {
font-size: 1.5em;
margin: 1em 0;
}
h3 {
font-size: 1.2em;
margin: 1em 0;
}
img {
max-width: 100%;
margin: 10 0 10 0;
}
pre {
overflow-x: auto;
padding: 10px;
background: var(--color-gray-dark);
-webkit-overflow-scrolling: touch;
}
}

43
src/styles/components/nav.scss
View File

@@ -1,43 +0,0 @@
@import "../../styles/sccs-vars.scss";
.nav {
white-space: nowrap;
&__item {
display: inline-flex;
position: relative;
& + .nav__item {
margin-left: 20px;
}
}
&__search {
position: absolute;
right: 0;
top: 50%;
visibility: hidden;
overflow: hidden;
width: 0;
margin-top: -25px;
opacity: 0.8;
transition: width 400ms cubic-bezier(0.24, 1.12, 0.71, 0.98) 100ms,
visibility 0s linear 500ms, opacity 200ms linear;
&.is-open {
opacity: 1;
width: 600px;
visibility: visible;
transition-delay: 0s;
}
}
&--relations {
@media (max-width: $until-md) {
.nav__item {
display: block;
margin: 5px 0 0;
}
}
}
}

37
src/styles/components/page.scss
View File

@@ -1,37 +0,0 @@
@import "../../styles/sccs-vars.scss";
.page {
max-width: 1200px;
min-height: 100%;
margin: 0 auto;
padding: 0 15px;
display: flex;
flex-direction: column;
min-height: 100vh;
&__header {
flex: 0 0 auto;
margin-bottom: 20px;
position: relative;
z-index: 100;
@media (max-width: $until-sm) {
margin: 0;
}
@media (max-width: $until-lg) {
.nav {
display: none;
}
}
}
&__content {
flex: 1 1 auto;
}
&__footer {
margin-top: 5px;
flex: 0 0 auto;
}
}

10
src/styles/components/publish-date.scss
View File

@@ -1,10 +0,0 @@
@import "../../styles/sccs-vars.scss";
.publish-date {
color: var(--color-gray-normal);
text-align: right;
@media (max-width: $until-sm) {
text-align: center;
}
}

10
src/styles/components/ring-list.scss
View File

@@ -1,10 +0,0 @@
.ring-list {
&__header {
margin-bottom: 20px;
}
&__item {
font-size: 13px;
display: block;
margin-bottom: 12px;
}
}

16
src/styles/components/social-icon.scss
View File

@@ -1,16 +0,0 @@
.social-icon-a {
display: inline-flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
width: 30px;
height: 30px;
margin: 0 5px;
background-color: var(--color-white);
border-radius: 50%;
}
.social-icon {
font-size: 16px; /* Preferred icon size */
color: var(--color-gray-dark);
}

27
src/styles/components/split.scss
View File

@@ -1,27 +0,0 @@
@import "../../styles/sccs-vars.scss";
.split {
display: flex;
align-items: center;
justify-content: space-between;
&--align-top {
align-items: flex-start;
}
&--overview {
min-height: 40px;
}
&__left {
flex: 0 1 auto;
}
&__right {
flex: 0 1 auto;
}
@media (max-width: $until-sm) {
display: block;
}
}

16
src/styles/main.scss
View File

@@ -1,16 +0,0 @@
@import "./components/button";
@import "./components/content";
@import "./components/filter";
@import "./components/footnote";
@import "./components/headline";
@import "./components/hljs";
@import "./components/icon";
@import "./components/icon-link";
@import "./components/letter-index";
@import "./components/markdown";
@import "./components/nav";
@import "./components/page";
@import "./components/publish-date";
@import "./components/ring-list";
@import "./components/social-icon";
@import "./components/split";

4
src/styles/sccs-vars.scss
View File

@@ -1,4 +0,0 @@
$until-sm: 30em;
$until-md: 48em;
$until-lg: 61.875em;
$until-xl: 75em;