Skip to content

Instantly share code, notes, and snippets.

View Leikam's full-sized avatar

Dimitry Leikam

9 followers · 1 following
View GitHub Profile
@Leikam
Leikam / dabblet.css
Created October 11, 2022 19:44
Untitled
.box {
height: 80px;
width: 200px;
border: 1px solid red;
background: linear-gradient(to right, rgba(255,100,100,1) 40%, rgba(255,100,100,0));
}
@Leikam
Leikam / dabblet.css
Created June 7, 2022 09:42
Untitled
#item {
position:absolute;
width: 200px;
height: 200px;
background: red;
margin: auto;
left:0;
right:0;
top:50%;
bottom:0;
@Leikam
Leikam / dabblet.css
Last active June 7, 2022 09:41
Untitled
#item {
position:absolute;
width: 200px;
height: 200px;
background: red;
margin: auto;
left:0;
right:0;
top:50%;
bottom:0;
@Leikam
Leikam / dabblet.css
Created August 5, 2021 13:45
Untitled
ul {
padding: 0;
margin: 0;
outline: 1px solid red;
}
ul li {
list-style-type: none;
height: 40px;
padding-top: 1px;
@Leikam
Leikam / dabblet.css
Created July 26, 2021 13:55
Untitled
.wrapper-img {
padding-bottom: 50%;
height: 0;
background: #999;
}
.wrapper {
max-width: 50%;
background: red;
}
@Leikam
Leikam / dabblet.css
Last active July 21, 2021 12:52
Untitled
.wrapper {
max-width: 50%;
outline: 1px solid red;
}
.wrapper-img {
padding-bottom: 50%;
height: 0;
background: #999;
}
@Leikam
Leikam / dabblet.css
Last active July 21, 2021 12:41
Untitled
.wrapper {
max-width: 50%;
}
.wrapper-img {
padding-bottom: 50%;
height: 0;
background: #999;
}
@Leikam
Leikam / dabblet.css
Created April 2, 2021 14:13
Untitled
.wrapper {
display: inline-block;
outline: 1px solid red;
}
.item {
outline: 1px solid blue;
/*width: 100px;*/
height: 100px;
background: blue;
@Leikam
Leikam / dabblet.css
Created February 2, 2021 15:46
Untitled
.cnt {
width: calc(9/16*100vh);
max-width: 100%;
margin: auto;
}
.element {
padding-top: calc(16/9*100%);
margin: auto;
@Leikam
Leikam / dabblet.css
Created February 2, 2021 15:45
Untitled
.cnt {
width: calc(9/16*100vh);
max-width: 50%;
margin: auto;
}
.element {
padding-top: calc(16/9*100%);
margin: auto;