CAROUSEL TEST

Title

Less unicorn and apart and credibly yikes touched much jeez that so reverent the by a as that kiwi fed wherever more aboard.

/ * Variables * / $ hoverBgColor: # 503bff; $ hoverBgColor2: # 8293ff; / * Mixins * / @mixin createBox ($ width, $ height, $ bRadius, $ bgColor, $ margin) { width: $ width; height: $ height; border-radius: $ bRadius; background-color: $ bgColor; margin: $ margin; transition: .3s all ease-in-out; } body { font-family: “Dosis”, sans-serif; } .container{ display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; height: 97vh; .box { @include createBox (250px, 250px, 10px, white, 20px); position: relative; box-shadow: 0px 0px 15px background; .boxContent { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 15px; .icon { color: # 8293ff; font-size: 48px; padding: 15px; } .title { font-size: 24px; color: # 8293ff; font-weight: bold; padding: 10px; } .desc { color: # 8293ff; font-size: 15px; height: 20%; } } / * Link * / to{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } &: hover { background: linear-gradient (130deg, $ hoverBgColor 0%, $ hoverBgColor2 100%); box-shadow: none; .icon, .title, .desc { color: white; transition: .3s all ease-in-out; } } } }

Title

Less unicorn and apart and credibly yikes touched much jeez that so reverent the by a as that kiwi fed wherever more aboard.

Title

Less unicorn and apart and credibly yikes touched much jeez that so reverent the by a as that kiwi fed wherever more aboard.