2017-11-03 09:34:21 +01:00
|
|
|
// .widgets
|
|
|
|
|
// display grid
|
|
|
|
|
// grid-template-columns 1fr
|
|
|
|
|
|
|
|
|
|
// > 810px
|
|
|
|
|
// .widgets
|
|
|
|
|
// grid-template-columns repeat(2, 1fr)
|
|
|
|
|
// grid-gap content-padding
|
2016-12-06 12:36:31 +09:00
|
|
|
|
2017-11-03 09:34:21 +01:00
|
|
|
// > 1240px
|
|
|
|
|
// .widgets
|
|
|
|
|
// grid-template-columns repeat(3, 1fr)
|
2017-07-04 01:42:54 +02:00
|
|
|
|
2017-11-03 09:34:21 +01:00
|
|
|
// > 1640px
|
|
|
|
|
// .widgets
|
|
|
|
|
// grid-template-columns repeat(4, 1fr)
|
2016-11-22 12:34:59 +09:00
|
|
|
|
2017-11-03 09:34:21 +01:00
|
|
|
.widgets
|
|
|
|
|
horizontal-wrap
|
|
|
|
|
justify-content center
|
2017-07-09 04:22:14 +02:00
|
|
|
|
|
|
|
|
.widget
|
|
|
|
|
vertical
|
2017-11-07 09:43:28 +01:00
|
|
|
// flex-basis 100%
|
|
|
|
|
flex 1
|
2017-11-03 09:34:21 +01:00
|
|
|
margin calc(content-padding / 2)
|
2017-07-09 04:52:13 +02:00
|
|
|
overflow hidden
|
2017-07-04 01:50:22 +02:00
|
|
|
|
2017-10-13 00:44:19 +02:00
|
|
|
.widget-section
|
|
|
|
|
vertical
|
|
|
|
|
width 100%
|
|
|
|
|
|
|
|
|
|
.widget-title
|
|
|
|
|
text-align left
|
|
|
|
|
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 15:47:40 +02:00
|
|
|
.widget-ui-element
|
2016-12-02 15:24:45 +09:00
|
|
|
vertical-wrap
|
|
|
|
|
ui-element
|
2017-10-20 02:43:02 +02:00
|
|
|
transition border transition-speed ease, background transition-speed ease, transform transition-speed ease, color transition-speed ease
|
2016-11-22 12:34:59 +09:00
|
|
|
margin-bottom 1rem
|
2016-12-06 19:43:43 +09:00
|
|
|
padding 0.5rem 1rem
|
2016-11-22 12:34:59 +09:00
|
|
|
width 100%
|
2017-07-09 04:22:14 +02:00
|
|
|
// max-width 700px
|
2016-11-22 12:34:59 +09:00
|
|
|
|
2017-10-09 15:47:40 +02:00
|
|
|
.widget-ui-element-text
|
2016-12-02 15:24:45 +09:00
|
|
|
horizontal
|
2017-06-08 01:14:45 +02:00
|
|
|
clip-long-text
|
2016-12-06 12:36:31 +09:00
|
|
|
justify-content flex-start
|
2016-11-22 12:34:59 +09:00
|
|
|
align-items center
|
2017-06-18 20:22:43 +02:00
|
|
|
width 100%
|
|
|
|
|
|
2017-07-09 04:22:14 +02:00
|
|
|
.widget-form
|
|
|
|
|
width 100%
|
|
|
|
|
max-width 650px
|
|
|
|
|
margin 0 auto
|
