update component styles

weru

23.17.2023 36feb008b8cdb11f8f341fa5bf9c20db656b41f0

update component styles

Signed-off-by: weru <fromweru@gmail.com>

 assets/sass/_base.sass

@@ -140,8 +140,10 @@
    height: initial
    overflow: visible
  &_toggle
    padding: 1.5rem 0
    margin: -1.5rem 0
    padding: 0.5rem 1.5rem
    border-radius: 0.5rem
    background: var(--accent)
    transform: translateY(-1rem)
    display: flex
    justify-content: space-between
    @media screen and (min-width: 42rem)
@@ -176,6 +178,9 @@

.main
  flex: 1
  > .grid-auto
    @media screen and (max-width: 667px)
      grid-gap: 0

.page
  &-home

 assets/sass/_syntax.sass

@@ -190,10 +190,8 @@
.panel
  &_box
    display: inline-flex
    // grid-template-columns: repeat(3, 1fr)
    // max-width: 10rem
    perspective: 300px
    grid-gap: 0.5rem
    grid-gap: 1rem
    transition: opacity 0.3s var(--easing)
    background: var(--code-bg)
    padding: 0.5rem 1.5rem
@@ -208,10 +206,9 @@
    align-items: center
    justify-content: center
    cursor: pointer
    // transition: opacity 0.3s var(--easing)
    padding: 0.1rem
    transform-origin: 50% 50%
    // opacity: 0.7
    margin: 0
    &.active
      animation: pulse 0.1s linear
    svg
@@ -236,9 +233,14 @@

.shell
  position: relative
  display: flex
  align-items: center
  gap: 0.5rem
  // display: flex
  // align-items: center
  // gap: 0.5rem
  &::before
    content: "$"
    position: relative
    margin-right: 0.36rem

.line
  &-flex
    display: flex