73 lines
1.2 KiB
Plaintext
Raw Normal View History

2017-11-03 08:34:21 +00:00
// .widgets
// display grid
// grid-template-columns 1fr
// > 810px
// .widgets
// grid-template-columns repeat(2, 1fr)
// grid-gap content-padding
2016-12-06 03:36:31 +00:00
2017-11-03 08:34:21 +00:00
// > 1240px
// .widgets
// grid-template-columns repeat(3, 1fr)
2017-07-03 23:42:54 +00:00
2017-11-03 08:34:21 +00:00
// > 1640px
// .widgets
// grid-template-columns repeat(4, 1fr)
2017-11-03 08:34:21 +00:00
.widgets
horizontal-wrap
justify-content center
2017-07-09 02:22:14 +00:00
.widget
vertical
2017-11-07 08:43:28 +00:00
flex 1
2017-11-03 08:34:21 +00:00
margin calc(content-padding / 2)
2017-07-03 23:50:22 +00:00
2017-10-12 22:44:19 +00:00
.widget-section
vertical
width 100%
2018-03-09 15:08:35 +00:00
.widget-section-with-preview
horizontal
.widget-section-preview
display flex
justify-content center
align-items center
margin-left 1rem
img
anime-mini-item-image
2017-10-12 22:44:19 +00:00
.widget-title
2017-11-27 17:04:28 +00:00
horizontal
2017-12-02 18:50:39 +00:00
align-items center
2017-10-12 22:44:19 +00:00
padding-bottom 0.5rem
border-bottom 1px solid rgba(0, 0, 0, 0.1)
// We need !important here to overwrite the h3:first-child rule
margin 1rem 0 !important
2017-10-09 13:47:40 +00:00
.widget-ui-element
vertical-wrap
ui-element
2017-10-20 00:43:02 +00:00
transition border transition-speed ease, background transition-speed ease, transform transition-speed ease, color transition-speed ease
margin-bottom 1rem
2016-12-06 10:43:43 +00:00
padding 0.5rem 1rem
width 100%
2017-07-09 02:22:14 +00:00
// max-width 700px
2017-10-09 13:47:40 +00:00
.widget-ui-element-text
horizontal
2017-06-07 23:14:45 +00:00
clip-long-text
2016-12-06 03:36:31 +00:00
justify-content flex-start
align-items center
2017-06-18 18:22:43 +00:00
width 100%
2017-07-09 02:22:14 +00:00
.widget-form
width 100%
max-width 650px
2017-11-27 17:04:28 +00:00
margin 0 auto
.indent
margin-left 1rem