AverageMarcus/milligram
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
6dbea0bb48
milligram/src/_Table.sass

60 lines
912 B
Sass
Raw Normal View History

table created
2015-12-26 01:58:21 +00:00
// Table
// ––––––––––––––––––––––––––––––––––––––––––––––––––
table
Remove table border spacing #141
2016-12-27 20:43:13 +00:00
border-spacing: 0
table created
2015-12-26 01:58:21 +00:00
width: 100%
Arranging the order of selectors and properties
2016-09-10 00:33:20 +00:00
td,
th
table border color was specified in hex instead of a variable
2016-08-23 07:52:06 +00:00
border-bottom: .1rem solid $color-quinary
table created
2015-12-26 01:58:21 +00:00
padding: 1.2rem 1.5rem
text-align: left
&:first-child
padding-left: 0
&:last-child
padding-right: 0
184 Responsive table Add a media query to fix the table behavior on mobile
2017-11-20 20:01:59 +00:00
@media screen and (max-width: 40.0rem)
Fix #193 Signed-off-by: Valentin Popov <info@valentineus.link>
2018-04-19 09:08:49 +00:00
table
border-spacing: 0
display: flex
width: 100%
184 Responsive table Add a media query to fix the table behavior on mobile
2017-11-20 20:01:59 +00:00
Fix #193 Signed-off-by: Valentin Popov <info@valentineus.link>
2018-04-19 09:08:49 +00:00
thead
border-right: solid .1rem $color-quinary
184 Responsive table Add a media query to fix the table behavior on mobile
2017-11-20 20:01:59 +00:00
Fix #193 Signed-off-by: Valentin Popov <info@valentineus.link>
2018-04-19 09:08:49 +00:00
td,
th
padding-left: 0
184 Responsive table Add a media query to fix the table behavior on mobile
2017-11-20 20:01:59 +00:00
Fix #193 Signed-off-by: Valentin Popov <info@valentineus.link>
2018-04-19 09:08:49 +00:00
&:first-child
padding-left: 0
184 Responsive table Add a media query to fix the table behavior on mobile
2017-11-20 20:01:59 +00:00
Fix #193 Signed-off-by: Valentin Popov <info@valentineus.link>
2018-04-19 09:08:49 +00:00
&:last-child
padding-right: 1.2rem
184 Responsive table Add a media query to fix the table behavior on mobile
2017-11-20 20:01:59 +00:00
Fix #193 Signed-off-by: Valentin Popov <info@valentineus.link>
2018-04-19 09:08:49 +00:00
tbody
display: flex
overflow-x: auto
white-space: nowrap
184 Responsive table Add a media query to fix the table behavior on mobile
2017-11-20 20:01:59 +00:00
Fix #193 Signed-off-by: Valentin Popov <info@valentineus.link>
2018-04-19 09:08:49 +00:00
tr
border-right: solid .1rem $color-quinary
184 Responsive table Add a media query to fix the table behavior on mobile
2017-11-20 20:01:59 +00:00
Fix #193 Signed-off-by: Valentin Popov <info@valentineus.link>
2018-04-19 09:08:49 +00:00
&:last-child
border-right: none
184 Responsive table Add a media query to fix the table behavior on mobile
2017-11-20 20:01:59 +00:00
Fix #193 Signed-off-by: Valentin Popov <info@valentineus.link>
2018-04-19 09:08:49 +00:00
td,
th
display: block
184 Responsive table Add a media query to fix the table behavior on mobile
2017-11-20 20:01:59 +00:00
Fix #193 Signed-off-by: Valentin Popov <info@valentineus.link>
2018-04-19 09:08:49 +00:00
&:first-child
padding-left: 1.2rem
184 Responsive table Add a media query to fix the table behavior on mobile
2017-11-20 20:01:59 +00:00
Fix #193 Signed-off-by: Valentin Popov <info@valentineus.link>
2018-04-19 09:08:49 +00:00
&:last-child
padding-right: 1.2rem
Reference in New Issue Copy Permalink