Skip to content

Commit

Permalink
integrate custom CSS to SCSS
Browse files Browse the repository at this point in the history
  • Loading branch information
mxmehl committed Mar 22, 2024
1 parent fb4aa9e commit b98a391
Show file tree
Hide file tree
Showing 4 changed files with 90 additions and 72 deletions.
1 change: 0 additions & 1 deletion config.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,6 @@ Params:
asset:
fontawesome_css:
- css/fontawesome-all.min.css
- css/openrail-custom.css
fontawesome_js:
- js/fontawesome-all.min.js
permalinks:
Expand Down
71 changes: 0 additions & 71 deletions static/css/openrail-custom.css

This file was deleted.

86 changes: 86 additions & 0 deletions themes/openrail/assets/sass/custom/openrail.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
// -----------------------------------------------------------------------------
// GENERAL
p {
margin-bottom: 1rem;
}

// Hidden headline, esp. h1
.hiddenhead {
display: none;
}

// Site heading
#siteheading {
padding: 4rem 7rem 0 7rem;
}


// -----------------------------------------------------------------------------
// NEWS
section.news,
section.news-list {

&.spotlight.style2 {

// Never center text
p,
h2,
h3 {
text-align: left !important;
}

// Reduce padding
@media (orientation: landscape) {
padding: 3rem 7rem 2rem 7rem;
}

}
}

// Position news images rather on top
@media screen and (orientation: landscape) {
section.news {
align-items: flex-start !important;

div.image {
margin-top: 100px !important;
}
}
}

// Reduce image size in image listing, and on news items on small screens
.news-list.spotlight.style2 .image {
width: 10rem;
height: 10rem;
}

.news.spotlight.style .image {
@media screen and (min-width: 469px) and (max-width: 736px) {
width: 10rem;
height: 10rem;
}
}

// No box shadow for first section
section.news-list:first-of-type {
box-shadow: none !important;
}


// -----------------------------------------------------------------------------
// MEMBERSHIP
.less-top-margin {
margin-top: 1rem !important;
}

.less-bottom-margin {
margin-bottom: 1rem !important;
}

#members-overview section {
border: 0;

@media screen and (min-width: 981px) {
width: 25%;
}
}
4 changes: 4 additions & 0 deletions themes/openrail/assets/sass/main.scss
Original file line number Diff line number Diff line change
Expand Up @@ -185,3 +185,7 @@
// Layout.

@import 'layout/wrapper';

// Custom OpenRail stylings

@import 'custom/openrail';

0 comments on commit b98a391

Please sign in to comment.