Guts Less Mixins

Developer
ThatGuySam
Size
3,248 Kb
Views
46,552
  1. Guts Less Mixins Previews
  2. Guts Less Mixins HTML Codes
  3. Guts Less Mixins CSS Codes

How do I make an guts less mixins?

What is a guts less mixins? How do you make a guts less mixins? This script and codes were developed by ThatGuySam on 06 August 2022, Saturday.

Guts Less Mixins Previews
IQ Test

Guts Less Mixins - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Guts Less Mixins</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
</body>
</html>

Guts Less Mixins - Script Codes CSS Codes

@guts-red: #a20000;
@primary-light: #d8d8d8;
@off-white: @primary-light;
@secondary-light: #eaeaea;
@primary-dark: #323232;
@off-black: @primary-dark;
@secondary-dark: #4d4d4d;
@tertiary-dark: #aaaaaa;
@primary: #F44336;
// Easing
@primary-ease: cubic-bezier(0.230, 1.000, 0.320, 1.000);//easeOutQuint
// Type
@primary-font: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
@body-font: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
@letter-spacing: 0.1em;
@link-color:	@primary-dark;
@link-hover-color:	@secondary-dark;
.backgroundRGBa(@colour: @primary-dark, @alpha: 1.0) {	@alphaColour: hsla(hue(@colour), saturation(@colour), lightness(@colour), @alpha);	@ieAlphaColour: argb(@alphaColour);	background-color: @colour; // Fallback for older browsers	background-color: @alphaColour;	// IE hacks	zoom: 1; // hasLayout	//background-color: transparent\9;
}
.scrim() {	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.transition-delay( @delay ){	-webkit-transition-delay: @delay; -moz-transition-delay: @delay; -o-transition-delay: @delay;	transition-delay: @delay;
}
.transition( @property:all, @duration:500ms, @delay:0 ) { transition: @property @duration @primary-ease; transition-timing-function: @primary-ease;	& when ( @delay > 0 ) {	.transition-delay(@delay);	}
}
@ir-ratio: 16/9;
@ir-width: 100%;
@ir-margin: auto;
.ir(@ratio: @ir-ratio, @width: @ir-width, @margin: @ir-margin) { position: relative; //margin: @margin; width: unit(@width, ~'%'); height: 0; padding-bottom: unit(@width / @ratio, ~'%'); > iframe, > video, > img, > div { position: absolute; width: 100%; height: 100%; }
}
.spaced( @spacing: @letter-spacing ){	letter-spacing: @spacing;
}
Guts Less Mixins - Script Codes
Guts Less Mixins - Script Codes
Home Page Home
Developer ThatGuySam
Username ThatGuySam
Uploaded August 06, 2022
Rating 3
Size 3,248 Kb
Views 46,552
Do you need developer help for Guts Less Mixins?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

ThatGuySam (ThatGuySam) Script Codes
Name
Flat Price Table
Magic Color Changing Wufoo Form Theme
Stopwatch Embed
Auto Expiring Content
Google Cardboard Apps
Twitter Feed
Inline CSS
Quiet Email Subscribe Button
Facebook Style Typography
Awesome CSS3 Button
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!