lethemanh
122 lines
2.0 KiB
Stylus
122 lines
2.0 KiB
Stylus
/* Basic reset */
|
|
*
|
|
margin 0
|
|
padding 0
|
|
box-sizing border-box
|
|
|
|
.twake
|
|
font-family "Cal Sans"
|
|
font-weight 400
|
|
font-size 28.07px
|
|
line-height 100%
|
|
letter-spacing 0%
|
|
text-align center
|
|
vertical-align middle
|
|
padding 0.2rem
|
|
|
|
.calendar-text
|
|
font-family "Cal Sans"
|
|
padding 0.2rem
|
|
font-weight 400
|
|
font-size 28.07px
|
|
line-height 100%
|
|
letter-spacing 0%
|
|
text-align center
|
|
vertical-align middle
|
|
background linear-gradient(180deg, #ffb73d, #f26c32)
|
|
-webkit-background-clip text
|
|
-webkit-text-fill-color transparent
|
|
/* Optional for broader support */
|
|
background-clip text
|
|
color transparent
|
|
|
|
/* Menubar styles */
|
|
.menubar
|
|
display flex
|
|
justify-content space-between
|
|
align-items center
|
|
padding 0.5rem
|
|
width 100%
|
|
z-index 1100
|
|
height 60px
|
|
min-height 60px
|
|
background-color #fff
|
|
|
|
&--mobile
|
|
position sticky
|
|
top 0
|
|
margin-bottom 8px
|
|
|
|
.menubar-item
|
|
display flex
|
|
align-items center
|
|
|
|
.tc-home
|
|
cursor pointer
|
|
|
|
.logo
|
|
padding 0
|
|
font-size 1.5rem
|
|
max-width 230px
|
|
margin-left 1rem
|
|
|
|
&--mobile
|
|
max-width 130px
|
|
margin-left 0
|
|
|
|
.nav-month
|
|
padding-right 2px
|
|
padding-left 2px
|
|
gap 38px
|
|
|
|
.day-selector
|
|
font-weight 100
|
|
font-size small
|
|
|
|
.search-bar
|
|
width 600
|
|
height 43.88999938964844
|
|
top 18px
|
|
left 887px
|
|
|
|
.app-grid
|
|
display grid
|
|
grid-template-columns repeat(3, 1fr)
|
|
gap 0
|
|
padding 0
|
|
justify-items center
|
|
align-items center
|
|
|
|
.app-grid p
|
|
margin-top 6px
|
|
font-size 14px
|
|
text-align center
|
|
|
|
.left-menu
|
|
display flex
|
|
align-items center
|
|
justify-content flex-start
|
|
|
|
.right-menu
|
|
display flex
|
|
justify-content flex-end
|
|
align-items center
|
|
|
|
.current-date-time
|
|
font-family Roboto
|
|
font-size 22px
|
|
font-style normal
|
|
font-weight 400
|
|
line-height 36px
|
|
color #243B55
|
|
|
|
body.fullscreen-view .navigation-controls,
|
|
body.fullscreen-view .current-date-time,
|
|
body.fullscreen-view .refresh-button,
|
|
body.fullscreen-view .select-display,
|
|
body.fullscreen-view .search-container
|
|
display none
|
|
|
|
.search-container
|
|
width 100%
|