cami/sp-codes.de
1
0
Fork 0
forked from samuel-p/sp-codes.de
Code Issues Pull requests Projects Releases Wiki Activity

added articles

Browse source 
other improvements
This commit is contained in:
Samuel Philipp 2023-01-12 22:33:15 +01:00
parent c77c028404
commit 29f93a9e6f
23 changed files with 448 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

55
src/scss/main.scss
View file

@ -1,22 +1,21 @@
$primary: #fea500;
$primary_dark: #e5a52e;
@import "logo";
$icomoon-font-path: "../font";
@import "icons/style";
$flag-icon-path: '../img';
@import "icons/flags";
@import "node_modules/bootstrap/scss/bootstrap-grid";
@import "node_modules/bootstrap/scss/bootstrap-reboot";
@import "node_modules/bootstrap/scss/utilities/align";
@import "node_modules/bootstrap/scss/utilities/spacing";
@import "node_modules/bootstrap/scss/utilities/display";
@import "node_modules/bootstrap/scss/utilities/text";
@import "node_modules/bootstrap/scss/utilities/float";
@import "node_modules/bootstrap/scss/functions";
@import "node_modules/bootstrap/scss/variables";
@import "node_modules/bootstrap/scss/mixins/_breakpoints";
$primary: #fea500;
$primary_dark: #e5a52e;
@import "bootstrap/scss/bootstrap-grid";
@import "bootstrap/scss/bootstrap-reboot";
@import "bootstrap/scss/bootstrap-utilities";
@import "bootstrap/scss/badge";
@import "bootstrap/scss/functions";
@import "bootstrap/scss/variables";
@import "bootstrap/scss/mixins/_breakpoints";
html, body {
height: 100%;
@ -27,7 +26,6 @@ html, body {
body {
background-image: url("../img/bg.jpg");
color: #fff;
font-weight: 300;
min-height: 100vh;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@ -93,7 +91,7 @@ a {
}
}
@include media-breakpoint-down(xs) {
@include media-breakpoint-down(sm) {
.nav {
display: block;
padding: 0;
@ -133,6 +131,11 @@ a {
.menu {
a {
color: #fff;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
.active a {
@ -251,7 +254,7 @@ code {
pre {
background-color: $primary;
color: #000;
padding: 1px 3px;
padding: 10px 15px;
border-radius: 4px;
code {
@ -261,6 +264,13 @@ pre {
}
}
.article-content {
img {
display: block;
margin: 1rem auto;
}
}
@media (max-width: 767.98px) {
.logo {
max-width: 96px;
@ -295,3 +305,16 @@ table.table {
margin: 5px;
max-width: 250px;
}
.tab-card {
margin-bottom: 2rem;
.title {
background-color: $primary;
color: #000;
font-weight: bold;
padding: 5px 10px;
border: 1px solid #fff;
border-bottom: none;
}
}