WIP
This commit is contained in:
ポール ウェッブ
parent
ba2366c957
commit
df02f2fbd9
6 changed files with 65 additions and 69 deletions
2
dist/index.css
vendored
2
dist/index.css
vendored
File diff suppressed because one or more lines are too long
2
dist/index.css.map
vendored
2
dist/index.css.map
vendored
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["../sass/init/_variables.scss","../sass/init/_mixins.scss","../node_modules/@lbry/color/lbry-color.scss","../sass/init/_reset.scss","../sass/init/_animation.scss","../sass/badge/_index.scss","../sass/button/_index.scss","../sass/form/_index.scss","../sass/media/_index.scss","../sass/table/_index.scss"],"names":[],"mappings":"AAAA,MCuII,cDrIgC,MCqIhC,aDpI+B,MCoI/B,YDnI8B,MCmI9B,YDlI8B,OCkI9B,YDjI8B,OCiI9B,aDhI+B,OCgI/B,cD/HgC,OC+HhC,sBD5HwC,eC4HxC,0BD3H4C,eC2H5C,kBD1HoC,IC0HpC,wBDzH0C,OCyH1C,cCpGU,QDoGV,cCnGU,QDmGV,cClGU,QDkGV,cCjGU,QDiGV,cChGU,QDgGV,cCjFU,QDiFV,cChFU,QDgFV,cC/EU,QD+EV,cC9EU,QD8EV,cC7EU,QD6EV,cC9DU,QD8DV,cC7DU,QD6DV,cC5DU,QD4DV,cC3DU,QD2DV,cC1DU,QD0DV,cC3CU,QD2CV,cC1CU,QD0CV,cCzCU,QDyCV,cCxCU,QDwCV,cCvCU,QDuCV,gBCxBY,QDwBZ,gBCvBY,QDuBZ,gBCtBY,QDsBZ,gBCrBY,QDqBZ,gBCpBY,QDoBZ,gBCLY,QDKZ,gBCJY,QDIZ,gBCHY,QDGZ,gBCFY,QDEZ,gBCDY,QDCZ,eCcW,QDdX,eCeW,QDfX,eCgBW,QDhBX,eCiBW,QDjBX,eCkBW,QDlBX,cCiCU,QDjCV,cCkCU,QDlCV,cCmCU,QDnCV,cCoCU,QDpCV,cCqCU,QDrCV,aCoDS,QDpDT,aCqDS,QDrDT,aCsDS,QDtDT,aCuDS,QDvDT,aCwDS,QDxDT,gBCuEY,QDvEZ,gBCwEY,QDxEZ,gBCyEY,QDzEZ,gBC0EY,QD1EZ,gBC2EY,QD3EZ,gBC0FY,QD1FZ,gBC2FY,QD3FZ,gBC4FY,QD5FZ,gBC6FY,QD7FZ,gBC8FY,QD9FZ,cC6GU,QD7GV,cC8GU,QD9GV,cC+GU,QD/GV,cCgHU,QDhHV,cCiHU,QDjHV,eCgIW,QDhIX,eCiIW,QDjIX,eCkIW,QDlIX,eCmIW,QDnIX,eCoIW,QDpIX,YDvC8B,YCuC9B,uCErIJ,KACE,sBACA,eACA,kCAEA,kCACA,mCAGF,qBAGE,mBAEA,YACA,mBACA,UAGF,WACE,oBACA,YAGF,WACE,mBAGF,uGAQE,eAGF,gEAUE,0BAGF,6BAIE,6BACA,oBACA,kBACA,oBAEA,qBACA,wBAEA,iEACE,eAIJ,kBAME,mBAGF,MAEE,2BAEA,YACE,2BAIJ,GACE,qBAGF,MAEE,iBAKF,GAC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","file":"index.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["../sass/init/_variables.scss","../sass/init/_mixins.scss","../node_modules/@lbry/color/lbry-color.scss","../sass/init/_reset.scss","../sass/init/_animation.scss","../sass/badge/_index.scss","../sass/button/_index.scss","../sass/form/_index.scss","../sass/media/_index.scss","../sass/table/_index.scss"],"names":[],"mappings":"AAAA,MCuII,cDrIgC,MCqIhC,aDpI+B,MCoI/B,YDnI8B,MCmI9B,YDlI8B,OCkI9B,YDjI8B,OCiI9B,aDhI+B,OCgI/B,cD/HgC,OC+HhC,sBD5HwC,eC4HxC,0BD3H4C,eC2H5C,kBD1HoC,IC0HpC,wBDzH0C,OCyH1C,aCjIU,QDiIV,aCnIU,KDmIV,cCpGU,QDoGV,cCnGU,QDmGV,cClGU,QDkGV,cCjGU,QDiGV,cChGU,QDgGV,cCjFU,QDiFV,cChFU,QDgFV,cC/EU,QD+EV,cC9EU,QD8EV,cC7EU,QD6EV,cC9DU,QD8DV,cC7DU,QD6DV,cC5DU,QD4DV,cC3DU,QD2DV,cC1DU,QD0DV,cC3CU,QD2CV,cC1CU,QD0CV,cCzCU,QDyCV,cCxCU,QDwCV,cCvCU,QDuCV,gBCxBY,QDwBZ,gBCvBY,QDuBZ,gBCtBY,QDsBZ,gBCrBY,QDqBZ,gBCpBY,QDoBZ,gBCLY,QDKZ,gBCJY,QDIZ,gBCHY,QDGZ,gBCFY,QDEZ,gBCDY,QDCZ,eCcW,QDdX,eCeW,QDfX,eCgBW,QDhBX,eCiBW,QDjBX,eCkBW,QDlBX,cCiCU,QDjCV,cCkCU,QDlCV,cCmCU,QDnCV,cCoCU,QDpCV,cCqCU,QDrCV,aCoDS,QDpDT,aCqDS,QDrDT,aCsDS,QDtDT,aCuDS,QDvDT,aCwDS,QDxDT,gBCuEY,QDvEZ,gBCwEY,QDxEZ,gBCyEY,QDzEZ,gBC0EY,QD1EZ,gBC2EY,QD3EZ,gBC0FY,QD1FZ,gBC2FY,QD3FZ,gBC4FY,QD5FZ,gBC6FY,QD7FZ,gBC8FY,QD9FZ,cC6GU,QD7GV,cC8GU,QD9GV,cC+GU,QD/GV,cCgHU,QDhHV,cCiHU,QDjHV,eCgIW,QDhIX,eCiIW,QDjIX,eCkIW,QDlIX,eCmIW,QDnIX,eCoIW,QDpIX,YDpC8B,YCoC9B,uCErIJ,KACE,sBACA,eACA,kCAEA,kCACA,mCAGF,qBAGE,mBAEA,YACA,mBACA,UAGF,WACE,oBACA,YAGF,WACE,mBAGF,uGAQE,eAGF,gEAUE,0BAGF,6BAIE,6BACA,oBACA,kBACA,oBAEA,qBACA,wBAEA,iEACE,eAIJ,kBAME,mBAGF,MAEE,2BAEA,YACE,2BAIJ,G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","file":"index.css"}
|
||||
18
dist/index.html
vendored
18
dist/index.html
vendored
|
|
@ -27,6 +27,7 @@
|
|||
}
|
||||
|
||||
section {
|
||||
border-bottom: 1px solid var(--lbry-gray-1);
|
||||
margin-bottom: var(--spacing-l);
|
||||
}
|
||||
|
||||
|
|
@ -41,9 +42,14 @@
|
|||
}
|
||||
|
||||
h3 {
|
||||
background-color: var(--lbry-black);
|
||||
color: var(--lbry-white);
|
||||
display: inline-block;
|
||||
font-size: 1.5rem;
|
||||
font-weight: bolder;
|
||||
margin-bottom: var(--spacing-xs);
|
||||
margin-bottom: var(--spacing-s);
|
||||
padding: 0.25rem 1rem;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
p {
|
||||
|
|
@ -91,8 +97,14 @@
|
|||
<legend>Click some buttons</legend>
|
||||
|
||||
<radio>
|
||||
<input id="test-radio" type="radio">
|
||||
<label for="test-radio">Radio button</label>
|
||||
<input id="test-radio-1" name="toggle" type="radio">
|
||||
<label for="test-radio-1">Radio button 1</label>
|
||||
<check></check>
|
||||
</radio>
|
||||
|
||||
<radio>
|
||||
<input id="test-radio-2" name="toggle" type="radio">
|
||||
<label for="test-radio-2">Radio button 2</label>
|
||||
<check></check>
|
||||
</radio>
|
||||
</fieldset>
|
||||
|
|
|
|||
|
|
@ -1,39 +1,20 @@
|
|||
form {
|
||||
// setting the font size here sizes everything within
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
// Flexbox is broken for fieldset elements in Chromium
|
||||
// Source: https://bugs.chromium.org/p/chromium/issues/detail?id=375693
|
||||
// Example: https://codepen.io/Garbee/pen/oYKMYp
|
||||
// display: flex; //
|
||||
// justify-content: center; //
|
||||
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.5rem;
|
||||
border-top: 1px solid $lbry-gray-1;
|
||||
margin-bottom: 1.5rem;
|
||||
position: relative;
|
||||
|
||||
// @supports (not (-moz-appearance: none)) {
|
||||
// display: block;
|
||||
// }
|
||||
|
||||
button,
|
||||
input {
|
||||
// height: 2.5rem;
|
||||
// border-style: solid;
|
||||
// border-width: 1px;
|
||||
|
||||
&:not([type="button"]):not([type="radio"]):not([type="submit"]) {
|
||||
// flex: 1; //
|
||||
padding-right: 1rem;
|
||||
padding-left: 1rem;
|
||||
transition: border 0.2s;
|
||||
|
||||
// @supports (not (-moz-appearance: none)) {
|
||||
// width: calc(100% - 10rem);
|
||||
// float: left;
|
||||
// }
|
||||
|
||||
&:not(:focus) {
|
||||
border-top-color: $lbry-black;
|
||||
border-right-color: transparent;
|
||||
|
|
@ -56,11 +37,6 @@ fieldset {
|
|||
padding-left: 1.5rem;
|
||||
transition: all 0.2s;
|
||||
|
||||
// @supports (not (-moz-appearance: none)) {
|
||||
// width: 10rem;
|
||||
// float: right;
|
||||
// }
|
||||
|
||||
&:not(:hover) {
|
||||
background-color: $lbry-black;
|
||||
border-color: $lbry-black;
|
||||
|
|
@ -74,22 +50,53 @@ fieldset {
|
|||
}
|
||||
}
|
||||
|
||||
legend {
|
||||
padding: 0.25rem 0.5rem;
|
||||
border: 1px solid $lbry-gray-1;
|
||||
margin-bottom: 1rem;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
check {
|
||||
width: 1.5rem; height: 1.5rem;
|
||||
top: 0; left: 0;
|
||||
|
||||
border: 2px solid;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
position: relative;
|
||||
transition: border 0.2s;
|
||||
z-index: 5;
|
||||
|
||||
&::before {
|
||||
width: 100%; height: 100%;
|
||||
top: 0; left: 0;
|
||||
|
||||
border-radius: 50%;
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
transform: scale(0.6);
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
}
|
||||
|
||||
radio {
|
||||
min-height: 2rem;
|
||||
align-items: center;
|
||||
display: inline-flex;
|
||||
flex-direction: row-reverse;
|
||||
margin-right: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
position: relative;
|
||||
|
||||
&:hover {
|
||||
label {
|
||||
color: $lbry-teal-3;
|
||||
color: $lbry-teal-4;
|
||||
}
|
||||
|
||||
check {
|
||||
border-color: $lbry-teal-3;
|
||||
border-color: $lbry-teal-4;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -111,40 +118,17 @@ radio {
|
|||
|
||||
&:checked {
|
||||
+ label {
|
||||
color: $lbry-teal-3;
|
||||
color: $lbry-teal-4;
|
||||
}
|
||||
|
||||
+ label + check::before {
|
||||
background-color: $lbry-teal-3;
|
||||
background-color: $lbry-teal-4;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
check {
|
||||
width: 1.5rem; height: 1.5rem;
|
||||
top: 0; left: 0;
|
||||
|
||||
border: 2px solid;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
position: relative;
|
||||
transition: border 0.2s;
|
||||
z-index: 5;
|
||||
|
||||
&::before {
|
||||
width: 0.75rem; height: 0.75rem;
|
||||
top: 0.24rem; left: 0.24rem;
|
||||
|
||||
border-radius: 50%;
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.check {
|
||||
|
|
|
|||
|
|
@ -15,6 +15,9 @@
|
|||
@include root-prop(--aspect-ratio-standard, 56.25%); // 16:9
|
||||
|
||||
// Color
|
||||
@include root-prop(--lbry-black, $lbry-black);
|
||||
@include root-prop(--lbry-white, $lbry-white);
|
||||
|
||||
@include root-prop(--lbry-gray-1, $lbry-gray-1);
|
||||
@include root-prop(--lbry-gray-2, $lbry-gray-2);
|
||||
@include root-prop(--lbry-gray-3, $lbry-gray-3);
|
||||
|
|
|
|||
|
|
@ -1,14 +1,10 @@
|
|||
|
||||
table {
|
||||
width: 100%;
|
||||
|
||||
background-color: $lbry-white;
|
||||
border: 1px solid $lbry-black;
|
||||
position: relative;
|
||||
|
||||
thead {
|
||||
background-color: $lbry-black;
|
||||
color: $lbry-white;
|
||||
cursor: default;
|
||||
position: relative;
|
||||
|
||||
|
|
@ -22,8 +18,12 @@ table {
|
|||
line-height: 1.55;
|
||||
}
|
||||
|
||||
tr:nth-of-type(even) {
|
||||
background-color: $lbry-gray-1;
|
||||
tr {
|
||||
&:not(:last-of-type) {
|
||||
td {
|
||||
border-bottom: 1px solid $lbry-gray-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
th,
|
||||
|
|
@ -32,15 +32,12 @@ table {
|
|||
}
|
||||
|
||||
th {
|
||||
border-bottom: 2px solid $lbry-black;
|
||||
letter-spacing: 0.1rem;
|
||||
text-align: left;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
tbody tr:not(:last-of-type) td {
|
||||
border-bottom: 1px solid $lbry-gray-1;
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue