anthony/password-generator
1
0
Fork 0
mirror of https://github.com/anthonyaxenov/password-generator.git synced 2024-12-27 16:28:35 +00:00
Code Issues Projects Releases Wiki Activity

updated checkbox:disabled styles

Browse Source
This commit is contained in:
Sikriti Dakua 2020-03-09 14:12:32 +05:30 committed by GitHub
parent 42c8b6eae5
commit bc96e7c26f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 83 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
css/style.scss
View File

@ -23,8 +23,7 @@ button {
padding: 10px 25px;
background: #0a0e31;
border-radius: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.45), 0 4px 8px rgba(0, 0, 0, 0.35),
0 8px 12px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.45), 0 4px 8px rgba(0, 0, 0, 0.35), 0 8px 12px rgba(0, 0, 0, 0.15);
font-family: "Montserrat";
h2.title {
font-size: 1.75rem;
@ -113,35 +112,35 @@ $field-border-radius: 8px;
position: relative;
width: 100%;
height: calc(#{$field-height} - 10px);
display: flex;
justify-content: center;
align-items: center;
background: $field-color;
border-radius: $field-border-radius;
margin: 30px 0;
display: flex;
justify-content: center;
align-items: center;
background: $field-color;
border-radius: $field-border-radius;
margin: 30px 0;
&::before,
&::after {
&::before,
&::after {
position: absolute;
color: #fff;
font-size: 0.9rem;
font-weight: bold;
}
&::before {
}
&::before {
content: attr(data-min);
left: 10px;
}
&::after {
}
&::after {
content: attr(data-max);
right: 10px;
}
.length__title::after {
}
.length__title::after {
content: attr(data-length);
position: absolute;
right: -16px;
font-variant-numeric: tabular-nums;
color: #fff;
}
}
}
$range-handle-color: rgb(255, 255, 255) !default;
@ -253,8 +252,15 @@ $range-label-width: 60px !default;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75);
}
}
&:disabled{
+ label{
&:before, &:after{ cursor: not-allowed }
&:before{ background: #4f4f6a }
&:after{ background: #909090 }
}
}
}
}
}
.btn.generate {