Category: stencil

.card–alternate color reset.

Post author By rawi
Post date September 25, 2025

.card--alternate color does not remain consistent and keeps changing. This behavior negatively affects the overall design and user experience, as the inconsistent styling looks unpolished and distracting each time it occurs. It would be much better if the color could remain stable or be easily overridden through custom CSS.

.card--alternate {
  border: 3px solid inherit; 

  .card-body {
    background-color: transparent; 
  }

  &:hover {
    border-color: inherit;

    .card-body {
      background-color: inherit;

      .card-text {
        color: inherit;
      }
    }

    .card-title > a {
      color: inherit;
    }
  }
}


.card--alternate {
  border: 3px solid inherit; 

  .card-body {
    background-color: transparent; 
  }

  &:hover {
    border-color: inherit;

    .card-body {
      background-color: inherit;

      .card-text {
        color: inherit;
      }
    }

    .card-title > a {
      color: inherit;
    }
  }
}

#cornerstone #bigcommerce

bigcommerce blog stencil

breakpoints

Post author By rawi
Post date August 14, 2025

@include breakpoint("medium") { }
@include breakpoint("large")  { }

@include breakpoint("medium") { }
@include breakpoint("large")  { }

#stencil #bigcommerce

bash bigcommerce blog stencil windows

i’m bat man!

Post author By rawi
Post date July 14, 2025

@echo off
cd /d "C:\Users\sumnima\Documents\minu"

:: Start Git Bash and run stencil
start "" "C:\Program Files\Git\git-bash.exe" --cd="C:\Users\sumnima\Documents\minu" -c "stencil start; exec bash"

:: Delay for server to start (tweak if needed)
timeout /t 10 >nul

:: Launch Firefox with localhost
start "" "C:\Program Files\Mozilla Firefox\firefox.exe" "http://localhost:3000"

:: Open Sublime Text in the same folder
start "" "C:\Program Files\Sublime Text\sublime_text.exe" "C:\Users\sumnima\Documents\minu"

@echo off
cd /d "C:\Users\sumnima\Documents\minu"

:: Start Git Bash and run stencil
start "" "C:\Program Files\Git\git-bash.exe" --cd="C:\Users\sumnima\Documents\minu" -c "stencil start; exec bash"

:: Delay for server to start (tweak if needed)
timeout /t 10 >nul

:: Launch Firefox with localhost
start "" "C:\Program Files\Mozilla Firefox\firefox.exe" "http://localhost:3000"

:: Open Sublime Text in the same folder
start "" "C:\Program Files\Sublime Text\sublime_text.exe" "C:\Users\sumnima\Documents\minu"

bigcommerce blog minimal stencil

minimal theme media screen size

Post author By rawi
Post date February 24, 2025

#screen #bigcommerce #theme #css #media #bookmark base on minimal theme

$screen-large:                  1261px; // 1
$screen-medium:                 1180px;
$screen-small:                  820px;
@media (max-width: $screen-large) and (min-width: $screen-medium) { 

}

bigcommerce blog bookmark css stencil Theme

sumnima – CSS for iPad

Post author By rawi
Post date December 8, 2024

#bookmark CSS landscape. reset for iPad sumnima themes



@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
    /* reset sumnima CSS styles for iPad landscape mode go here */
    body {
        opacity: 0.3;
    }
}