<div class="repeater-footer">
    <input type="hidden" name="perch_23_quotes_count" value="0" class="count">
    <span class="repeater-add-prompt"><svg width="20" height="20" class="icon icon-add"><use xlink:href="/assets/svg/core.svg#add" /></svg></span>
    <a href="#" class="plusone">Add another</a>
</div>
<div class="repeater-footer">
	<input type="hidden" name="perch_23_quotes_count" value="0" class="count">
	<span class="repeater-add-prompt">{{ icon 'core/add' 20 }}</span>
	<a href="#" class="plusone">Add another</a>
</div>
/* No context defined for this component. */
  • Content:
    .repeater-footer {
    	padding-left: 30px;
    	position: relative;
    	padding: $half-gutter 0;
    	margin: -1px 0 0 0;
    	font-weight: 400;
        @include font-scale(sm, helvetica);
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        border-top: 1px solid palette(ui, keyline);
    }
    
    .repeater-footer.hidden {
    	display: none;
    }
    
    .repeater-add-prompt {
    	margin-top: 1px;
    	height: 20px;
    	background-color: palette(ui, panel);
    }
    
    .repeater-footer .repeater-add-prompt svg {
    	fill: palette(ui);
    }
    
    .repeater-footer:hover .repeater-add-prompt svg {
    	fill: palette(ui, darker);
    }
    
    
    .repeater-footer svg {
    	fill: palette(ui, dark);
    	margin-right: 2px;
    }
    
    .repeater:hover .repeater-footer a svg {
    	fill: palette(ui, darker);
    }
    
    .repeater-footer a {
    	padding: 1px 10px 1px 10px;
    	text-decoration: none;
    	color: palette(ui, dark);
    	background-color: palette(ui, panel);
    }
    
    .repeater:hover .repeater-footer a {
    	color: palette(ui, darker);
    }
    
    .repeater .repeater-footer a:hover {
    	padding: 1px 10px 1px 10px;
    	color: #fff;
    	background-color: palette(ui, darker);
    	border-radius: 5px;
    }
    
    .repeater .repeater-footer a:hover svg {
    	fill: #fff;
    }
  • URL: /components/raw/repeater-footer/repeater-footer.scss
  • Filesystem Path: src/components/12-forms/03-organisms/05-repeaters/04-repeater-footer/repeater-footer.scss
  • Size: 1.1 KB

There are no notes for this item.