mirror of
				https://github.com/andrewgioia/keyrune.git
				synced 2025-11-03 23:50:45 +00:00 
			
		
		
		
	Successfully convereted (and improved) variables.less, path.less, core.less, sizes.less into .scss versions.
This commit is contained in:
		
							parent
							
								
									1028c81401
								
							
						
					
					
						commit
						0f3cedb6f0
					
				
							
								
								
									
										27
									
								
								sass/components/_setsymbol.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										27
									
								
								sass/components/_setsymbol.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,27 @@
 | 
			
		||||
// set symbol class
 | 
			
		||||
.#{$keyrune_prefix} {
 | 
			
		||||
  display: $setsymbol_display;
 | 
			
		||||
  font: $setsymbol_font;
 | 
			
		||||
  font-size: $setsymbol_font_size;
 | 
			
		||||
  line-height: $setsymbol_line_height;
 | 
			
		||||
  text-rendering: $setsymbol_text_rendering;
 | 
			
		||||
  transform: $setsymbol_transform;
 | 
			
		||||
  speak: $setsymbol_speak;
 | 
			
		||||
  text-transform: $setsymbol_text_transform;
 | 
			
		||||
  vertical-align: $setsymbol_vertical_align;
 | 
			
		||||
  // Better font rendering
 | 
			
		||||
  -webkit-font-smoothing: $setsymbol_webkit_font_smoothing;
 | 
			
		||||
  -moz-font-smoothing: $setsymbol_moz_font_smoothing;
 | 
			
		||||
 | 
			
		||||
  // default symbol if the set does not exist yet, or setcode does not match
 | 
			
		||||
  &:before {
 | 
			
		||||
    content: $setsymbol_default_content;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
// set symbol size modifier classes
 | 
			
		||||
@each $size in $symbol_sizes {
 | 
			
		||||
  .#{$keyrune_prefix}.#{nth($size, 1)} {
 | 
			
		||||
    font-size: #{nth($size, 2)}
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										11
									
								
								sass/components/_typography.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										11
									
								
								sass/components/_typography.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,11 @@
 | 
			
		||||
@font-face {
 | 
			
		||||
  font-family: "#{$keyrune_font_face}";
 | 
			
		||||
  src:url( '#{$global_font_path}/keyrune.eot?v=#{$keyrune_version}' );
 | 
			
		||||
  src:url( '#{$global_font_path}/keyrune.eot?#iefix&v=#{$keyrune_version}' ) format( 'embedded-opentype' ),
 | 
			
		||||
      url( '#{$global_font_path}/keyrune.woff2?v=#{$keyrune_version}' ) format( 'woff2' ),
 | 
			
		||||
      url( '#{$global_font_path}/keyrune.woff?v=#{$keyrune_version}' ) format( 'woff' ),
 | 
			
		||||
      url( '#{$global_font_path}/keyrune.ttf?v=#{$keyrune_version}' ) format( 'truetype' ),
 | 
			
		||||
      url( '#{$global_font_path}/keyrune.svg?v=#{$keyrune_version}#keyrune' ) format( 'svg' );
 | 
			
		||||
  font-weight: normal;
 | 
			
		||||
  font-style: normal;
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										1
									
								
								sass/config/_settings.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										1
									
								
								sass/config/_settings.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1 @@
 | 
			
		||||
// this is a generated copy of _variables.scss for users.
 | 
			
		||||
							
								
								
									
										54
									
								
								sass/config/_variables.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										54
									
								
								sass/config/_variables.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,54 @@
 | 
			
		||||
// _variables.scss
 | 
			
		||||
 | 
			
		||||
// Table of Contents: ===========================
 | 
			
		||||
// 1. Global
 | 
			
		||||
// 2. Keyrune
 | 
			
		||||
// 3. Symbol Sizes
 | 
			
		||||
// 4. Rarity Colors
 | 
			
		||||
// 5. Set Symbol
 | 
			
		||||
// 6. MtG Setlist
 | 
			
		||||
 | 
			
		||||
// 1. Global ====================================
 | 
			
		||||
$global_font_path:  '../fonts' !default;
 | 
			
		||||
$global_font_size:  14px !default;
 | 
			
		||||
 | 
			
		||||
// 2. Keyrune ===================================
 | 
			
		||||
$keyrune_font_face:               "Keyrune" !default;
 | 
			
		||||
$keyrune_version:                 '1.7.2' !default;
 | 
			
		||||
$keyrune_prefix:                  'ss' !default;
 | 
			
		||||
 | 
			
		||||
// 3. Symbol Sizes ==============================
 | 
			
		||||
$symbol_sizes: (
 | 
			
		||||
  '2x': 2em,
 | 
			
		||||
  '3x': 3em,
 | 
			
		||||
  '4x': 4em,
 | 
			
		||||
  '5x': 5em,
 | 
			
		||||
  '6x': 6em
 | 
			
		||||
) !default;
 | 
			
		||||
 | 
			
		||||
// 4. Rarity Colors =============================
 | 
			
		||||
$rarity_palette: (
 | 
			
		||||
  ('common', #1a1718, #302b2c, #474040, #000),
 | 
			
		||||
  ('uncommon', #707883, #5a6572, #9e9e9e, #111),
 | 
			
		||||
  ('rare', #a58e4a, #876a3b, #dfbd6b, #333),
 | 
			
		||||
  ('mythic', #bf4427, #b21f0f, #f38300, #333)
 | 
			
		||||
) !default;
 | 
			
		||||
 | 
			
		||||
// 5. Set Symbol ================================
 | 
			
		||||
$setsymbol_display:                 inline-block !default;
 | 
			
		||||
$setsymbol_font:                    normal normal normal $global_font_size/1 $keyrune_font_face !default;
 | 
			
		||||
$setsymbol_font_size:               inherit !default;
 | 
			
		||||
$setsymbol_line_height:             1em !default;
 | 
			
		||||
$setsymbol_text_rendering:          auto !default;
 | 
			
		||||
$setsymbol_transform:               translate(0, 0) !default;
 | 
			
		||||
$setsymbol_speak:                   none !default;
 | 
			
		||||
$setsymbol_text_transform:          none !default;
 | 
			
		||||
$setsymbol_vertical_align:          middle !default;
 | 
			
		||||
$setsymbol_webkit_font_smoothing:   antialiased !default;
 | 
			
		||||
$setsymbol_moz_font_smoothing:      grayscale !default;
 | 
			
		||||
$setsymbol_default_content:         "\e684" !default;
 | 
			
		||||
 | 
			
		||||
// MtG Setlist ===================================
 | 
			
		||||
$mtg_setlist: (
 | 
			
		||||
 | 
			
		||||
) !default;
 | 
			
		||||
							
								
								
									
										9
									
								
								sass/keyrune.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										9
									
								
								sass/keyrune.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,9 @@
 | 
			
		||||
// keyrune.scss
 | 
			
		||||
 | 
			
		||||
// Config ==============
 | 
			
		||||
@import 'config/variables';
 | 
			
		||||
//@import 'config/settings'; // used for other users to overwrite default styles.
 | 
			
		||||
 | 
			
		||||
// Components ==========
 | 
			
		||||
@import 'components/typography';
 | 
			
		||||
@import 'components/setsymbol';
 | 
			
		||||
		Loading…
	
		Reference in New Issue
	
	Block a user