From 36feb008b8cdb11f8f341fa5bf9c20db656b41f0 Mon Sep 17 00:00:00 2001
From: weru <fromweru@gmail.com>
Date: Mon, 23 Jan 2023 16:17:06 +0000
Subject: [PATCH] update component styles
---
assets/sass/_base.sass | 9 +++++++--
assets/sass/_syntax.sass | 20 +++++++++++---------
2 files changed, 18 insertions(+), 11 deletions(-)
diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass
index 7e19f83..e46c0bd 100644
--- a/assets/sass/_base.sass
+++ b/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
diff --git a/assets/sass/_syntax.sass b/assets/sass/_syntax.sass
index 458ed49..9253c30 100644
--- a/assets/sass/_syntax.sass
+++ b/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
\ No newline at end of file
+ position: relative
+ margin-right: 0.36rem
+
+.line
+ &-flex
+ display: flex
\ No newline at end of file
--
Gitblit v1.10.0