andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Cards with browser support (WIP)

Browse Source
This commit is contained in:
Angelos Chalaris
2019-08-23 14:11:46 +03:00
parent d12e35a5c8
commit 1c0fa2c624
4 changed files with 76 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/docs/styles/_card.scss
View File

@ -100,7 +100,7 @@
}
}
.card-section-demo-title {
.card-section-demo-title, .card-section-explanation-title,.card-section-browser-support-title {
margin: 0.5rem 1rem .5rem;
color: var(--card-fore-color-light);
font-size: 1rem;
@ -108,6 +108,29 @@
line-height: 2.25;
}
.card-explanation, .card-browser-support {
margin: 0.5rem;
p, li {
line-height: 1.75;
margin-bottom: 0.5rem;
}
position: relative;
width: calc( 100% + 3rem);
display: block;
}
.card-browser-support {
margin: 1rem;
}
.browser-support-data {
font-size: 1.75rem;
font-weight: 300;
color: var(--card-fore-color-light);
line-height: 1;
margin: 0.5rem 1rem .5rem;
}
.card-snippet-demo {
width: calc(100% - 0.25rem);
margin: 0.5rem 1rem .5rem;