shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v2 first commit

Browse Source
This commit is contained in:
denisdulici
2019-11-16 10:21:14 +03:00
parent 5b23e9c2c4
commit 6d50fa8442
3075 changed files with 3451681 additions and 65594 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
resources/assets/sass/core/sections/_nucleo-icons.scss vendored Normal file
View File

@ -0,0 +1,117 @@
.section-nucleo-icons {
--icon-size: 5rem;
--icon-sm-size: 3.75rem;
--gutter: 7rem;
.icons-container {
position: relative;
max-width: 100%;
height: 360px;
margin: 0 auto;
z-index: 1;
i {
position: absolute;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: $white;
z-index: 1;
transform: translate(-50%, -50%);
@include box-shadow($box-shadow);
transition: all .2s cubic-bezier(.25,.65,.9,.75);
&.icon {
width: var(--icon-size);
height: var(--icon-size);
font-size: 1.7em;
}
&.icon-sm {
width: var(--icon-sm-size);
height: var(--icon-sm-size);
font-size: 1.5em;
}
&:nth-child(1) {
font-size: 42px;
color: theme-color("warning");
z-index: 2;
}
}
i {
opacity: 1;
&:nth-child(1) {
left: 50%;
top: 50%;
font-size: 42px;
color: theme-color("warning");
}
&:nth-child(2) {
left: calc(50% + (var(--gutter) * 1.7));
top: 50%;
}
&:nth-child(3) {
left: calc(50% + var(--gutter));
top: calc(50% + var(--gutter));
}
&:nth-child(4) {
left: calc(50% + var(--gutter));
top: calc(50% - var(--gutter));
}
&:nth-child(5) {
left: calc(50% + (var(--gutter) * 4));
top: 50%;
}
&:nth-child(6) {
left: calc(50% + (var(--gutter) * 2.7));
top: calc(50% + (var(--gutter) * 1.5));
}
&:nth-child(7) {
left: calc(50% + (var(--gutter) * 2.7));
top: calc(50% - (var(--gutter) * 1.5));
}
&:nth-child(8) {
left: calc(50% - (var(--gutter) * 1.7));
top: 50%;
}
&:nth-child(9) {
left: calc(50% - var(--gutter));
top: calc(50% + var(--gutter));
}
&:nth-child(10) {
left: calc(50% - var(--gutter));
top: calc(50% - var(--gutter));
}
&:nth-child(11) {
left: calc(50% - (var(--gutter) * 4));
top: 50%;
}
&:nth-child(12) {
left: calc(50% - (var(--gutter) * 2.7));
top: calc(50% + (var(--gutter) * 1.5));
}
&:nth-child(13) {
left: calc(50% - (var(--gutter) * 2.7));
top: calc(50% - (var(--gutter) * 1.5));
}
}
}
}