geo/geo-coop
geo/geo-coop
7
1
Fork 0
Code Issues 54 Pull requests Projects Releases Packages Wiki Activity Actions

Move elements from components into elements, sassify comments, make our tweaks

Browse source
This commit is contained in:
benjamin melançon 2025-07-15 20:11:17 -04:00
parent d56ee8dcee
commit c7c310a394
2 changed files with 25 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

13
web/themes/custom/geofresco/src/global/_components.scss
View file

@ -22,6 +22,14 @@
} }
} }
.site-title {
display: inline-block;
width: 4.6em;
word-break: keep-all; // Shouldn't be needed but Chrome needs it.
font-size: 37px;
line-height: 38px;
}
.geo-logo-name { .geo-logo-name {
display: flex !important; display: flex !important;
overflow: hidden; overflow: hidden;
@ -31,7 +39,10 @@
} }
.logo a { .logo a {
display: block; display: block;
width: 199px; // width: 199px;
}
.logo img {
height: 7.5rem;
} }
@include from($tablet) { @include from($tablet) {
width: fit-content; width: fit-content;

36
web/themes/custom/geofresco/src/global/_elements.scss
View file

@ -1,50 +1,41 @@
@charset "UTF-8"; @charset "UTF-8";
/* Extend or override Bulma's elements ../../node_modules/bulma/sass/elements */ // Extend or override Bulma's elements ../../node_modules/bulma/sass/elements
@use "../../node_modules/bulma/sass/utilities/derived-variables" as *; @use "../../node_modules/bulma/sass/utilities/derived-variables" as *;
@use "variables" as *; @use "variables" as *;
.site-title {
display: inline-block;
width: 4.6em;
word-break: keep-all; /* Shouldn't be needed but Chrome needs it. */
font-size: 37px;
line-height: 38px;
}
.user-account-menu li { .user-account-menu li {
display: inline-block; display: inline-block;
padding: .1rem .6rem; padding: .1rem .6rem;
} }
/* Add a gradient across only a portion of the vertical width of the navbar. */ // Add a gradient across only a portion of the vertical height of the navbar.
.header, .header {
.sitename {
background: linear-gradient( background: linear-gradient(
$background, $background,
$background 74px, $background 5.3765rem,
$light-green 74px, $light-green 5.3765rem,
$green 120px, $green 8.4rem,
$background 120px, $background 8.4rem,
$background $background
); );
} }
#navbar-menu .navbar-item { #navbar-menu .navbar-item {
font-size: 22px; font-size: 1.357rem;
} }
.slogan { .slogan {
box-shadow: 0 2px 0 0 whitesmoke; box-shadow: 0 2px 0 0 whitesmoke;
margin-bottom: 2px; /* Needed to see the boxshadow when we have the featured image directly below. */ margin-bottom: 2px; // Needed to see the boxshadow when we have the featured image directly below.
padding-bottom: 4px; /* Give just a little extra space at the bottom for the *appearance* of balance. */ padding-bottom: 4px; // Give just a little extra space at the bottom for the *appearance* of balance.
.title { .title {
color: $green-gray; color: $green-gray;
font-size: 1.2rem; font-size: 1.2rem;
} }
} }
/* Give some space above the subtitle. */ // Give some space above the subtitle.
.featured-image { .featured-image {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
@ -56,17 +47,16 @@
margin: 1em; margin: 1em;
} }
.drum { .drum {
margin-bottom: 1.2rem; margin-bottom: 1.2rem;
} }
/* Remove empty gap from featured homepage image, to match look of content. */ // Remove empty gap from featured homepage image, to match look of content.
.block--highlighted { .block--highlighted {
margin-top: -1.5rem; margin-top: -1.5rem;
} }
/* I know this is wrong but it seems to work flawlessly across sizes. */ // I know this is wrong but it seems to work flawlessly across sizes.
.more-link { .more-link {
float: right; float: right;
position: relative; position: relative;