Skip to content

Instantly share code, notes, and snippets.

@7dir
Created October 13, 2021 01:24
Show Gist options
  • Save 7dir/ec854cffec187447960bc012af290009 to your computer and use it in GitHub Desktop.
Save 7dir/ec854cffec187447960bc012af290009 to your computer and use it in GitHub Desktop.
OJjVVWd
.container.header
.container--lg
.menu
%ul.menu__list.menu__position-left
%li.menu__item
Time
%li.menu__item
Cats
%ul.menu__list.menu__position-left
%li.menu__item
Help
%li.menu__item
Login
.main.container--lg
.week-view
.row
.slot-add
+
.day-prev
<
.day-next
>
.day-today
.day-today__text_bold
Today:
.day-today__text_bold
31 Friday 13:55
.row
.day-view
- (1..6).each do |i|
.day-week
.day-week__text
Mon
.day-week-total-time__text
0:00
.day-items
- (1..3).each do |i|
.row
.day-item
.day-item-info
.row
.col
.row
.day-item__project
Project/Client
.day-item__category
item__category
.row
.day-item__notes
Notes
.col
.day-item__timer_input
0:00
.col
.day-item__toggle
Start
.col
.day-item__edit
Edit
.day-items__total
.row
.col.day-item__total-text
Total:
.col.day-item__total-value
8:44
.footer.container-lg
footer
$container-width: 100% !default;
.container {
margin: 0 auto;
max-width: $container-width;
// padding: 0 10px;
position: relative;
width: 100%;
box-sizing: border-box;
}
.container--lg {
margin: 0 auto;
max-width: 1200px;
// padding: 3.2rem 1rem;
}
.container--sm {
margin: 0 auto;
max-width: 640px;
padding: 2.4rem 2rem;
}
.header {
background: grey;
height: 2.5em;
}
.menu {
}
ul {
list-style: none;
display: inline;
}
li {
display: inline;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment